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




Previous
Next Post »

1 komentar:

Click here for komentar
Abed Nego
admin
3/9/19, 9:46 AM ×

Simple juga kode script untuk recent postnya, mudahan ringan ini recent postnya biar gak tambah berat loading blog :)

Congrats bro Abed Nego you got PERTAMAX...! hehehehe...
Reply
avatar

Silahkan berkomentar secara bijak dan sesuai dengan topik pembahasan. Terimakasih. ConversionConversion EmoticonEmoticon

Thanks for your comment