Memasang widget share 'Touch me' di blog

   Memasang widget share 'Touch me' di blog - Berbagai macam tombol share, sudah sering anda lihat. Bahkan mungkin, anda dengar dari web/blog lain. Tapi, kali ini, InfoBlog mau share tentang memasang widget share 'Touch me' di blog. Ada yang tahu belum, bagaimana tampilan widget share jenis ini? Jika belum tahu, ini dia contohnya :

  Berdasarkan image diatas,  ada tombol share Facebook, twitter dsbg, yang akan anda buat, jika anda memang berniat mengikuti/mempraktekkan cara ini di blog anda. Ini dia langkah - langkahnya :

1. Pergi ke blogger.com > Login.
2. Tata letak > add widget.
3. Copy kode dibawah ini.

 <style> 

/*--------Touch Me Sharing Widget by infoiki.blogspot.com ------*/
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url(http://mybloggertricks.googlecode.com/files/Sharing%20Touch%20Me.png) 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;
cursor:pointer;

}

.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;

}

</style>

<div class='touchme'>

<!--RSS--> 
<a class='rss' href="URL RSS LINK ANDA" rel='external nofollow' target='_blank'></a>

<!--Google Plus--> 
<a class='googleplus' href="Link Google profile anda" rel='external nofollow' target='_blank'></a>

<!--Facebook--> 
<a class='facebook' href="Link/URL facebook anda" rel='external nofollow' target='_blank'></a>

<!-- Twitter --> 
<a class='twitter' href="URL twitter anda" rel='external nofollow' target='_blank' ></a>

</div>

4. Save & lihat hasilnya.

  Good Luck!