How to add Stylish internal links in Blogger posts


add Stylish internal links in Blogger posts

Add Stylish internal links in Blogger posts

How to add Stylish internal links in Blogger posts

Recently we Launch the Stylish internal links WordPress plugin After Launching Most of the BlogSpot Blogging Platform User request Me to create Stylish internal links plugin for Blogger platform.

Now we are going to see about How to add Stylish internal links in Blogger posts already I mention its Benefits in My previous post.


Just Follow this Below steps to add Stylish internal links in Blogger posts

  • Log in to your Blogger Dashboard
  • Go to Template
  • Click Edit HTML to open the Template editor
  • Use CTRL +F to find the }]]></b:skin>
  • Now copy the Below CSS code and Just past it above }]]></b:skin>
/* Stylish Internal links */
.in-post{background:#F5F5F5 repeat-x scroll center bottom;-moz-box-shadow:0 2px 2px hsla(0,0%,0%,.2);box-shadow:0 2px 2px hsla(0,0%,0%,.2);-webkit-box-shadow:0 2px 2px hsla(0, 3%, 47%, 0.2);font-size:15px;line-height:29px;display: inline-block;
padding-left: 20px;
border-left: 5px solid #FFCA28;
padding-right: 20px;
margin-top: 5px;
margin-bottom: 20px;
}
.in-post a {color: #212121;}
.in-post tp {color: #212121;}
  • if its not working Means search </head> tag and paste the CSS code above </head> tag
<style>
/* Stylish Internal links */
.in-post{background:#8224e3 repeat-x scroll center bottom;-moz-box-shadow:0 2px 2px hsla(0,0%,0%,.2);box-shadow:0 2px 2px hsla(0,0%,0%,.2);-webkit-box-shadow:0 2px 2px hsla(0, 3%, 47%, 0.2);font-size:15px;line-height:29px;display: inline-block;
padding-left: 20px;
border-left: 5px solid #dd9933;
padding-right: 20px;
margin-top: 5px;
margin-bottom: 20px;
}
.in-post a {color: #000000;}
.in-post tp {color: #2c9e92;}
</style>
  • #F5F5F5 – background color
  • #FFCA28 – Left Border color
  • #212121 – Link Text Color
  • #2c9e92 – Sub Heading Color
  • Here is the HTML Tag for Display the Stylish internal on your Blogger posts
<div style="text-align:center/right/left;"><div class="in-post"><tp><strong>SUB HEADING </strong></tp>&nbsp;<a href="YOUR LINK">YOUR LINK TITLE</a></div></div>
  • Choose HTML Mode in your post editor and add Stylish Internal links
  • That’s all Successfully we Install the Stylish Internal link Plugin on Blogger blog

 If you have any doubts in this tutorial Please Free to comment here I will help you


Was this article helpful?
Thanks!

Your feedback helps us improve Allwebtuts.com



10 Shares
+11
Tweet
Share8
Pin1
Stumble