Cara Membuat Widget Post SlideShow Di Sidebar Blog | Post Artikel Berjalan

Cara Membuat Widget Post SlideShow Di Sidebar Blog | Post Artikel Berjalan

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Assalamu'alaikum... Sobat pasti sering melihat tampilan postingan artikel di blog yang berjalan atau slideshow di sidebar blog kan,!. Mungkin  ada keinginan untuk mempercantik tampilan blog anda dengan cara tersebut. Berikut saya kasih caranya yang simpel dan gak ribet. Untuk tampilannya, seperti pada sidebar blog saya ini.

1. Login ke akun bloger sobat.
2. Pilih Tata Letak.    
3. Pilih Tambah Gadget.
4. Pilih HTML/JavaScript.
5. Pada kolom Judul isilah dengan nama yang anda tentukan.
6. Kopi coding/script dibawah ini, kemudian paste ke kolom Konten. 

<style type="text/css">

#rp_plus_img{height:385px;overflow:hidden;border:0;padding:6px 10px 14px 5px;background: transparent;}

#rp_plus_img ul{list-style-type:none;margin:0;padding:0}

#rp_plus_img li{border:solid 1px #fff; margin:0; padding:0; list-style:none;}

#rp_plus_img li{height:85px;padding:5px;list-style:none;}

#rp_plus_img a{color:#ff0099;}

#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 #fff;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>

     7.  Jika sudah maka, klik Save.

     8.  Dan letakkan pada tempat yang anda tentukan.

     9.  Simpan Setelan. Dan lihatlah blog sobat.

Bagaimana, mudah bukan, selamat mencoba dan semoga berhasil sobat.

Terima Kasih sudah berkunjung di blog saya, dan jangan lupa baca artikel lainnya sobat.

Wassalam.

          

ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَٰلَمِين