ARTIKEL TERKAIT:
Recent post ini bukan recent post biasa namun recent post yang memiliki cuplikan beserta gambar thumbnail yang bergerak kebawah. fungsinya adalah dapat mempermudah pengunjung untuk melihat cuplikan artikel terbaru dengan lebih elegant
langsung saja kita ke tutorial cara buat recent post gambar thumbnail bergerak di blog dengan mudah :
Silahkan ikuti langkah -langkah bertikut :
1. Masuk ke account blogger kamu,
2. klik "Layout" kemudian "Page Elements",
3. Tambahkan widget dengan meng-klik "Add a Gadget" dan pilih "HTML/JavaScript",
4. Lalu copy-paste kode di bawah ini:
5. Ganti Url http://kumpulsuka.blogspot.com dengan URL punya kamu.
6. Kemudian save dan lihat hasilnya.
Jangan lupa luangkan waktu untuk beri komentar ya..., Terima kasih.
langsung saja kita ke tutorial cara buat recent post gambar thumbnail bergerak di blog dengan mudah :
Silahkan ikuti langkah -langkah bertikut :
1. Masuk ke account blogger kamu,
2. klik "Layout" kemudian "Page Elements",
3. Tambahkan widget dengan meng-klik "Add a Gadget" dan pilih "HTML/JavaScript",
4. Lalu copy-paste kode di bawah ini:
| <center><style type="text/css"> #rp_plus_img{height:300px;overflow:hidden;border:solid 0px #fff;padding:6px 10px 24px 5px;background-color:transparent;} #rp_plus_img ul{list-style-type:none;margin:0;padding:0} #rp_plus_img li{border:1px; margin:0; padding:0; list-style:none;} #rp_plus_img li{height:60px;padding:5px;list-style:none;} #rp_plus_img a{color:#F68629;} #rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold !important;color:#F68629;text-align:justify;} #rp_plus_img .news-text{display:block;font-size:11px;font-weight:normal !important;color:#000000;text-align:justify;} #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #F68629;width:95px;height:55px;} </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"> </script> <script src="http://ks-suka.googlecode.com/files/kumpulsuka.js" type="text/javascript"> </script> <script type="text/javascript"> var speed = 1000; var pause = 2500; $(document).ready(function(){ rpnewsticker(); interval = setInterval(rpnewsticker, pause); }); </script> <ul id="rp_plus_img"><script> var numposts = 20; var numchars = 0; </script> <script src="http://kumpulsuka.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"> </script> </ul> </center> |
5. Ganti Url http://kumpulsuka.blogspot.com dengan URL punya kamu.
6. Kemudian save dan lihat hasilnya.
Jangan lupa luangkan waktu untuk beri komentar ya..., Terima kasih.
Tidak ada komentar :
Posting Komentar
Komentar akan dihapus, jika tidak sesuai dengan aturan dibawah ini,
» Menggunakan bahasa yang tidak sopan (Sara, Pornografi, Menyinggung)
» Duplikat komentar
» Komentar menautkan link secara langsung
» Komentar tidak berkaitan dengan artikel
» Judul Komentar Berupa Promosi
Terima Kasih .... Klik Link Ini Untuk Berlangganan Artikel Kumpulsuka.