0 Cara Membuat Recent Post Slide Show Di Blog

Cara Membuat Recent Post Slide Show Di Blog - Recenct Post yang menampilkan beberapa artikel terbaru di blog adalah salah satu tips agar pengunjung blog lebih mudah mengetahui tentang post terbaru di blog kita. Kali ini saya coba share tentang cara memasangnya di blog.

Screen Shotnya :


Cara Membuatnya silahkan anda ikuti caranya di bawah ini :

• Login ke akun Blogger sobat
• Klik Rancangan >> Elemen haLaman
• Klik Tambah Gadget
• Pilih HTML/Javascript
• Masukan kode berikut :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
</script>
<style media="screen" type="text/css">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#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:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
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:#262B2F;
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 = 255;
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 = 20;
home_page = "http://adit-cyber4rt.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src="http://infonetmu.googlecode.com/files/recentpostthumbslideshow.js" type="text/javascript">
</script></div>

Note :

1. Url yang berwarna merah ganti dengan Url sobat
2. Angka yang berwarna biru jumlah post yang ingin di tampilkan.

Sekian artikel kali ini tentang Cara Membuat Recent Post Slide Show Di Blog semoga bermanfaat.

Anda sedang membaca artikel tentang Cara Membuat Recent Post Slide Show Di Blog dan anda bisa menemukan artikel Cara Membuat Recent Post Slide Show Di Blog ini dengan url https://adit-cyber4rt.blogspot.com/2013/05/cara-membuat-recent-post-slide-show-di.html. Anda boleh menyebarluaskan atau mengcopy artikel Cara Membuat Recent Post Slide Show Di Blog ini jika memang bermanfaat bagi anda atau teman-teman anda,namun jangan lupa untuk mencantumkan link sumbernya.

Related Post :

Tutorial Blog

• Cara Merubah Warna Teks Ketika Di Blok Pada Blog
• Cara Membuat Tombol Like Facebook Di Setiap Postingan
• Cara Membuat Feedburner
• Cara Membuat Navigasi Breadcrumb Di Blog
• Cara Membuat DropDown Ganti Background Di Blog
• Cara Membuat Iklan Berada Dibawah Postingan
• Cara Memasang Banner Adf.ly Di Blog
• Cara Mendapatkan Backlink Gratis Secara Unlimited
• Cara Menghilangkan Navbar Di Blogger
• Cara Menghilangkan Tulisan Powered By Blogger di Blog
• Cara Memasang Game Online Di Blog
• Cara Membuat Recent Comment Di Blog
• Cara Membuat Blog Menjadi Maintance
• Membuat Efek Ketikan Pada Teks
• Membuat Statistik Postingan Dan Komentar Blog
• Membuat Tulisan Marque + Efek Bintang
• Cara Memasang Widget Share Button Melayang
• Cara Membuat Widget Berada Di Tengah Sidebar Blog