Blog Tutorial Membuat Recent Post Slide Show

Blog Tutorial Kali ini akan membahas mengenai Cara Membuat Recent Post Slide Show. Mungkin sobat blogger khususnya para pemula masih banyak yang belum tau Kode Script Efect Recent Post Slide Show. Nah, dikesempatan kali ini saya akan kasih bocoran atau membuka Rahasia cara Mudah membuat Recent Post Slide Show. Dan dibawah ini adalah screen shoutnya:

cara Mudah membuat Recent Post Slide Show

Okey langsung saja kita mulai dengan membaca doa sesuai dengan kepercayaan masing - masing, ini wajib dan sangat penting sekali, dengan tujuan supaya tujuan/keinginan kita berhasil.
Setelah anda selesai berdoa, silahkan Anda login ke akun blog/web sobat,
Kemudian Pilih Rancangan/Layout/Elemen Halaman , Setelah itu Tambah Gadget dan Pilih HTML/Javascript.
Setelah terbuka isikan/Copy Kode Script dibawah ini dan paste/letak'kan di kolom HTML/Javascript .
Kemudian klik Save/Simpan dan lihat hasilnya..
Inilah kode yang harus Anda Copy - Paste:

<div class='widget-content'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:340px;
width:300px;
}
#spylist ul{
width:390px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:210px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#864513;
border:1px pixed #666666;-moz-border-radius:3.5px;border-radius:3.5px;
}
#spylist li a {
text-decoration:none;
color:#ffffff;
font:verdana;
font-size:10px;
height:12px;
width:28px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 0px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#000000;
border:0;
border:1px pixed #333333;-moz-border-radius:3px;border-radius:3px;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#ffffff;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:10px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:8px;
color:#ffffff;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>

imgr = new Array();

imgr[0] = "http://www.videokl.com/thumbs/no_image.gif";

imgr[1] = "http://www.videokl.com/thumbs/no_image.gif";

imgr[2] = "http://www.videokl.com/thumbs/no_image.gif";

imgr[3] = "http://www.videokl.com/thumbs/no_image.gif";

imgr[4] = "http://www.videokl.com/thumbs/no_image.gif";
showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#860000";

bgTD = "#000000";

thumbwidth = 60;

thumbheight = 60;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 10;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 5;

home_page = "http://goperpus.blogspot.com/";

limitspy=4
intervalspy=3600

</script>

(Cara Copy; Tekan Select All Tecx , Kemudian Tekan Ctrl + C )

Keterangan:
Ganti kode home_page = "http://goperpus.blogspot.com/ Dengan Url Home Blog Sobat

Demikian Kode Script Efect Recent Post Slide Show.
Selamat mencoba dan semoga berhasil, Amin.

Title : Blog Tutorial Membuat Recent Post Slide Show
Description : Blog Tutorial Kali ini akan membahas mengenai Cara Membuat Recent Post Slide Show. Mungkin sobat blogger khususnya para pemula masih bany...