Membuat Recent Post Slide Dengan Thumbnail

Pagi sobat blogger semua...

Hari ini pengen banget sharing tentang tutorial blog, Cara Membuat Recent Post Slide Dengan Thumbnail. Udah tahu kan apa maksudnya? Contohnya seperti punya gw disamping (kalo masih gw pasang),he3x.

Gimana keren kan? Ini sekalian menjawab request dari sobat blogger pengunjung setia blog ini, Bang Fikri. Langsung aja ya, cekidot...

Untuk langkahnya sangat simpel kalian tinggal copas aja script dibawah ini dan masukkan di ADD HTML/JAVASCRIPT pada blogger, lalu save dan selesai. Simple kan...

<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:190px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#000000;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#000000;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#e4e400;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#e4e400;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>

    <script language='javascript'>

imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 320;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 200;

home_page = "http://namablogkamu.com/";

limitspy=2
intervalspy=4000

</script>

<div id="spylist">
    <script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>

Nah ganti http://namablogkamu.com/ dengan alamat URL blog kamu. Untuk mengedit banyaknya jumlah post, lebar, tinggi silahkan sobat berkreasi sendiri. Kalo ada pertanyaan silahkan comment aja ya.

Semoga Bermanfaat

Related Post:

tutorial

• Trik Login Double Account di Firefox
• Download Smadav Pro 8.6 Terbaru+Key
• Menghilangkan Security Alert Windows XP
• Flash Disk Terdetect, Tapi Tidak Bisa Dibaca / Format
• Tips Mantap: Instal XP Hanya 11 Menit
• Tips: Membuat Tombol Donasi (Donate) via Paypal
• Tips Jitu Dapat Backlink Gratis
• Tips Agar Diterima Adsense Dengan Mudah
• Menghasilkan Uang Dari Blog
• Increase Pagerank ala Prbutton
• Tips Meningkatkan Pagerank dan Trafik
• Meningkatkan Trafik Dengan AutoSurf Traffic Exchange
• Nawala DNS – Blocking Filter Content
• Membuat Blog Nofollow Menjadi Dofollow
• How to Increase Site Visitors
• Software Tracking Lokasi Pacar Dengan Nomer HP
• Cara Mempercepat Internet Explore
• Increase Page Rank Google Again
• Membuat Windows XP menjadi Router
• Tips Trik Adsense : Cara Mendapatkan High Paying Keyword (HPK)
• Free Domain + DNS Dari CO.CC
• Cara Membuat Shortcut Untuk Shutdown Or Restart
• Cara Membuat File ISO
• Cara Membuat Teks/ Tulisan Berjalan di Blog

blog

• Trik Login Double Account di Firefox
• Download Smadav Pro 8.6 Terbaru+Key
• Alhamdulillah Dapet PR3
• Tips: Membuat Tombol Donasi (Donate) via Paypal
• Menghasilkan Uang Dari Blog
• Google Lagi Update Pagerank
• Increase Pagerank ala Prbutton
• Tips Meningkatkan Pagerank dan Trafik
• Akhirnya Kembali Menjadi Pagerank 2
• Meningkatkan Trafik Dengan AutoSurf Traffic Exchange
• Membuat Blog Nofollow Menjadi Dofollow
• How to Increase Site Visitors
• Free Domain + DNS Dari CO.CC
• Cara Membuat Teks/ Tulisan Berjalan di Blog
• Tutorial Mengganti Icon Blogger
• Cara Mengetahui Harga Jual Website / Blog
• Menghilangkan Navbar Blogger
• Tutorial Memasang Script HTML di Posting Blog