Cara Pasang Slide Post Di Blog Cara Pasang Slide Post Di Blog

Setelah tidak memposting tentang Tips Blog yang dikarenakan terlalu sibuk oleh pekerjaan di rumah, kini ANK’s Blog akan mempostingkannya kembali. Kali ini saya akan menshare tips tentang slide post di blog. Apa itu slide post? Slide post adalah sebuah widget yang berguna untuk mempercantik blog dengan cara kerjanya adalah sama dengan artikel terkait, bedanya adalah slide post ini disertai dengan gambar dan dapat bergerak berganti-ganti (kurang lebihnya seperti itu penjelasannya.. he..he..). Berikut ini langkah-langkahnya untuk memasang slide post di blog sobat masing-masing.

 

1. Login di blog sobat masing-masing.

2. Masuk ke Tata Letak.

3. Tambah widget ---> HTML JavaScript.

4. Copy kode berikut ini.

 <script src="http://wanadry.googlecode.com/files/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">

#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://izzanqolbi.nab.su/baner/izzanpic.JPG";
imgr[1] = "http://izzanqolbi.nab.su/baner/izzanpic.JPG";
imgr[2] = "http://izzanqolbi.nab.su/baner/izzanpic.JPG";
imgr[3] = "http://izzanqolbi.nab.su/baner/izzanpic.JPG";
imgr[4] = "http://izzanqolbi.nab.su/baner/izzanpic.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 = 200;
home_page = "http://ankurniawan.blogspot.com/";
limitspy=5
intervalspy=7000
</script>
<div id="spylist">
    <script src='http://wanadry.googlecode.com/files/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>

Nb : “Ganti tulisan yang berwarna merah tersebut dengan url blog sobat”.

5. Simpan, lihat tampilannya blog sobat. Pasti keren, oke segitu dulu posting kali ini tentang tips blognya dan sampai bertemu di posting berikutnya.

Ikuti ANK’s Blog di twitter dan bergabunglah bersama kami di facebook untuk mendapatkan update informasi tentang  games, music, film, software, dll.