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!
[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 == "item"’><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 == "item"’> <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 != "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=5"’ type=’text/javascript’/></b:if></b:loop> <script type=’text/javascript’> var maxresults=5; removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>"); </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
Hello! This is kind oof off topic but I need some advice from an established
blog. Is it hard to set up your own blog? I’m nnot
vedy techincal but I can figure things out pretty quick.
I’m thinking about making my own but I’m not sure where to start.
Do you have any ideass or suggestions? Cheers
Hello Javier,
Setting up a blog isn’t hard but maintaining the blog is – depending on the choice of platform your blog is running on. May I ask if you have already started a blog, or just thinking of starting one?
No video yet on it… But you can search around
Do you have any video of that? I\’d like to find out some
additional information.
No video yet on it… But you can search around
Good job over again. I am looking forward for more updates;)
Thanks Layne…