Free Website Widgets Popolars Posts Animation For Blogger

Salam semua rekan blogger, pada postingan yang lalu saya telah membahas tentang Free Website Widgets Popular Posts Untuk Blogger dan pada kesempatan ini saya akan menambahkan sedikit koleksi widget yang saya temukan di om google, dimana kita semua tahu bahwa widget populars post sangat penting untuk sebuah blog/websit, hal ini sangat bermanfaat untuk meningkatkan SEO blog kita, dengan adanya Widget Populars Post ini akan menambahkan minat pengunjung ke blog kita apalagi dengan penampilannya yang sangat menarik dipandang mata, kali ini saya akan membagikan Free Website Widgets Popolars Posts Animation For Blogger kepada anda yang nantinya akan anda tambahkan di blog anda (jika anda tertarik), Widget Populars Post ini akan mempercantik tampilan blog anda, sebagai contohnya anda bisa melihat gambar diatas atau anda bisa melihat di blog saya... nah, yang jadi pertanyaanny sekarang bagaimana cara menambahkan Custum Widget Popolars Posts Animation For Blogger. anda jangan pusing dulu, karena disini saya akan menjelaskan sedetil mungkin kepada anda step by step... langsung ke TKP.....

Untuk memudahkan anda memahami penjelasan ini nanti, saya akan menambahkan beberapa gambar panduan dari tahap awal hingga selesai.. silahkan dipraktekkan.

- Langkah pertama yang harus anda lakukan adalah Masuk ke Dashboard Blogger anda

seperti gambar di atas click pada tap tata letak dan selanjutnya akan tampil halaman seperti ini

Setelah terlihat halaman seperti ini anda harus click tombol Tambahkan Gadget Lihat no 2 gambar di atas, lalu akan muncul halaman seperti ini,

Pilih menu HTML/JavaScrip seperti yang saya lingkari di atas, lalu anda akan diarahkan ke halaman inti Widget Populars Post ini, lihat gambar di bawah ini

Pada tahap ini anda harus mengisi Judul widget di kolom paling atas, silahkan anda isi sesuka hati anda, mau tulis populars post, Hot Post, atau apa aja yang ada di pikiran anda terserah..
Lalu copy Code di bawah ini dan paste tepat di kolom tengah, selanjutnya click tombol simpan..

<style type="text/css">
#rp_plus_img{height:385px;overflow:hidden;border:0;padding:2px 3px 3px 2px;background:transparant}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:solid 1px #ccc; margin:0;height:82px;padding:5px; list-style:none;-moz-border-radius: 10px; border-radius: 5px}
#rp_plus_img li:hover{background-color: #EFFBEF;}
#rp_plus_img a{color:#d90000;font-weight:bold}
#rp_plus_img .news-title{display:block;font-weight:400 !important;margin-bottom:3px;font-size:11px;}
#rp_plus_img img{float:left;margin-right:10px;padding:4px;border:solid 1px #ccc;width:65px; height:65px;-moz-border-radius: 10px; border-radius: 5px;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://tugasku4u.googlecode.com/files/Slideshow-artikel-terbaru-New-2013.js"></script>
<script type="text/javascript">
var speed = 1500;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 20;
var numchars = 40;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

setelah langkah di atas selesai semuanya, tahap terakhir yang harus anda lakukan adalah click tombol Simpan Setelan
Lihat gambar di bawah ini

Sampai tahap ini anda sudah selesai menambahkan Custum Widget Popolars Posts Animation For Blogger dan lihat hasilnya untuk membuktikan bahwa anda benar-benar berhasil melakukannya,,,,
demikian seo optimization tips kali ini selamat mencoba dan happy blogging for you..
silahkan bertanya dalam komentar, saya akan sangat senang dengan komentar dari sahabat semua...