Selasa, 27 Desember 2011

Cara Menamplkan List Artikel di Blogspot


Bingung juga buat  kasih judul apa nie artikel, tapi contohnya dapet Agan lihat di bagian atas gambar artikel nie, atau bawah blog ini sebagai contoh hasilnya.Berdarkan permintaan temen juga ane share seXan nie caranya :
1. seperti biasa Buka Layoutnya
2. Tambahkan Gatget dengan cara klik add a Gadget
3. Nah maka akan tampil daftar Gadget cari dan tambahkan HTML/JavaScript
4. Di HTML/JavaScript tuliskan script berikut :

<style type="text/css">
#rp_plus_img{height:500px;overflow:hidden;border:solid 1px #585858;padding:6px 10px 14px 5px;background-color:#000000;}
#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:15px;}
#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://skripnyawbw.googlecode.com/files/wbw-wbw1.js"></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 = 1000;
var numchars = 125;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>

5. Ok sekarang tinggal save dan tentukan letaknya sesuai yang Agan pengen, Oya soal ukuran dan warna Agan dapat tentukan sendiri tingal edit edit script di atas.

0 komentar:

Posting Komentar