LIST OF RELATED ARTICLES WIDGET FOR BLOSPOT BLOG



there are many related post articles widegts for blogspot blogs like linkwithin and many more.but they show a related post thumbnail view of your articles.but if you want to show only related articles list for your blogspot blog.you can do that easily with the help some html codes.
the related articles will look like this.

related articles-post widget for blogger

PROCESS TO SHOW RELATED ARTICLES-POST WIDGET FOR BLOGSPOT BLOGS:

to get started do the following things:

1-first back up your templates html codes.you do not want to lose your blog.

2-now just go to edit html page.

3-check on templates button.

4-search for this code.

</head>

5-now before this,paste this code directly.



<!--Related Posts Scripts and Styles www.bdlab.blogspot.com Start-->

<!--Remove--><b:if cond='data:blog.pageType == &quot;item&quot;'>

<a href='http://24work.blogspot.com' target='_blank' title='Blogger Widgets'><img alt='Blogger Widgets' border='0' src='http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png' style='position:absolute; top: 0px; right: 0px;'/></a><style type='text/css'>

#related-posts {

float:center;

text-transform:none;

height:100%;

min-height:100%;

padding-top:5px;

padding-left:5px;

}

#related-posts .widget{

padding-left:6px;

margin-bottom:10px;



}

#related-posts .widget h2, #related-posts h2{

font-size: 1.6em;

font-weight: bold;

color: black;

font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;

margin-bottom: 0.75em;

margin-top: 0em;

padding-top: 0em;

}

#related-posts a{

color:blue;

}

#related-posts a:hover{

color:blue;

}

#related-posts ul{

list-style-type:none;

margin:0 0 0px 0;

padding:0px;

text-decoration:bold;

font-size:15px;

text-color:#000000

}

#related-posts ul li{

background:transparent url(http://2.bp.blogspot.com/_u4gySN2ZgqE/SnZhv_C6bTI/AAAAAAAAAl4/Rozt7UhvgOo/s200/greentickbullet.png) no-repeat ;

display:block;

list-style-type:none;

margin-bottom: 13px;

padding-left: 30px;

padding-top:0px;}

</style>



<script type='text/javascript'>

var relatedpoststitle=&quot;Related Posts&quot;;

</script>

<script src='http://safir85.ucoz.com/24work-blogspot/related-posts/related-posts-for-blogger-24work.js' type='text/javascript'/>



<!--Remove--></b:if>

<!--Related Posts Scripts and Styles www.bdlab.blogspot.com End-->


6-now,search for this code,

<post-footer>

now after this paste this code.


<!-- Related Posts Code www.bdlab.blogspot.com Start-->

<!--Remove--><b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='related-posts'>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast != &quot;true&quot;'>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://24work.blogspot.com'><img alt='Related Posts Widget for Blogger' src='http://3.bp.blogspot.com/_jM8-wHc3NKY/TPyFOT4CmhI/AAAAAAAAADM/MvlLp1fyfoM/s1600/blogger-widgets.png' style='border: 0'/></a>


<script type='text/javascript'>

var maxresults=5;

removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;);

</script>

</div>



<!--Remove--></b:if>

<!-- Related Posts Code www.bdlab.blogspot.com End-->


7-save templates.refersh the blog and see the changes.




Share your views...

3 Respones to "LIST OF RELATED ARTICLES WIDGET FOR BLOSPOT BLOG"

Eric Jackson said...

This stuff is down t earth, hats off buds out there.
writing


19 February 2013 at 14:44
Pradip Khanal said...

Find all kind of Directory sites in one very own blog.We have free directory, social bookmarking sites, article submission sites,press release sites,rss feed sites,blogs submission sites,free web directories listfree web directories list, seo web directory sites, list of free directories,free directory list..


5 March 2013 at 13:32
Free Facebook Likes said...

Your article helped me to understand the topic well and I would love to share this to my friends. I also love to
Get Likes for your website and Tech Blog
Thank you for this and all the best.


8 June 2013 at 18:21

Post a Comment

 

Contributors

Our Partners

© 2010 BLOGSPOT TUTORIALS ONLINE| USMAN MOHIUDDIN 123 All Rights Reserved Thesis WordPress Theme Converted into Blogger Template by Hack Tutors.info