Home » » Cara Membuat Related Post Bergerak

Cara Membuat Related Post Bergerak

Kali ini saya mencoba untuk posting teng cara mambuat related pos yang bergerak naik turun.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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju6EKhNuVeWzZkWOgwAonA64QsBLGfhetBdZum7phplUPnzRKKTBNLH8o7i2m498LNtDpBjLoQ_sMMMDoXv7PWaIL0YLhIMm-jQVIUDsxrYjgX_xyY3Hg85pssPlnnNnLewBxvW6VJ7r2D/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] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNjhZYV4737WXt0g21YBibZquDOjuC0tuuajKAQwnlxr7F3IK7pJfBX01smPwPSGq-IQTz2ZpDZItpCz5Ajkmcbep6HhJ0r3Ic6NqE7G-5varo56dotzjP-hSlOxRofRDChOsI4DJBvlo/s400/noimage.png";


imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNjhZYV4737WXt0g21YBibZquDOjuC0tuuajKAQwnlxr7F3IK7pJfBX01smPwPSGq-IQTz2ZpDZItpCz5Ajkmcbep6HhJ0r3Ic6NqE7G-5varo56dotzjP-hSlOxRofRDChOsI4DJBvlo/s400/noimage.png";


imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNjhZYV4737WXt0g21YBibZquDOjuC0tuuajKAQwnlxr7F3IK7pJfBX01smPwPSGq-IQTz2ZpDZItpCz5Ajkmcbep6HhJ0r3Ic6NqE7G-5varo56dotzjP-hSlOxRofRDChOsI4DJBvlo/s400/noimage.png";


imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNjhZYV4737WXt0g21YBibZquDOjuC0tuuajKAQwnlxr7F3IK7pJfBX01smPwPSGq-IQTz2ZpDZItpCz5Ajkmcbep6HhJ0r3Ic6NqE7G-5varo56dotzjP-hSlOxRofRDChOsI4DJBvlo/s400/noimage.png";


imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNjhZYV4737WXt0g21YBibZquDOjuC0tuuajKAQwnlxr7F3IK7pJfBX01smPwPSGq-IQTz2ZpDZItpCz5Ajkmcbep6HhJ0r3Ic6NqE7G-5varo56dotzjP-hSlOxRofRDChOsI4DJBvlo/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 = 
5;

home_page = "
http://duniasoftware.net/";

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...
Share this article :

0 komentar:

Posting Komentar

 
Support :
Copyright © 2013. TKJ-04 - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger