CARA MEMASANG SLIDESHOW ARTIKEL TERBARU DI BLOG

INTRIK-GO : Selamat datang rekan-rekan sekalian, dipostingan Kali ini kami akan memposting Bagaimana cara memasang slideshow postingan di sidebar atau lebih tepatnya cara memasang slideshow artikel terbaru di blog. Slideshow ini berguna untuk menarik minat pengunjung untuk mengklik postingan kita juga sekaligus mempercantik Blog kita. Silahkan lihat Screnshot dibawah ini.

Screenshot

Cara Memasang Slideshow Artikel Terbaru Di Blog :
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;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;border-radius: 10px;background:#ffffff}

#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;border-radius: 10px}

</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 :

385 px  Besar kolom yang akan tampil, silahkan di ubah sesuai kolom yang ada diblog anda

#ffffff; Warna background

#EFFBEF; Warna background saat disorot kursor

#d90000; Warna Judul Postingan

Untuk memilih warna lain, silahkan lihat disini : Daftar kode warna HTML

var numposts = 20; Jumlah postingan yang akan di tampilkan

var numchars = 40; Jumlah character/huruf yang akan di tampilkan

6. Simpan/save !!! Selesai... Untuk yang belum terlalu mengerti atau ada yang ingin ditanyakan silahkan komentar saja diblog ini.

Semoga postingan Tutorial ini bisa bermanfaat bagi teman-teman blogger semua... Terimakasih.

by : INTRIK-GO | CARA MEMASANG SLIDESHOW ARTIKEL TERBARU DI BLOG