Cara membuat Recent Post bergerak

Assalamu'alaikum wr. wb.

sobat right way semua, kali ini saya akan membahas bagaimana cara membuat Recent Pos di Blogspot bergerak. Karena salah seorang teman saya menanyai saya akan hal tersebut. jadi langsung aja.

• Pertama login ke Blogger.
• Kemudian arahkan ke Desain > Tata Letak > Tambah Gadget > HTML/Java Sricpt.
• Setelah itu Copy kode HTML di bawah ini.

<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: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 = 10;

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

limitspy=4

intervalspy=4000

</script>

<div id="spylist">

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

</div>

• Setelah ter copy, Jangan lupa mengubah Teks warna biru dengan alamt URL Blog/Wibesite kalian sendiri
• Klik Simpan.

Sekian Posting saya, semoga bermanfaat. :D

Anda baru saja membaca artikel yang berkategori Internet / Tips dan trik dengan judul Cara membuat Recent Post bergerak. Anda bisa bookmark halaman ini dengan URL https://krupukmuling.blogspot.com/2012/11/cara-membuat-recent-post-bergerak.html. Terima kasih!

Ditulis oleh: Krupuk Mulieng - Senin, 26 November 2012