TOTORIAL MELETAK ANIMATED RECENT POST WIDGET

Animated Recent Post Widget Pada Blog
Meletak fungsi Animated Recent Post Widget pada blog anda boleh menarik perhatian pengunjung blog anda seterusnya kemungkinan klik pada post-post terbaru pada blog anda adalah tinggi. Animated Recent Post Widget dapat membantu mencantikkan blog anda dengan post-post terbaru yang memaparkan tajuk beserta gambar. Anda boleh meletakkan Animated Recent Post Widget ini dibahagian sidebar(tepi) blog anda untuk kelihatan tersusun dan cantik. Cara untuk meletak fungsi ini adalah seperti langkah dibawah.
recent
LANGKAH-LANGKAH
1. Dari dashboard > design > add a gadget > HTML/javascript

2. copy code berikut dan paste di ruangan HTML/javascript
<center><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 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://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[1] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[2] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[3] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[4] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
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://URL BLOG.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='https://sites.google.com/site/unwanted86/javascript/animatedrecentpost.js' type='text/javascript'></script>
</div>
</center>
<small><a href="http://www.blogammar.com/2011/10/totorial-meletak-animated-recent-post.html" target="_blank">get this widget here</a></small>
 
3. Gantikan URL BLOG kepada URL blog anda.
 
4. Save dan lihatlah hasilnya.
 
Nota tambahan: Tidak semua template blog yang boleh menggunakan widget ini dan kemungkinan besar banyak blog biasa yang boleh menggunakan widget ini. Blog yang menggunakan URL berbayar seperti www.blogammar.com tidak boleh menggunakan widget ini. Widget ini hanya untuk URL blog blogspot.com sahaja.





4 comments.. read them below or add one

aienhashimm aienhashimm 26 Oktober 2011 7:16 PTG
Ulasan ini telah dialihkan keluar oleh pengarang.
anthony dior anthony dior 7 September 2013 2:51 PTG
In his series Archaeological Teasures from the Tigris Valley he performed excavations at battlefield sites and photographed the objects found in an improvised studio on site.
Cheap NHL Hockey Jerseys