Touch Me Sharing Widget Blogger

Kemajuan pesat dan pengembangan Media Sosial dapat membuat berbagai puluhan alat dan media sosial. Blogger saat ini masih tergantung pada jaringan seperti Facebook, Google+ dan Twitter. Nah, sekarang saya akan berbagi widget untuk Blog yang berjudul "Touch Me". Bernama Touch Me karena tempilan yang menarik dan tertata rapi yang menggunakan tombol dari layanan populer seperti RSS, Google+, Facebook dan Twitter. Gunakanlah widget ini untuk mendukung Blog Anda.

Live Demo

Tambahkan Touch Me ke Blogger

1. Login Blogger.
2. Pilih Tata Letak, Tambah Gadget.
3. Pilih HTML/Javascript.
4. Letakkan code berikut di dalamnya.

<style> 
/* Touch Me Sharing Widget */ 
.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="LINK RSS KAMU" rel='external nofollow' target='_blank'></a>
<!--Google Plus--> 
<a class='googleplus' href="LINK PROFIL GOOGLE KAMU" rel='external nofollow' target='_blank'></a>
<!--Facebook--> 
<a class='facebook' href="LINK FACEBOOK KAMU" rel='external nofollow' target='_blank'></a>
<!-- Twitter --> 
<a class='twitter' href="LINK TWITTER KAMU" rel='external nofollow' target='_blank' ></a>
</div> 

 Keterangan:
 LINK RSS KAMU ganti dengan link feedburner kamu.
 LINK PROFIL GOOGLE KAMU ganti dengan Google+ URL.
 LINK FACEBOOK KAMU ganti dengan Facebook URL kamu.
 LINK TWITTER KAMU ganti dengan Twitter URL kamu.
5. Save.

Share This :