Buatlah blog
sobat terlebih keren dengan memasang widget Post Slide. Bagaimana cara membuat
Post Slide? Atau bagaimana cara memasang Post Slide di blog? Sangat mudah dan
sangat gampang. Sobat blogger tidak perlu edit template dan sobat blogger cukup
menambahkan widget Post Slide dalam hitungan kurang dari 30 detik. Hahahaha Asik
1. Login ke akun blog Anda
2. Pilih Tata Letak
3. Kemudian Klik Tambahkan Gadget
4. Pilih HTML/javascript
5. Copy Kode di bawah ini dan pastekan di HTML/javascript tadi.
<style
type="text/css"> #rp_plus_img{height:385px;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: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/1.4.2/jquery.min.js"></script> <script type="text/javascript"
src="http://tugasku4u.googlecode.com/files/Slideshow-artikel-terbaru-New-2013.js"></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 = 20; var numchars = 40; </script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script> </ul>
Keterangan:
#EFFBEF; Warna saat disorot kursor
Untuk memilih warna lain,
#d90000; Warna Judul Postingan
var numposts = 20; Jumlah postingan yang akan di tampilkan
var numchars = 40; Jumlah character/huruf yang akan di tampilkan
6. Simpan dan Selesai
Cukup sekian penjelasan tentang cara membuat judul postingan menjadi slide.
..Artikel ini saya ambil dari berbagai sumber..
0 komentar:
Posting Komentar