background

ANIMATED RECENT POST UNTUK BLOGGER

by Unknown 08:11
Tags: BLOGGER

1. dashboard > layout > add gadjet > html/javascript

copy code di bawah

<span style="background-color: white; "><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script></span></p>
<p class="separator" style="text-align: center; clear: both; ">
<style type="text/css" media="screen"></p>
<p class="separator" style="text-align: center; clear: both; ">
</p>
<p class="separator" style="text-align: center; clear: both; ">
</style></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<span class="Apple-tab-span" style="white-space:pre"> </span><script language='JavaScript'> </p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
imgr = new Array();</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";</p>
<p class="separator" style="text-align: center; clear: both; ">
showRandomImg = true;</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
boxwidth = 255;</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
cellspacing = 6;</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
borderColor = "#232c35";</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
bgTD = "#000000";</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
thumbwidth = 70;</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
thumbheight = 70;</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
fntsize = 12;</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
acolor = "#666";</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
aBold = true;</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
icon = " ";</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
text = "comments";</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
showPostDate = true;</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
summaryPost = 40;</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
summaryFontsize = 10;</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
summaryColor = "#666";</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
icon2 = " ";</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
numposts = 10;</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
home_page = "http://www.raudhatulmuhibbin.org/";</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
limitspy=4</p>
<p class="separator" style="text-align: center; clear: both; ">
intervalspy=4000</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
</script></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<div id="spylist">
</p>
<p class="separator" style="text-align: center; clear: both; ">
<span class="Apple-tab-span" style="white-space:pre"> </span><script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script></p>
<p class="separator" style="text-align: center; clear: both; ">
</div>
</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
Note :If your template already have a jquery do not put again, just copy after it</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
Html from above a few things could be replaced :</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
1. homepage address</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
home_page = “http://name-your-blog.blogspot.com/”;</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
2. Style</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
#spylist ul{</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
width:220px;</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
overflow:hidden;</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
list-style-type: none;</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
padding: 0px 0px;</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
margin:0px 0px;</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
}</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
#spylist li {</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
width:208px;</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
padding: 5px 5px;</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
margin:0px 0px 5px 0px;</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
list-style-type:none;</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
float:none;</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
height:70px;</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
overflow: hidden;</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
border:1px solid #ddd;</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
}</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
from above style/css, you can change :</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
width</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
width : 220px;</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
width:208px:</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
customize base on your template</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
and</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
Customize the colors of backuground</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
3. image size</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
thumbwidth = 70;</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
thumbheight = 70;</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
Match your needs</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
4. How many post you will show</p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
<br></p>
<p class="separator" style="text-align: center; clear: both; ">
numposts = 10;

3. korang cari kt code td

home_page = “http://name-your-blog.blogspot.com/”

tukar url blog korang kat text wane meran..

SELAMAT MENCUBA

About The Author

[ EXPLORING KNOWN AND THE UNKNOWN ]

Related Posts

0 comments