How To Add Related Posts Widget To Emporio Blogger Themes & Other New Themes

Related Post Widget is a very important widget for every blogger as it does not only help to reduce a blog’s bounce rate but also increases the blog’s traffic! Furthermore, below is what a Nigerian blogger had to say about Related Posts Widget;

    “If you’re not using a Related Posts Widget On Your Blog, You’re Losing x2 Of Your Blog’s Traffic” – Emmanuel Ekanem

Hence because of the importance, i’ll be sharing with you how you can easily add Related Posts Widget To Emporio, Soho, Notable, Contempo New Blogger Themes!

emporio_blogger_theme_related_post_widget

[Read also: How To Upgrade Emporio Blogger Template to The Latest Version]

To cut  the long story short, below is How To Add Related Posts to the New Blogger Themes?
Credit: Thanks to Aireshalili for the providing the script

How To Add Related Posts Widget To Emporio, Soho and Other New Blogger Themes

Step 1:  Login to your blog dashboard, Click on Template > HTML. Now press then Ctrl+F on your keyboard to search for </head>

Step 2: Copy the below JAVASCRIPT CODE

<!–NSB Related Post–>
<b:if cond=’data:blog.pageType == &quot;item&quot;’><style type=’text/css’>
.related-post-title{font-size:0.8em;margin: 5px 0px;}
#related-posts {margin: 0px 5px;}
#related-posts a {font-size: 0.7em;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(https://2.bp.blogspot.com/-1Go6ez45KLA/VRSl96jFQPI/AAAAAAAAAwM/nIFxL71PTrA/s1600/Arrow.png).2em 1em no-repeat;}
#related-posts li:hover {background: url(https://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>
<!–NSB Related Post–>

And paste it directly before the closing </head> section of your template HTML (see picture below)

Step 3: To display the Related Posts widget; Simply Copy Below Script for the Related Post Widget to your Notepad

<!– NSB Related post Start –> <b:if cond=’data:blog.pageType == &quot;item&quot;’> <div id=’related-posts’><h4 class=’related-post-title’>Recommended Posts:</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>[<small><a href=”https://www.netsocialblog.com/2017/07/add-related-posts-widget-to-emporio-soho-new-blogger-themes.html” rel=”no follow” target=’blank’>Related Posts Widget</a></small>]</div> </b:if> <!– NSB Related Post End –>

Step 4: Then Ctrl+F <data:post.body/> and paste the code from the Notepad directly below it! (as shown in picture below)

Step 5: Now click on Save changes and view one of your post to see it working!

NOTE: The above method is exactly the way you’ll follow to add the Related Posts Widgets to Other New Blogger Themes

You can also: Download Custom Emporio Blogger Theme With Awesome Features Here

UPDATE – THE CODE IS NO LONGER WORKING>> KINDLY Use Linkwithin Widget Instead

44 thoughts on “How To Add Related Posts Widget To Emporio Blogger Themes & Other New Themes

  1. Since I'm not the geeky type I prefer to use external third party widgets because most of them are really easy to install. I don't find editing Blogspot themes to be all that simple. Your instructions are good for those who can.

    1. You mean those third party widgets where it's just one-click installation like Linkwithin? They're pretty cool too!

      But the advantages of the HTML editing is they're flexible and you get to easily design them to your taste 😉

      Non-Geeky type can still use the third party widgets and enjoy them though

      Thanks for coming here Treathly

    1. Nothing is confusing at all, it just didn't work, if you check the website, you'll see, only the widget title shows but not the related content, so I'm not doing anything wrong.

  2. Appreciating the commitment you put into your blog
    and detailed information you present. It’s awesome to come across a blog every once in a
    while that isn’t the same unwanted rehashed information

  3. It’s hard to find well-informed people in this particular topic, but you sound like you know what you’re talking about!
    Thanks

  4. Good day! I know this is kinda off topic but
    I was wondering which blog platform are you using
    for this site? I’m getting tired of WordPress because I’ve had issues with hackers and
    I’m looking at alternatives for another platform. I would be
    fantastic if you could point me in the direction of
    a good platform.

  5. I like the helpful info you provide in your articles. I will bookmark your weblog
    and check again here frequently. I am quite certain I will learn lots of new stuff right here!
    Good luck for the next!

  6. Quality posts is the secret to invite the visitors to
    go to see the web page, that’s what this website is providing.

  7. Hi, I do believe this is a great website. I stumbledupon it 😉 I
    may come back yet again since I saved as a favorite it. Money and freedom is the best
    way to change, may you be rich and continue to help others.

  8. Hey there this is somewhat of off topic but I was wanting to know if
    blogs use WYSIWYG editors or if you have to manually code
    with HTML. I’m starting a blog soon but have no coding
    skills so I wanted to get advice from someone with experience.

    Any help would be enormously appreciated!

  9. I relish, cause I discovered exactly what I was looking
    for. You’ve ended my four day long hunt! God Bless you
    man. Have a great day. Bye

  10. When I initially left a comment I seem to have clicked on the -Notify me when new comments are added- checkbox and from now
    on whenever a comment is added I get four emails with
    the same comment. Perhaps there is a way you
    are able to remove me from that service? Cheers!

  11. I have to thank you for the efforts you have put in writing this website.

    I am hoping to check out the same high-grade content from you in the future as
    well. In fact, your creative writing abilities has inspired me to get my own site now 😉

  12. Does your website have a contact page? I’m having problems locating it but, I’d
    like to shoot you an email. I’ve got some suggestions for your blog you might be interested in hearing.
    Either way, great blog and I look forward to seeing it improve
    over time.

  13. Wow, fantastic blog layout! Ꮋow long havе yoս
    bееn blogging fօr? ʏou make blogging ⅼook easy.
    The oveгall look ⲟf your website іs wonderful, lеt alone the content!

  14. I absolutely love your blog.. Pleasant colors & theme.
    Did you make this web site yourself? Please reply back
    as I’m planning to create my very own site and would like to find out where you got this from or just what the theme is called.

    Cheers!

Leave a Reply

You have to agree to the comment policy.

This site uses Akismet to reduce spam. Learn how your comment data is processed.