Touch Me Sharing Widget

Happy blogging !!!
Sekarang dalam kesempatan yang biasa-biasa blog Oto Website akan update postingan kembali, dengan article yang keren punya dan kali ini blog Oto Website akan share tentang Touch Me Sharing Widget.
Widget kali ini sangat cantik dan sangat mudah pemasangannya, yang namanya di pasang di widget pasti gampang kan? mungkin kita gak perlu berlama-lama lagi berbincang-bincangnya, bagi sobat yang belum paham dengan widget kali ini sobat bisa lansung melihat demonya!

Lihat Demo

Nah kalo udah paham sekarang mari kita bahas cara memasang Touch Me Sharing Widget di blog sobat :

1. Login ke akun blogger sobat.

2. Pada Dasbor klick Rancangan ➨ Tambah Gadget (di bagian manapun sobat ingin widget ini muncul)

3. Lalu sobat pilih HTML/Java Scrip ( terserah mau di beri judul atau tidak) ➨ Setelah itu copy kode berikut dan paste atau letakkan di dalamnya!

<style>
/*--------Touch Me Sharing Widget ------*/
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url(http://otowebsite.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="YOUR RSS LINK" rel='external nofollow' target='_blank'></a>
<!--Google Plus-->
<a class='googleplus' href="YOUR GOOGLE PROFILE LINK" rel='external nofollow' target='_blank'></a>
<!--Facebook-->
<a class='facebook' href="YOUR FACEBOOK LINK" rel='external nofollow' target='_blank'></a>
<!-- Twitter -->
<a class='twitter' href="YOUR TWITTER LINK" rel='external nofollow' target='_blank' ></a>

</div>

4. Simpan.

Keterangan :

• Ganti YOUR RSS LINK dengan Feed burner link sobat.
• Ganti YOUR GOOGLE PROFILE LINK dengan Google+ URL sobat.
• Ganti YOUR FACEBOOK LINK dengan Facebook URL sobat.
• Ganti YOUR TWITTER LINK dengan Twitter Profile URL sobat.

Sekian.

Saya rasa cukup untuk postingan atau article Touch Me Sharing Widget, mudah-mudahan article ini bisa bermanfaat!

Bagaimana apakah sobat berhasil menerapkannya ke blog sobat? silahkan tinggalkan komentar/tanggapan sobat tentang postingan/articles di atas!