SEO for Blogger - Part 3: Interlink Blog Posts

Interlinking your blog posts is one of the best way to keep your visitor in your blog because it provide more opportunities for visitors to find content of interest. Again this is a great SEO tactic. Interlinking your blog is a very easy thing to do. You just need to put anchor tag "<a>" within the word/s or phrases that will go to other page when visitor clicks it. <a href="Your_URL"> Your_Word/s </a>

Example: <a href="http://www.google.com"> Go to Google </a>

Another way to Interlink blog post is by putting RELATED POST under all your posts. This is common among blogs because it helps both visitors and bloggers as I mention above. Blogger a.k.a. (blogspot) doesn't have a widget for that but luckily I have ready alternatives for you. First one is the Linkwithin widget which I posted a month ago, I find this very cool but somehow unprofessional because they put a link at the right most of the widget. If having a linkwithin link in your related post widget is fine to you then this is good for you.

The second alternative is by hand coding it. To those who want their blog look more professional then this is your option. To do this first log in to your account -> Layout -> Edit HTML -> Check Expand Widget Templates -> Under the Edit Template Box, find <head>

Under <head> paste this code

/*Related Posts Styles Start*/
#related-posts {
float:center;
text-transform:none;
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: 12px;
font-weight: bold;
font-family: Arial, Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:$linkcolor;
font-size: 10px;
}
#related-posts a:hover{
color:#000;
text-decoration:none;
}
#related-posts ul{
list-style-type:none;
font-size:10px;
color:$linkcolor;
}
#related-posts ul li{
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigKizvguDSeEYYSJZy47-2Dzj8Hu7qfFZgq3IdEXGvitC5GcFqnuPZCAzOgPBoChas2ZW0Z80s4ShKwqGbRIqKYGjUPR-wZWD4-nVDX2Hrd0j8R3R2ch7pecGwtqoAYVSsDeiniwMt-lxR/s320/greentickbullet.png) no-repeat ;
display:block;
list-style-type:none;
margin-bottom: 13px;
padding-left: 15px;
padding-top:0;
}
</style>
<script type='text/javascript'>
var relatedpoststitle="Related Posts";
</script>
<script src='http://blogergadgets.googlecode.com/files/related.js' type='text/javascript'/>
/*Related Posts Styles End*/

/*Related Posts Scripts Start*/
<script type='text/javascript'>
var relatedpoststitle="Related Posts";
script>
<script src='http://blogergadgets.googlecode.com/files/related.js' type='text/javascript'/>
/*Related Posts Scripts End*/

Next is to find this code.
<div class='post-footer-line post-footer-line-1'>

Under <div class='post-footer-line post-footer-line-1'> place this code.

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=6"' type='text/javascript'/>
</b:if>
</b:loop>
<a href='http://www.bloggerplugins.org/2009/08/related-posts-for-blogger-widget.html' style='display:none'>Related Posts Widget</a>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=5;
removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>

Then click Save Template. Now try to view your posts, you should find related post under it. Special thanks to Blogger Widget.