Senin, 06 September 2010

membuat news ticker recent post plus thumbnails


membuat news ticker dengan gambar tidaklah sulit cara membuatnya tidak perlu mengedit template yang sangat membingungkan anda hanya perlu menaruhnya pada elemen halamant blog  berikut cara membuatnya :

  1. Login ke Blogger
  2. Masuk ke "Tata Letak - Elemen Laman"
  3. Klik "Tambah Gadget" baru dengan Type "HTML/JavaScript"
  4. Masukan (copypaste) kode dibawah ini:


<style type="text/css">
#rp_plus_img{height:212px;overflow:hidden;border:solid 1px #585858;padding:6px 10px 14px 5px;background-color:#2f2f2f;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:0; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:60px;padding:5px;list-style:none;}
#rp_plus_img a{color:#FFF;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:11px;}
#rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#DEDEDE;text-align:justify;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #585858;width:55px;height:55px;}
</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="http://javasriptcode.googlecode.com/files/rpplusimgnt-v1.0.js.txt"></script>
<script type="text/javascript">
var speed = 400;
var pause = 2500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img">
<script style="text/javascript">
var numposts = 10;
var numchars = 125;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>
 

5. Klik tombol Simpan
untuk mengubah tampilan warna text background silahkan anda edit pada kode css yang berwarna biru
Contohnya lihat dibawah ini:



Gampang bukan, semoga artikel ini bermanfaat untuk teman-teman, terima kasih.

1 Comments
Tweets
Komentar

1 komentar:

sodikin on 24 Februari 2011 03.18

mas aku udah pasang .kalo mau menghilangkan gambarnya bagaimana?

Leave a Comment

Klik Iklannya Donk