 |
News |
Headline News .. kedengarannya keren, tapi buat saya Headline News pada blog saya ini yang bergerak hanyalah sekedar berfungsi untuk mencuri perhatian pembaca dan memberitahukan bahwa ada sebuah postingan terbaru. Dan saya sangat menyukainya karena hal ini membuat Blog saya lebih hidup dan berwarna. Untuk pembuat widget ini saya ucapkan banyak terima kasih.
Bagi Anda yang ingin membuat Headlin News seperti yang ada pada Blog saya, ini adalah kodenya :
<style type="text/css">
#rp_plus_img{height:99px;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:600 !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="https://googledrive.com/host/0B12wbnW3X8djSlBLNGlGWHVKeGM"></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 = 10;
var numchars = 120;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
Adapun cara memasangnya adalah sebagai berikut :
- Pilih Tata Letak pada menu Blog
- Klik Tambah Gadget
- Pilih HTML/ Javascript
- Copy-kan Kode diatas
- Save
Simple dan tidak ribet.
Anda juga dapat memodifikasinya sendiri :
- Height:99px : adalah untuk tingginya kolom , apabila anda memperbesar angka tersebut maka akan ditampilkan beberapa pos sekaligus sesuai besarannya. Karena disini saya hanya ingin menampilkan satu persatu postingan maka besarannya adalah 99
- Var speed = 1500 : adalah kecepatan News dalam pergantiannya dengan News yang lain
- Var numposts = 10 : adalah jumlah Postingan terbaru yang akan di tampilkan
- Var numchars = 120 : adalah jumlah keterangan postingan yang akan di tampilkan.
Begitudah .. Cara membuat Headlin News yang keren, simple dan ringan di Blogspot.
Semoga bermanfaat.