Add Series Box for Link Highlighting inside Blogger Blog Post?

Add Series Box for Link Highlighting inside Blog Post?

series topic

Blogger often write series article for better explanation of important topic. If your topic's chapter is long enough then you can't able to write the whole things in one post. And Blog readers often feel annoying to read long descriptive content. So for this reason professional Blogger often split the content into several parts and publish part by part.

If you write second part of an article then you must share first part's link. And if your content is split into 3/4 parts then you have to share all the links in all posts. But by sharing simple links will looks like monotonous. In professional Blog we can see a special series Box used inside Blogger Blog post to decorate series topic's links. This will make the posts eye-catching and readers will fell interest to read all the series topic.

In this tutorial I will share the custom series box for link highlighting in Blogger Blog posts. Just follow the below steps-

Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard

Step 2 Click on  Now click on -> Template -> Edit HTML->

Step 3
 Now find the ]]></b:skin> by pressing Ctrl+F (Windows) or CMD+F (Mac)  

Step 4 Copy the script from below and Paste it above/before ]]></b:skin>

padding:0.8em 0.8em 0.8em 3.6em;
border:2px solid #ddd;
background:url("") no-repeat scroll 0.8em 0.4em #9FCFFF;
font:bold 15px Arimo;
.series a:link{
.series a:hover{

Step 5 hit the Save template button.

How to use this Series Box?

For using this Custom series box for highlighting topic links you have to add the code in HTML view while writing a Blog post. Just write a post and from Post Editor Select HTML mode. Now add the below code-

<div class="series">Paste Your Topic URL Here</div>


  • Replace Paste Your Topic URL Here with series article's URL.
link highlighted

Now simply publish the post and see the result. Your link has been showing inside blue box with beautiful icon. For any further query feel free to leave a comment below. 
Add Series Box for Link Highlighting inside Blogger Blog Post?
4 Stars stars - "Add Series Box for Link Highlighting inside Blogger Blog Post?" Blogger often write series article for better explanation of important topic. If your topic...

Post a Comment

Facebook Group Community Disqus Channel Code ConverterHide Code Converter Show EmoticonHide Emoticon

Got questions? Ask ’em below! While we’re here, you might like to give any feedback about this Post, Your comment inspire us to continuous Improvement of This Blog and Contents. Your words are your own, so be nice and helpful if you can. Please, only use your REAL NAME, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form


Email *

Message *