Home » » Cara Membuat Related Post Bergerak turun ke bawah

Cara Membuat Related Post Bergerak turun ke bawah


Related Post berguna untuk menampilkan beberapa Postingan Terakhir yang ada di blog tersebut untuk jumlah artikel yang akan Berjalan anda dapat mengubahnya menjadi banyak,Cara ini digunakan untuk mempermudah pengunjung untuk melihat hasil postingan kita yang terbaru,jika anda berminat silahkan ikuti cara di bawah ini...


-Login ke Blogger.com
-pilih Rancangan-Edit laman
-lalu Tambah Gadged/Widged
-dan Masukan Kode berikut 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://1.bp.blogspot.com/_AstD3fky-O0/TPqUOD822nI/AAAAAAAAALU/IqHlrBo0W6Y/s1600/bdlab-blogspot-com.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://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";


imgr[1] = "http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";


imgr[2] = "http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";


imgr[3] = "http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";


imgr[4] = "http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";

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://woooke.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>




Untuk Tulisan berwarna merah anda dapat mengatur banyaknya Artikel yang di tampilkan
untuk tulisan berwarna hijau silahkan ubah/ganti dengan URL website anda

Semoga Bermanfaat Slalu...^^ dan jangan lupa untuk Follow blog ini yah...

Comments
2 Comments

2 komentar:

  1. mantap artikelnya sob..
    informasi bermanfaat sekali.

    thx udah sharing

    BalasHapus
  2. Bagus tutorialnya sob..kapan-kapan bakal saya coba nih di blog saya! Nice blog.. thanks :)

    BalasHapus

Silahkan berkomentar dengan menggunakan kata yang Sopan...
Trims...

Languange

English German Russian Japanese Arabic Chinese Simplified