You may be wondering why I am posting about followers buttons for blogger because Google search have a lot. Well, I am pretty sure that you do not have these awesome buttons in your blogger template. These followers buttons are unique in the style and the HTML customization is pretty easy.

image of social followers buttons
The basic buttons

Basic followers buttons

image of changing followers buttons
See the change

                                       These basic followers buttons includes Face Book like button, Linked in button, Google plus button, you tube button, RSS button and twitter button These social followers buttons will appear brighter while mouse hover on it. This will increase liking of your web page and site and boost your SEO.

As a search engine optimization technique

Adding these followers buttons to your blog is a technique for search engine optimization. The installation is easy because you just have to copy and paste the HTML and CSS code which is in the block quote here. All these icons will be loaded in the new tabs making your site non-touchy. For demo go to the bottom of the this page and you will see it.

  • Go to Page Layout
  • Subscribe us first

* Name:
* Date: February 2013
* Author: Akhil
* Visit:
* Version: 1
* Licence:
.shipmethis {
display: block;
margin: 2em auto;
width: 200px;
.shipmethis span {
float: left;
display: inline;
margin-right: 8px;
.shipmethis span a {
display: block;
width: 32px;
height: 32px;
text-indent: -9999px;
background-color: none;
background: transparent url(“”) 0 0 no-repeat;
#iconTwitter {background-position: -33px -33px;}
#iconFacebook {background-position: -66px -33px;}
#iconRSS {background-position: 0 -33px;}
#iconYouTube {background-position: -99px -33px;}
#iconGooglePlus {background-position: -132px -33px;}
#iconTwitter:hover {background-position: -33px 0;}
#iconFacebook:hover{background-position:-66px 0}
#iconRSS:hover{background-position:0 0}
#iconYouTube:hover{background-position:-99px 0}
#iconGooglePlus:hover{background-position:-132px 0}
h6 {font: 90%/1.5em arial, helvetica, sans-serif;
color: #909090;text-transform:uppercase;margin-bottom:10px;}
</style> <div class=’shipmethis’> <span><a href=’’ id=’iconRSS’ target=’_blank’ title=’RSS Feed: howtogetrevenue’>RSS</a></span><span><a href=’’ id=’iconTwitter’ target=’_blank’ title=’Twitter: @shipmethis’>Twitter</a></span> <span><a href=’’ id=’iconFacebook’ target=’_blank’ title=’Facebook: needonetouch’>Facebook</a></span> <span><a href=’’ id=’iconYouTube’ target=’_blank’ title=’YouTube Channel: needonetouch’>YouTube</a></span> <span><a href=’’ id=’iconGooglePlus’ target=’_blank’ title=’Google Plus: ME in Google+’>Google</a></span><a href=’’>Ship Me This</a> </div>

Change  to your id’s and user names. Kindly respect Reference.

Subscribe us in feeds if you like this

You can convert the HTML codes by reading my latest post,

Akhil S Kumar 12-04-2014

Related Posts


Review and Fix Embedded iframe DNS Address Not Found is a wonderful website with amazing interface where you can populate beautiful lists of products and services. You can populate any links such posts, videos, products etc. in Kit and publish to Facebook, Twitter, Read more…


Avoid Amazon Affiliates Associates account Getting terminated

Some Amazon Affiliate Associates has been getting emails from Amazon Associate Team on terminating their affiliate account due to lack of sales. Affiliates account are being terminated because of no qualified sales activity on Read more…


Letcetra Agritech | Grow Plants The Hydroponics Way

Letcetra Agritech in Acoi Village, Goa is a private limited company that grow plants using the Hydroponic way. Hydroponic is the process of growing plants in sand, gravel, or liquid, with added nutrients but without Read more…