Tips Cara Mempercantik Blog Dengan Widget Artikel Terbaru/Recent Post Yang Elegan


Tips Cara Mempercantik Blog Dengan Widget Artikel Terbaru/Recent Post Yang Elegan - Widget artikel tarbaru atau dapat kita sebut dengan widget Recent Post dapat kita pergunakan untuk mempercantik blog yang kita m. Dengan bermacam-macam tampilan dari Widget artikel terbaru yang dapat kita pergunakan dan widget ini dapat juga kita pergunakan untuk mempermanis tampilan dari blog yang kita miliki. Pada artikel saya yang terbaru ini saya ingin membagikan sebuah artikel dengan judul Tips Cara Mempercantik Blog Dengan Widget Artikel Terbaru/Recent Post Yang Elegan.

Sebelumnya saya juga telah membahas mengenai Tips Cara Mempercantik Blogger Dengan Widget Artikel Terbaru/Recent Post Warna-warni yang dapat kita pergunakan juga untuk mempercantik tampilan blog kita dengan widget tersebut.

Untuk tampilan widget artikel terbaru atau yang dapat kita sebut dengan widget recent post dan kira-kira tampilan dari widget tersebut adalah seperti pada gambar dibawah ini jika kita mempergunakan widget ini pada blog kita. bagaimana tampilan nya cantik bukan.....

Tips Cara Mempercantik Blog Dengan Widget Artikel Terbaru/Recent Post Yang Elegan
Untuk memasang widget artikel terbaru ini kita dapat memulainya dengan cara mengikuti langkah-langkah berikut ini.

Baca:
Demo Supir Taksi Dengan Angkutan Online Hingga Taksi Blue Bird Gratis Hari Ini
  1. Silahkan masuk ke blog anda
  2. Pilih Layout > Add a Gadged
  3. Pilih widget HTML/JavaScript
  4. Dan tahap selanjutnya adalah silahkan anda masukkan kode dibawah ini pada form HTML/JavaScript tersebut.
<div class="recentpoststyle">
<script src="http://helplogger.googlecode.com/svn/trunk/helplogger/recentposts.js"></script>
<script>
var posts_no = 5;var posts_date = true;var post_summary = true;var summary_chars = 80;</script>
<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts">
</script><a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://goo.gl/zAnmTu" rel="nofollow">Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
.recentpoststyle {counter-reset: countposts;list-style-type: none;}
.recentpoststyle a {text-decoration: none; color: #49A8D1;}
.recentpoststyle a:hover {color: #000;}
.recentpoststyle li:before {content: counter(countposts,decimal);counter-increment: countposts;float: left;z-index: 2;position:relative;font-size: 20px;font-weight: bold;color: #fff;background: #69B7E2; margin: 15px 5px 0px -6px; padding: 0px 10px; border-radius: 100%;}
li.recent-post-title { padding: 5px 0px;}
.recent-post-title { font-family: "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,AppleGothic,sans-serif;}
.recent-post-title a {color: #444;font-size: 13px; text-decoration: none; padding: 2px; font-weight: bold;}
.post-date {padding: 5px 2px 5px 30px; font-size: 11px; color: #999; margin-bottom: 5px;}
.recent-post-summ { border-left: 1px solid #69B7E2; color: #777; padding: 0px 5px 0px 20px; margin-left: 11px; font-family: Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif; font-size: 15px;}
</style></div>

Jika sudah memasukkan kode diatas pada form HTML/JavaScript pada widget anda maka silahkan anda simpan widget tersebut dan sesuaikan pada tempat yang memang anda inginkan. Jika sudah pas silahkan anda simpan kembali dan lihat sekarang tampilan dari widget artikel terbaru anda.

Baca
Cara Backup Dan Import Artikel Blog Dengan Cara Yang Mudah

Nah mungkin cukup sekian dulu nie tips dan cara ngeblog dari saya untuk anda pergunakan untuk mempercantik blog yang ada miliki. Semoga artikel saya ini dapat berguna dan dapat membantu anda dalam memperindah blog anda 

Subscribe to receive free email updates:

1 Response to "Tips Cara Mempercantik Blog Dengan Widget Artikel Terbaru/Recent Post Yang Elegan"

Jangan lupa komentar ya