In this tutorial am going to share a widget that would help visitors stay longer in your blog which in turn will help optimize your bounce rate. Recent Post widget with thumbnail would help visitors who visit your blog to see other posts you have made recently at he sidebar of your blog and maybe scroll through and stay longer. This widget is called "Recent Post" and you can add it by following the steps below :
Log In to Blogger > Go to template > click on layout > choose from either the left sidebar or right sidebar and click on "Add a widget" > click on html/Javascript and add the code below to the box that will be displayed :
<style type=text/css>
.recentpost
{
margin:10px 0px;
padding:0px;
}
.rp li
{
border-bottom:0px #cccccc dotted;
padding:0px 0px 10px 0px!important;
}
.rpTitle
{
padding-top:0px;
}
.rpDescription
{
display:true;
}
.rp
{
background:transparent url() 0px 0px no-repeat;
padding: 1px 0px 0px 19px;
height:14px;
margin: 4px 0px 0px 0px;
line-height:14px;}
.rp, .rp a
{
color:#999999;
}
.widget .popular-posts ul
{
padding-left:0;
}
</style>
<div class="recentpost">
<script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">
{
"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",
"pipe_params":{"URL":"olilibob.blogspot.com/feeds/posts/default"
},
"hideHeader":"false","height":"600","count": 5
}
</script>
<div style="font-family: arial, sans-serif; font-size: 9px;" class="rp">
<a href="http://olilibob.blogspot.com/2012/05/recent-posts-widget-with-thumbnails-for.html" target="_blank" title=""></a><a href="http://www.lordbnf.com/" target="_blank">
</a>
</div>
</div>
replace olilibob.blogspot.com with your blogspot "url" then replace www.lordbnf.com with your custom domain name if you have any but if you don't use blogspot url.
You can change height":"600", to your choice and "count": 5 to your own choice too.
Click save and that's all. If you encounter any difficulty please drop a comment.
In this tutorial am going to share a widget that would help visitors stay longer in your blog which in turn will help optimize your bounce rate. Recent Post widget with thumbnail would help visitors who visit your blog to see other posts you have made recently at he sidebar of your blog and maybe scroll through and stay longer. This widget is called "Recent Post" and you can add it by following the steps below :
Log In to Blogger > Go to template > click on layout > choose from either the left sidebar or right sidebar and click on "Add a widget" > click on html/Javascript and add the code below to the box that will be displayed :
<style type=text/css>
.recentpost
{
margin:10px 0px;
padding:0px;
}
.rp li
{
border-bottom:0px #cccccc dotted;
padding:0px 0px 10px 0px!important;
}
.rpTitle
{
padding-top:0px;
}
.rpDescription
{
display:true;
}
.rp
{
background:transparent url() 0px 0px no-repeat;
padding: 1px 0px 0px 19px;
height:14px;
margin: 4px 0px 0px 0px;
line-height:14px;}
.rp, .rp a
{
color:#999999;
}
.widget .popular-posts ul
{
padding-left:0;
}
</style>
<div class="recentpost">
<script src="http://helplogger.googlecode.com/svn/trunk/listbadge.js">
{
"pipe_id":"1a6640e2a78b2c6e736f2220529daae5","_btype":"list",
"pipe_params":{"URL":"olilibob.blogspot.com/feeds/posts/default"
},
"hideHeader":"false","height":"600","count": 5
}
</script>
<div style="font-family: arial, sans-serif; font-size: 9px;" class="rp">
<a href="http://olilibob.blogspot.com/2012/05/recent-posts-widget-with-thumbnails-for.html" target="_blank" title=""></a><a href="http://www.lordbnf.com/" target="_blank">
</a>
</div>
</div>
replace olilibob.blogspot.com with your blogspot "url" then replace www.lordbnf.com with your custom domain name if you have any but if you don't use blogspot url.
You can change height":"600", to your choice and "count": 5 to your own choice too.
Click save and that's all. If you encounter any difficulty please drop a comment.
Comments
Post a Comment