Recent Post Widget dengan Thumbnail, tanpa edit HTML Simple!

Recent Post Widget dengan Thumbnail, tanpa edit HTML Simple!


Oke sob, langsung saja aku mo share sedikit widget Recent Post dengan Thumbnail.dengan scroll, sehingga berapapun postingan yang ingin sobat tampilkan bisa di munculkan dengan sedikit edit scriptnya.
yang menjadi sederhana adalah, witget ini bisa sobat pasang tanpa harus mengotak-atik HTML lhoo
jadi tidak susah payah sobat muter jidat ngelihatin bahasa script yang berbelit dan ruwet (untuk pemula)

yabb langsung ke topik
1. seperti biasa sobat masuk ke blogger go to template layout, add a gadget, trus klik HTML Javascriptnya
2. isi judulnya "RECENT POST" ato mungkin postingan terbaru (terserah sobat mau di kasih judul apaan)
3. lalu masukkan dan copy kode berikut...

<div class="eggTray">
<script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">{"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",
"pipe_params":{"URL":"YOUR-BLOG/feeds/posts/default"},
"hideHeader":"false","height":"500","count": 8 }</script>
<noscript>Your browser does not support JavaScript!</noscript></div>
<style type=text/css>
.eggTray {margin:10px 0px;padding:0px;}
.ybr li  {border-bottom:0px #cccccc dotted; padding:0px 0px 10px 0px!important;}
.pipesTitle {padding-top:0px;}
.pipesDescription {display:true;}
.ycdr, .ycdr a {color:#999999;}
.widget .popular-posts ul {padding-left:0;}
</style>

4. Untuk artikel yang bertuliskan "YOUR-BLOG" ganti dengan link blog sobat
5. dan jika sobat menginginkan tampilkan scroll barnya di hilangkan, sobat bisa langsung delete aja d tulisan 500 nya.
   juga jika sobat menginginkan tampilan postnya di tambaah, silahkan ganti angka 8 sesuai dengan keinginan sobat..

hhmmm akhirnya kelar juga bukan..
jika ada masalah di script silahkan isi komentar ato langsung email lewat contak di atas..
semoga bermanfaat yah..





Sebenarnya artikel ini aku buat hanya untuk referensi, catatan/archieve aku pribadi terkait hal2 yang paling penting dalam pembuatan, penyusunan, memperbaiki, mempercantik web/blog serta cara/Panduan Hal lain. Jika artikel ini secara tidak langsung mempunyai manfaat buat anda, kurasa mungkin itu, secara kebetulan saja..

Share this

Related Posts

Previous
Next Post »
Related Posts Plugin for WordPress, Blogger...