New Way To Add A Simple Related Post Widget To Blogger

Are you a blogger? You can now draw your users or audience
to your blog for a very long time, giving them special articles
below all your posts in order for them to keep navigating your
blog

With this simple mobile-friendly related post widget, it will be
easy for you to get adsense approved because it will improve
your blog navigation system, it will reduce your blog bounce
rate which means users will always stay for a very long time
on your blog, it will help your blog do internal linking and
google will be able to crawl your blog very fast because is
also one of the best SEO strategies that a blogger supposed
to apply to his or her blog. Let's see how to add it to blogger.

How To Add Simple Related Post Widget To Blogger



•Just login your blogger dashboard and go to
Template then EDIT HTML
•Then find </head> and paste the code above it.

<b:if cond='data:blog.pageType ==
&quot;item&quot;'><style type='text/css'>.related-post-
title{font-size:2.3em;margin: 5px 0px;}#related-posts
{margin: 0px 5px;}#related-posts a {font-size:
1.1em;color:#970E0E;text-transform: capitalize;}
#related-posts a:hover {text-decoration: none;color:
#555;}#related-posts ul {list-style-type: none;padding:
0px;color: #000000;}#related-posts li { padding: 0.7em
1.2em;border-bottom: 1px solid #E2E2E2;background:
url(http://2.bp.blogspot.com/-1Go6ez45KLA/
VRSl96jFQPI/AAAAAAAAAwM/nIFxL71PTrA/s1600/
Arrow.png).2em 1em no-repeat;}#related-posts
li:hover {background: url
(http://2.bp.blogspot.com/-1Go6ez45KLA/VRSl96jFQPI/
AAAAAAAAAwM/nIFxL71PTrA/s1600/Arrow.png).2em
1em no-repeat #E7F0FF;}</style> <script src='http://
aireshalili.github.io/internetsmash/simple-related-
post.js' type='text/javascript'/></b:if>


•Then after that, locate <div class='post-
footer'> and paste this code below it.

<!-- Ralated post Start --> <b:if
cond='data:blog.pageType == &quot;item&quot;'> <div
id='related-posts'><h4 class='related-post-title'>You
may also like</h4><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= 5 &quot;' type='text/javascript'/></b:if></
b:loop> <script type='text/javascript'> var
maxresults=5; removeRelatedDuplicates();
printRelatedLabels(&quot;<data:post.url/>&quot;); </
script></div> </b:if> <!-- END Ralated -->


Note: You can change the 5 DIGIT marked in RED to any
number of posts you want in your related post Widget.

•Then tap on SAVE . Wow! You have successfully
added a related post Widget to your blogger.

Simple Related Post Widget Will;


•Reduce your Alexa.

•Makes Google crawl your blog faster.

•It will build internal linking for your blog.

•It will make users stay longer on your blog and
reduces bounce rate.

•It will increase your SEO ranking.

Is it helpful? Do you encounter any problems or issues while
trying to add simple related post Widget to your blogger?
Kindly ask more questions and if it works for you, kindly share
your experience!

0 Response to "New Way To Add A Simple Related Post Widget To Blogger"

Post a Comment