Tutorial : Widget Animated Recent Post :)

Assalamualaikum.

fuhh.! Gila larh. hari ney ja dah brape entry aku update. HAHA.. ini lah

part-time job saya bila cuti SEM. baguss kan...theeee...;DD

**mimpi apa ntah sampai update entry bebanyak neyh** eheee..;

dahdah..xmaw merapu lebihlebih..

Sebenarnya, malam ney nak SHARE dengan korang satu tutorial ney.

dan yang paling penting. aku baru je pasang benda alah ney kt En. Belogg aku neyh.

Cara nak pasang Widget Animated Recent Post. :)

boleh dikatakan kebanyakan blogger pakai widget neyh. antara sebabnya, bagi aku larh, maybe sebab recent post ney memudahkan org untuk tengok older post korang. the second one is recent post ney bergerak. so it's automatically akan tarik perhatian

tetamu-tetamu yg bertandang ke Belogg anda. so jomjom, nk tunjuk dekat korang cara nak pasang widget tu yaa..!

*****************************************

Langkah 1 :

Masuk-->Design -->Page element --> Add gadget --> HTML/Javascript.

Langkah 2 :

copy code dekat bawah ney.

------------------------------------------------------------------------------------------------------------

<center>
<script src="https://sites.google.com/site/teknikbuatblog/tbb/jquerry.js?attredirects=0&d=1" 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/AVvXsEjxqG229PSTuUD6pOlovNltr7fVKCMG22opSayfA-3nRD-Fgy-_uXJhmI3me5CIfFAWdyl1AbN79qGGHeC2Y-PfYxZm92TB3KNqzAIdVF7ARGPpWpNKhJnLYM61lRH_vaAVHALyLIwWrqE/s1600/teknikbuatblogblogspot-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:#A9A9F5;
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/AVvXsEgh-2k37Sz0TfDgCu7lEDoW2M-tFigXznOcuaOTZZiKdTWL31_r15tq_hjlSMxZAv4PmpkF9wAohyphenhyphenGdvKpF1MuQSqdse0wZyetVD5-dBtLkw24X6a7scMCG8wH-2lJfG6mozGwIaeJYQdw/s1600/no_image+.gif";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh-2k37Sz0TfDgCu7lEDoW2M-tFigXznOcuaOTZZiKdTWL31_r15tq_hjlSMxZAv4PmpkF9wAohyphenhyphenGdvKpF1MuQSqdse0wZyetVD5-dBtLkw24X6a7scMCG8wH-2lJfG6mozGwIaeJYQdw/s1600/no_image+.gif";
imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh-2k37Sz0TfDgCu7lEDoW2M-tFigXznOcuaOTZZiKdTWL31_r15tq_hjlSMxZAv4PmpkF9wAohyphenhyphenGdvKpF1MuQSqdse0wZyetVD5-dBtLkw24X6a7scMCG8wH-2lJfG6mozGwIaeJYQdw/s1600/no_image+.gif";
imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh-2k37Sz0TfDgCu7lEDoW2M-tFigXznOcuaOTZZiKdTWL31_r15tq_hjlSMxZAv4PmpkF9wAohyphenhyphenGdvKpF1MuQSqdse0wZyetVD5-dBtLkw24X6a7scMCG8wH-2lJfG6mozGwIaeJYQdw/s1600/no_image+.gif";
imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh-2k37Sz0TfDgCu7lEDoW2M-tFigXznOcuaOTZZiKdTWL31_r15tq_hjlSMxZAv4PmpkF9wAohyphenhyphenGdvKpF1MuQSqdse0wZyetVD5-dBtLkw24X6a7scMCG8wH-2lJfG6mozGwIaeJYQdw/s1600/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://teknikbuatblog.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='https://sites.google.com/site/teknikbuatblog/tbb/tbb.js?attredirects=0&d=1' type='text/javascript'></script>
</div><a href="http://teknikbuatblog.blogspot.com/2010/12/cara-pasang-widget-animated-recent-post.html">
<font size="1">get this widget</font></a></center>

-------------------------------------------------------------------------------------------------------------

*jangan lupa untuk tukar URL blog yang warna HIJAU kepada korang punya URL belogg okey.

kalau tak tukar. memang xjadi la jawabnya. theee...;DD

*kalau nak kecilkan widget tu punya SAIZ, korang just edit dekat code yang warna BIRU tu okey.

Okey. DONE. and jangan lupa SAVE yaa.! 

Tutorial ney pon aku follow from other Blogger. saya cuma tolong SHARE + SEBARKAN saja.

:)

ASSALAMUALAIKUM

tak jawab dosa, jawab..

SAAYANNG ANNDDA BERRGANNDAA.! <3

---

Anda comment, anda super awesome.!

---