Recent Post dengan Gambar bergerak/Thumbnail

Cara membuat Recent post Thumnail....
pertama saya jelaskan dulu apa itu Recent Post,recent post bisa diartikan Artikel Terbaru atau Artikel Terupdate..walawpun saya sendiri tidak menggunakan recent post thumbnail,tapi kalau sekedar Share gak papa donk...hehehehehe........
Langsung aja yuk................

• Masuk Account Blogger sobat
• Desain >> Elemen Laman
• Tambah Gadget >> HTML/Javascript
• Lalu Copas Kode dibawah ini

<center><table border="2" cellpadding="7"><tbody><tr><td><center><style type="text/css">

#rp_plus_img{height:280px;overflow:hidden;border:solid 0px #000000;padding:6px 10px 14px 5px;background-color:transparent;}

#rp_plus_img ul{list-style-type:none;margin:0;padding:0}

#rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;}

#rp_plus_img li{height:85px;padding:0px;list-style:none;}

#rp_plus_img a{color: #000000;}

#rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#000000;text-align:left;}

#rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#DF0101;text-align:justify;}

#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #DF0101;width:95px;height:55px;}

</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">

</script>

<script src="https://sites.google.com/site/bloggerbugis/js/RergerakBB4U%282%29.js" type="text/javascript">

</script>

<script type="text/javascript">

var speed = 1000;

var pause = 3500;

$(document).ready(function(){

rpnewsticker();

interval = setInterval(rpnewsticker, pause);

});

</script>

<ul id="rp_plus_img"><script>

var numposts = 20;

var numchars = 45;

</script> <script src="http://setyotegal.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">

</script> </ul>

</center></td></tr></tbody></table></center>

• Ganti tulisan http://setyotegal.blogspot.com dengan Url Blog anda.
• Sobat bisa mengatur sendiri,dengan mengubah tulisan warna Merah.
• ;font-size:14px;font-weight:bold !important;color:#000000; (mengatur ukuran tulisan) font-size:12px;font-weight:normal !important;color:#DF0101;

• var speed = 1000;
  var pause = 3500; (mengatur kecepatan dan lama diam gambar)
• var numposts = 20; (jumlah artikel yang ingin ditampilkan)

**semoga bermanfaat**
SELAMAT MENCOBA........
 

Artikel Terkait: