Sarana Informasi Bidang Informatika.

Cara Membuat Headline News Pada Blog



Headline News.. kedengarannya bagus, namun buat saya Headline News pada website saya ini yang bergerak hanya sebatas berperan untuk mengambil perhatian pembaca serta memberitahu jika ada suatu posting paling baru. Serta saya sangatlah menyenanginya karena hal tersebut bikin Website saya lebih hidup serta berwarna. Untuk pembuat widget ini saya katakan banyak terima kasih. 

Untuk Anda yang ingin bikin Headlin News seperti yang ada pada Website saya, ini ialah 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>


Mengenai langkah memasangnya ialah seperti berikut : 

  • Tentukan Tata Letak Pada Menu Blog 
  • Click Tambah Gadget 
  • Tentukan HTML/Javascript 
  • Copy-kan Kode di atas 
  • Save 

Sederhana serta tidak repot. 

Anda dapat juga memodifikasinya sendiri : 

Height : 99px : ialah untuk tingginya kolom, jika anda jadi besar angka itu maka dapat dipertunjukkan sejumlah pos sekaligus juga sesuai sama besarannya. Karena di sini saya cuma ingin tampilkan satu-satu posting jadi besarannya ialah 99 
Var speed = 1500 : ialah kecepatan News dalam pergantiannya dengan News yang lain 
Var numposts = 10 : ialah jumlahnya Posting paling baru yang akan di tampilkan 
Var numchars = 120 : ialah jumlahnya info posting yang akan di tunjukkan. 

Begitudah.. Langkah bikin Headlin News yang bagus, sederhana serta mudah di Blogspot. Mudah-mudahan berguna.

baca juga : cara mempercepat kinerja google chrome