Membuat Slideshow Postingan di Blogspot

Dear  sahabat Wisnu
Saya pernah berkunjung ke blog sahabat (http://permathic.blogspot.com) dan menemukan artikel yang menarik. Saya pun izin untuk mengulasnya di sini. Maklum, saya bukan ahli pemrograman, jadi sama sekali gak paham mengenai kode kode dalam pembuatan widget.
Nah, artikel yang saya maksud  itu mengenai cara membuat postingan menjadi slideshow.
Tentu akan menarik, jika postingan yang kita buat dapat dimunculkan dalam bentuk slideshow.

 

Berikut langkah langkah yang dilakukan

1. Login ke blogspot
 2. Pilih Rancangan (untuk tampilan blogger klasik) atau Pilih Tata Letak (untuk tampilan blogger terbaru)
3. Kemudian  klik Tambahkan Gadget
4. Pilih HTML/javascript
5. Kemudian copy kode di bawah ini:

<style type="text/css">
#rp_plus_img{height:385px;overflow:hidden;border:0;padding:6px 10px 14px 5px;background: transparant;}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0}
#rp_plus_img li{border:solid 1px #585858; margin:0; padding:0; list-style:none;}
#rp_plus_img li{height:85px;padding:5px;list-style:none;}
#rp_plus_img a{color:#000;}
#rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:12px;}
#rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #585858;width:65px;height:65px;}
</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://permathicblog.googlecode.com/files/Slideshow%20Postingan.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 = 5;
var numchars = 20;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script>
</ul>


6. Paste-kan di HTML/javascript tadi
7. Simpan/save.

Jika menginginkan yang nampak adalah hanya judul postingan saja, maka var numchars=20 pada kode di atas dapat diganti menjadi 0.
Semoga mas Adi Wijaya pahalanya banyak, bisa berbagi ilmu untuk semua.

Anda baru saja membaca artikel yang berkategori All About Blog dengan judul Membuat Slideshow Postingan di Blogspot. Anda bisa bookmark halaman ini dengan URL https://akusayangkakwisnu.blogspot.com/2013/12/membuat-slideshow-postingan.html. Terima kasih!

Ditulis oleh: Unknown -