Blogger9:- Add best sliding recent post widget in your blogger sidebar. 3

| | , , , , ,

Now add this best sliding effect recent post widget in your blog don't miss this widget this make your blog look great and cool for your visitor.

Follow simple below step to add this widget in your blogger blog and always be happy---->>>>

* First go to your blogger dashboard.

* Now click in design tab.

* Now you are here my friends---->>>> Add new element

* Now click in sidebar where you see Add gadget .

* When open new window select HTML/Javascript from list and click in HTML/Javascript.

* When open new blank box copy below code and paste in blank box ok.



<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(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.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] = "http://santabanta.mywapblog.com/files/anil3_2.jpg";

imgr[1] = "http://santabanta.mywapblog.com/files/anil3_2.jpg";

imgr[2] = "http://santabanta.mywapblog.com/files/anil3_2.jpg";

imgr[3] = "http://santabanta.mywapblog.com/files/anil3_2.jpg";

imgr[4] = "http://santabanta.mywapblog.com/files/anil3_2.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 = 7;

home_page = "http://www.bloggertemplatez.com/";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
    <script src='http://yourjavascript.com/231114937/bestrecentpost.js' type='text/javascript'></script>
</div>

NOTE:- Replace www.bloggertemplatez.com by your blog address ok.

* Now save your blogger template now you are done and enjoy every day with new tricks thanks good day my friends. If you make your blogger blog Category design as my blog and add icon before your sidebar title i will give you this tricks when my Google friend connect followers became 300 and facebook followers 500 and twitter follower 150 so keep following me to get special tricks.

StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: Blogger9:- Add best sliding recent post widget in your blogger sidebar. ~ Twitter FaceBook

3 Responses So Far:

Sanjay said...

thanks for sharing

Gonzo For Savings said...

Hello, great post. Just what I was looking for. How can I make the content scroll horizontally, rather than vertically?

Thanks!

blogking said...

its not scroll

Categories

Select Your Categories