Skip to main content

Recent Post

Kathai Sollukiren Vanga Youtube Channel

Post a Comment

Related Posts Widget for Blogger/Blogspot with Images



Related Posts Widget for Blogger

Related posts Widget will generate the list of related posts. this
Widget can be added either in homepage (under each posts) or inside the
post. By placing this related posts Widget, there is chance to spread
the other posts to visitors and they may have a tendency to take that
post from the list, it will reduce the bounce rate of your blog and will
keep your visitors from suddenly quit from your blog. Let's see how to
add related posts widget to your Blogger site.






How to add Related Posts Widget to Blogger



Step 1. Log in to your Blogger Dashboard, then go to Template and click Edit HTML.


Step 2. Find below text from search (Ctrl + F)


]]></b:skin>

Step 3. Copy and paste the given code above this line.


<!--BlogTipsUK Related Posts with thumbnails Start-->

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

<style type='text/css'>

#related-posts {

float:center;

text-transform:none;

height:100%;

min-height:100%;

padding-top:5px;

padding-left:5px;

}

#related-posts h2{

font-size: 18px;

letter-spacing: 2px;

font-weight: bold;

text-transform: none;

color: #5D5D5D;

font-family: Arial Narrow;

margin-bottom: 0.75em;

margin-top: 0em;

padding-top: 0em;

}

#related-posts a{

border-right: 1px dotted #DDDDDD;

color:#5D5D5D;

}

#related-posts a:hover{

color:black;

background-color:#EDEDEF;

}

</style>

<script type='text/javascript'>

var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj37nbOqpcj8w7XSbrb2qcly3O4Al2X3nIk3WGKRYiKnl04jfSi3x63-7eaee487wMJaHvKF1b1R_7gt5ve7yQxfToQLxKAMWfLsinS_dwR6z4py2ZXFta8TLtR_4IUP-4WGtAjHsaNwEk/s400/noimage.png";

var maxresults=5;

var splittercolor="#DDDDDD";

var relatedpoststitle="Related Posts";

</script><a href="http://www.blogtipsuk.com/" style="font-size:0pt">Blogger SEO Tips</a>

<script
src='http://netoopscodes.googlecode.com/svn/netoops-related-posts-with-thumbnails-blogger.js'
type='text/javascript'/>

</b:if> /* remove this */

<!--BlogTipsUK Related Posts with thumbnails End-->

Change the red value to show number of posts.

Change the green color to change color of splitter line between posts.

Change the blue color to change Name of title.



Also read: Social Media Widget in Blogger



Step 4. Find below text from search (Ctrl + F)


<div class='post-footer'>

Step 5.  Copy and paste the below code above this line.


<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>

<script expr:src='&quot;/feeds/posts/default/-/&quot; +
data:label.name +
&quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>

<script type='text/javascript'>

removeRelatedDuplicates_thumbs();

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

</script>

</div><div style='clear:both'/>

</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>

<a
href='http://www.blogtipsuk.com/2014/03/related-posts-widget-images-for-blogger-blogspot.html' style="font-size:20%">Relaetd
Posts Widget</a></b:if></b:if>

Change red color to change number of posts displayed in widget.

Labels:

Comments

Post a Comment

Popular posts from this blog

Best Blog Directory And RSS Submission Sites

The RSSTop55 is my personal selection of the best blog and RSS directories and search engines that you can find on the web. Over the years, I have spent so much time in updating and refining it that the original list has grown to feature almost 400 directories and search engines, which make up for a truly unique collection of venues that you can use to promote your website. Photo credit: juliengron Why this list is so valuable to you and what are its key advantages compared to other lists dealing with the same topic? The RSSTop55 is updated weekly. New directories are added and I check persistently whether some old directories have headed to the deadpool, changed topic of interest, become a spam site, etc., so that this collection remains always of high-value. All directories are briefly reviewed, so that you can have a quick glance at each one of them and evaluate immediately if a directory is a good promotional venue for your website or business, without spen...
Post a Comment
Read more

Make Money Online: Anyone And Everyone

If you’re a blogger or a internet marketer or even a beginner then you already know that it’s POSSIBLE to make money online. And what’s interesting about it is that, there are a lot of ways to make money online – from selling ads, e-books, affiliate marketing, freelance writing, podcasting, consulting, designing, coding, etc. So I’m going to highlight some of those online income streams but don’t expect overnight success because creating an income stream requires a lot of work and patience. But if you are a beginner and clueless about where to start then this should help you to focus on that. If you have any trouble with any of these options then leave a comment below or you can e-mail me and I’ll do my best to find the best resource to help you. Make Money Online With Your Website Do you have a website or a blog? If so, then then selling advertisements is the easiest way to make money online. Since there are tons of ad networks on the Internet you have to m...
Post a Comment
Read more

How To Submit Blogger Sitemap To Google Webmaster Tools

Hi all of my friends, (prem). Today I am telling you how to submit a sitemap to Google Webmaster tools. Before going to today's tutorial, some discussion about Google webmaster. Why you submit a sitemap? This is the question? I will tell you guys how this is effect on your tariff. Bloggers say, “If you are not on Google, you are almost invisible to the world”, yes this is rightly said because if your blog is not submitted to Google Webmaster tools, there is high tendency that all you blog post might not get indexed on Google search engine and this might make you become invisible to the world despite your hard work. My blog almost had 25% increase of traffic from Google after submitting my blog to Google Webmasters Tool, Indexed my new post quickly and improve crawl rate.
Post a Comment
Read more