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
Good job over again. I am looking forward for more updates;)
Thanks Layne…
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!
Am glad you did like this post Andrea.. I actually design this web site by myself
And if you are interested in something similar, feel free to contact here
Wow, fantastic blog layout! Ꮋow long havе ｙoս
bееn blogging fօr? ʏou makｅ blogging ⅼook easy.
The oveгall look ⲟf your website іs wonderful, lеt alone the content!
Thanks for the compliment and i do really appreciate.. Feel free to share with friends
Wow, fantastic blog layout! Ꮋow long havе ｙoս
bееn blogging fօr? ʏou makｅ blogging ⅼook easy.
The oveгall look ⲟf your website іs wonderful, lеt alone the content!
Thanks for the compliment and i do really appreciate.. Feel free to share with friends
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.
You can find the contact page at the header section of this blog Keesha
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 😉
Thanks for appreciating Jadwal
It does really meant a lot
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 😉
Thanks for appreciating Jadwal
It does really meant a lot
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!
You can unsubscribe easily from the link you receive
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
Hi Mellissa
Am glad this post was able to be of help to you
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
Hi Mellissa
Am glad this post was able to be of help to you
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!
Yeah blogs have WYSIWYG editors that made it easier for you to write and compose your articles. You can start with Google Blogger Platform or use the Powerful Self-Hosted WordPress Platform
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!
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.
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.
Quality posts is the secret to invite the visitors to
go to see the web page, that\’s what this website is providing.
Quality posts is the secret to invite the visitors to
go to see the web page, that\’s what this website is providing.
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!
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.
If you are constantly having issues with Hackers on your WordPress site, then i would suggest you hire a professional Web Designer to manage your website as well as the technical aspect for you.
However if you want a blog platform with not much features and wont have issues with hackers; then you should try the Google Blogger Platform
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.
If you are constantly having issues with Hackers on your WordPress site, then i would suggest you hire a professional Web Designer to manage your website as well as the technical aspect for you.
However if you want a blog platform with not much features and wont have issues with hackers; then you should try the Google Blogger Platform
It\’s hard to find well-informed people in this particular topic, but you sound like you know what you\’re talking about!
Thanks
Glad you did like it Dewitt