Cara Mudah buat Recent Post gambar thumbnail bergerak (Slide Show) di blog

Langsung saja...


Pertama, Login ke akun blogger.com sobat.

Kedua, Pilih rancangan atau design.

Ketiga, Pilih add gadget pada bagian page elements dan lalu pilih html javascript.

Keempat, isikan judul seterah sobat dan copas kode recent post di bawah ini ke kotak tersebut dan ganti tulisan merah dengan alamat blog sobat.


<center><style type="text/css">

#rp_plus_img{height:300px;overflow:hidden;border:solid 0px #fff;padding:6px 10px 24px 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:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#F68629;}
#rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#F68629;text-align:justify;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #F68629;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="http://theplick.googlecode.com/files/newsticker-plick.js" type="text/javascript">
</script>
<script type="text/javascript">
var speed = 1000;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 20;
var numchars = 0;
</script> <script src="http://www.berryhs.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt">
</script> </ul>
</center>

Lalu save dan lihat hasilnya...


Baik demikian tutorial blog
cara buat recent post di blog dari berry blog , semoga bermanfaat untuk sobat semua.


Sumber: http://www.berryhs.com/2012/04/cara-buat-recent-post-terbaru-di.html

Kalau manfaat, jangan lupa dishare...
Artikel Cara Mudah buat Recent Post gambar thumbnail bergerak (Slide Show) di blog ini Anda baca di webeson.blogspot.com Jika Anda merasa artikel ini bermanfaat, jangan lupa kasih komentar.

Terimakasih atas kunjungan Anda. Kritik dan saran dapat anda sampaikan melalui kotak komentar. Silahkan baca Posting Meranik Lainnya di bawah ini dan jangan lupa berkunjung kembali
Flag Counter

  ©webeson - All Rights Reserved.

Template by Dicas Blogger | Top