Widget ini cukup keren karena karena kalau kursor bergerak kesalah satu icon jejaring sosial akan berubah menjadi berwarna tergantung warna sosial media, Dan untuk membuat membuat widget ini seperti ini :
Membuat Widget Jejaring Sosial ''Touch Me'' Di Blog
-------------------------------------------------------------------------------------------
- Login ke Blogger.com, Dengan akun anda
- Klik ''Tata Letak''
- Setelah itu ''Klik ''Tambah Gadget''
- Pilih Gadget ''HTML/JavaScript''
- Copy kode Di Bawah ini di dalam gadget tersebut
<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>
<!--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>
- Ganti YOUR RSS LINK Ganti dengan ID Feedburner Anda
- Ganti YOUR GOOGLE PROFILE LINK Ganti Dengan ID Profile Google+ anda
- Ganti YOUR FACEBOOK LINK Ganti Dengan Username Facebook anda
- Ganti YOUR TWITTER LINK Ganti Dengan Username Twitter anda
- Setelah Semua Selesai diganti sesuai keinginan sobat, Sekarang Klik ''Simpan''
Demikianlah artikel ini semoga artikel ini bermanfaat bagi sobat semua, maaf kalau ada salah kata dan terlalu singkat membahas artikel ini, dan sobat boleh memberi pendapat tentang artikel ini atas masih bingung silakan berkomentar di kolom komentar di bawah ini... Terima Kasih...
