Pada Kesempatan kali ini saya ingin berbagi sebuat widget
sosial media untuk sobat, gunanya widget ini adalah untuk membantu
pengunjung untuk bisa bersosial dan berkomunikasi sama pemilik blog
tersebut.
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>
<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>
- 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...
