-->

Membuat Recent Post Keren dan Menarik



Untuk menambahkan fitur Widget Recent Post pada blog sebenarnya sangatlah mudah, kita tinggal mengikuti langkah-langkah yang admin jelaskan berikut ini:

1. Masuk ke halaman Blogger anda

2. Pilih  Menu "Tata Letak"

3. Kemudian klik "Tambahkan Gadget", lalu pilih "HTML/Java Script".

4. Tulis lah Judul sesuai yang anda inginkan. Kemudian masukkanlah  script code di bawah ini pada halaman HTML/JavaScript tadi. 

<!-- KODE HTML/JavaScript-->


<style type="text/css">

#rp_bsu_img{height:290px;overflow:hidden;border:solid 0px #585858;padding:1px 5px 14px 1px;background-color:none;}

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

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

#rp_bsu_img a{color:#55acee;}#rp_bsu_img .news-title{display:block;font-weight:bold !important;margin-bottom:5px;font-size:13px;}

#rp_bsu_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#282828;text-align:justify;}

#rp_bsu_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #f5f5f5;width:75px;height:65px;}</style><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><script type="text/javascript" src="http://yourjavascript.com/77161122610/bsurecentpost.js"></script><script type="text/javascript">var speed = 1000;var pause = 3500;$(document).ready(function(){rpnewsticker();interval = setInterval(rpnewsticker, pause);});</script><ul id="rp_bsu_img"><script style="text/javascript">var numposts = 10;var numchars = 60;</script><script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script></ul>


5. Jika sudah di Copy Paste, Simpanlah kode tersebut. 

6. Finish dan lihatlah hasilnya pada blog anda. 

Kode diatas saya dapatkan dari beberapa blog yang telah saya kunjungi dan menurut saya sangat menarik. Oleh karena itu, saya juga ingin berbagi dengan teman-teman yang tertarik untuk mempelajarinya. 

Untuk gambaran hasilnya seperti di bawah ini. Anda dapat melihat hasilnya pada blog saya pada widget Berita Terbaru:

Cara Membuat Widget Recent Post Keren dan Menarik
Widget ini berjalan random




0 Response to "Membuat Recent Post Keren dan Menarik"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel