Touch me social networking widget for blogger

Stylish Horizontal Social profile button for Blogger

We need to add a beautiful widget for showing all our social sites profiles so that people can be in touch. There are many widget. In past i have shared a beautiful all in one blogger widget
This widget will be horizontal and it is very useful in the blogger side bar and in footer area. so if your template need a beautiful social sharing widget, i will recommend you to use this gadget.

Also read : Face book like box in Blogger

social sharing widget in Blogger

Benefits :

  1. Simple and cute look
  2. Color changes when ever mouse goes on it
  3. Horizontal in size which makes easy for Bloggers to use it side bar areas.

How to install it :

  1. Go to Blogger Dashboard
  2. Click on layout
  3. Click on add a gadget and select add html/javascript widget
  4. Paste the following code and click on save
/*——–Touch Me Sharing Widget by a1bloggerseo——*/
.touchme a {
padding:0 4px;
background:transparent url( no-repeat;
-webkit-transition: ease-in 0.2s all;
-moz-transition: ease-in 0.2s all;
-o-transition: ease-in 0.2s all;
-ms-transition: ease-in 0.2s all;
transition: ease-in 0.2s all;

.touchme a.googleplus {
background-position: 0px -58px;
.touchme a.googleplus:hover {
background-position: 0px 0px;

.touchme a.twitter {
background-position: 0px -290px;
.touchme a.twitter:hover {
background-position: 0px -232px;
.touchme a.facebook {
background-position: 0px -406px;
.touchme a.facebook:hover {
background-position: 0px -348px;

.touchme a.rss {
background-position: 0px -174px;
.touchme a.rss:hover {
background-position: 0px -116px;


<div class=’touchme’>
<a class=’rss’ href=”” rel=’external nofollow’ target=’_blank’></a>
<!–Google Plus–>
<a class=’googleplus’ href=”″ rel=’external nofollow’ target=’_blank’></a>
<a class=’facebook’ href=”” rel=’external nofollow’ target=’_blank’></a>
<!– Twitter –>
<a class=’twitter’ href=”” rel=’external nofollow’ target=’_blank’ ></a></div>

How to Customize :

  • Change a1bloggerseo(Which is after uri=) with your own feedburner id.
  • Change google+ profile with your owns.
  • Change with your own facebook profile.
  • Change with your own twitter profile id.

You have done. if you have any issue kindly ask to me in the comment section.



Leave a Reply

Your email address will not be published. Required fields are marked *