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/AVvXsEiO9qxGUu_VzV_y-mSrGKzZoGJ7BTRZUI7WKr1Qd-8L5eJ7G2wvbU8c6-iWH_4QsBFMkEPCzZsZV49ASEBqqY19HywuRIyWm01hLQLuivnBjIk2whyphenhyphenYenXmTBVrYmb45zJ6hNLqntdrNL64/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/AVvXsEjtVh1o3Lmq9Zxko3b5IK4EOI0UR7d3zs3wMf7tE-4xfouoeO76xAaB3urP2BwH74iVtCfgDhgkl7xqnCEeNdzuEVmy604NF1m_Ycu0xds6XY85dN1ApgI0QnkOb1op5BPiXzeNCqUcXRs/s400/noimage.png";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtVh1o3Lmq9Zxko3b5IK4EOI0UR7d3zs3wMf7tE-4xfouoeO76xAaB3urP2BwH74iVtCfgDhgkl7xqnCEeNdzuEVmy604NF1m_Ycu0xds6XY85dN1ApgI0QnkOb1op5BPiXzeNCqUcXRs/s400/noimage.png";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtVh1o3Lmq9Zxko3b5IK4EOI0UR7d3zs3wMf7tE-4xfouoeO76xAaB3urP2BwH74iVtCfgDhgkl7xqnCEeNdzuEVmy604NF1m_Ycu0xds6XY85dN1ApgI0QnkOb1op5BPiXzeNCqUcXRs/s400/noimage.png";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtVh1o3Lmq9Zxko3b5IK4EOI0UR7d3zs3wMf7tE-4xfouoeO76xAaB3urP2BwH74iVtCfgDhgkl7xqnCEeNdzuEVmy604NF1m_Ycu0xds6XY85dN1ApgI0QnkOb1op5BPiXzeNCqUcXRs/s400/noimage.png";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtVh1o3Lmq9Zxko3b5IK4EOI0UR7d3zs3wMf7tE-4xfouoeO76xAaB3urP2BwH74iVtCfgDhgkl7xqnCEeNdzuEVmy604NF1m_Ycu0xds6XY85dN1ApgI0QnkOb1op5BPiXzeNCqUcXRs/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...
Penulis : Irham Maulana
Artikel Cara Membuat Related Post Bergerak Semoga bermanfaat bagi sobat blog. Terimakasih atas kunjungan serta kesediaan sobat membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.
0 Comments
