Widget Headline News untuk blog

Malam semuanya,kali ini saya akan membagikan widget keren yang sangat cocok untuk sobat yaitu widget headline news.Apa itu widget headline news?widget headline news adalah widget yang menampilkan postingan pada blog sobat yang terbaru alias baru dibuat.




Jika sobat tertarik silahkan ikuti cara-cara dibawah :

1. Masuk ke blogger
2. Lalu pilih Tata letak-tambah gadget-HTML/JavaScript

     3.Jika sudah copy kode berikut

<style type="text/css"> #rp_plus_img{height:100px;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:80px;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/2.1.1/jquery.min.js"></script> <script type="text/javascript" src="https://heroesman.googlecode.com/svn/branches/headline%20news.js"></script> <script type="text/javascript"> var speed = 1000; var pause = 4000; $(document).ready(function(){ rpnewsticker(); interval = setInterval(rpnewsticker, pause); }); </script> <ul id="rp_plus_img"> <script style="text/javascript"> var numposts = 60; var numchars = 100; </script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script> </ul>

     4.Terakhir simpan template

Mudah sekali bukan?namun perlu diingat,jangan terlalu banyak memasang gadget pada blog karena dapat memperlambat loading blog.

Happy blogging!!