cara membuat recent post bergerak pada blog



kali ini mr.go-BLOG akan mengajari anda tentang cara membuat recent post bergerak 
setelah cari sana sini tidak nemu-nemu karna warnanya tidak cocok denga template saya, akhirnya mr.go-BLOG nemu yang cocok. recent post yang mr.go-BLOG share kali ini warna backgrounnya transparant jadi cocok untuk warna template apa saja, oke langsung saja ikuti langkah-langkah di bawah ini dengan benar.

  1. login dulu ke blogger sobat
  2. masuk ke tata letak
  3. klik tambah gadget
  4. pilih HTML/JavaScript
  5. masukkan code di bawah ini
<div class='widget HTML' id='HTML2'>
<div class='widget-content'>
<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:600px;
}
#spylist ul{
width:310px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:300px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:83px;
overflow: hidden;
background:#;
border-bottom:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#FFFFF0;
font-size:13px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#FF0000;
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:#FFFAF0;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language='javascript'>
imgr = new Array();
imgr[0] = "http://i777.photobucket.com/albums/yy55/terate/th_New.jpg";
imgr[1] = "http://i1037.photobucket.com/albums/a452/thing_wu/Thing/women/2q1bhc3.jpg";
imgr[2] = "http://i1044.photobucket.com/albums/b443/akropolis_album/antarktis/125model6-1.jpg";
imgr[3] = "http://i777.photobucket.com/albums/yy55/terate/th_New.jpg";
imgr[4] = "http://i777.photobucket.com/albums/yy55/terate/th_New.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://tekajegoblog.blogspot.com/";
limitspy=6
intervalspy=4000
</script>
<div id="spylist">
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>
<small><a href="http://www.tekajegoblog.blogspot.com/2012/11/cara-membuat-recent-post-bergerak-pada.html" target="_blank">+Get This!</a></small>
notes:
  • ganti kode yang berwarna merah dengan alamat blog sobat
  • kode warna hijau adalah kode warna judul posting
  • kode warna biru adalah jumlah posting yang di perlihatkan
  • kode warna kuning adalah tinggi recent post
  • kode warna ungu adalah ukuran per posting
  • selebihnya bisa anda otak atik sendiri..
okee dehh jika sudah selesai tinggal di save dan lihat hasilnya...
goodluck....

1 komentar:

Post a Comment

Mohon berikan komentar yang layak di konsumsi oleh PUBLIK. No SARA, SPAM, dan lain yang sejenisnya. Karena TKJ go-BLOG tidak selalu memantau komentar anda. Terimakasih atas kerja samanya.