WAYAN SUSANDIARTA
5 Jun 2013

Cara membuat widget jejaring sosial melayang dengan tombol besar dan menawan di blog



Saling berbagi blog sangat pentingSetelah blog telah berbagi, Anda dapat beristirahat dan memastikan bahwa blog Anda setidaknya dikenal jika tidak populer. Para Blogger sangat tertarik padaaktivitas sosialOleh karena itu pengembang web selalu bekerja membuat widget barutombol sharemembantu penulis (author) dalam mempromosikan situs mereka secara online. Postingan kali iniakan membantu penulis untuk berinteraksi dengan para visitor/pembacanya.  Tombol-tombol share (berbagi ) ini benar-benar besar! :D


Cara menambahkannya di Blog
  • Masuk akun Blogger -> Klik Tata Letak -> Tambahkan Gadget (posisi peletakannya terserah mau dimana sesuai selera anda)
  • Kemudian Klik -> HTML/Javascript
  • Pastekan kode berikut di bawah ini :
<style>
.genieland-huge
{
position:fixed;
right:10px;
top:10% ;
}
.genieland-huge img
{
float:right; clear:right; margin:1px;
-webkit-transition: all .0s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.genieland-huge img:hover
{
-moz-transform: scale(1.2) rotate(6deg);
-webkit-transform: scale(1.2) rotate(6deg);
 -o-transform: scale(1.2) rotate(6deg);
-ms-transform: scale(1.2) rotate(6deg);
transform: scale(1.2) rotate(6deg);
 }
</style>
<div class="genieland-huge">
<a href="https://www.facebook.com/pages/Eyang-anom/427305383989192" title="Join me on Facebook" target="_blank"><img alt="Join me on Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdwAM317lHwSjhUIm7TYn7a0DB9wFAqrDbQJD6icrGXfYq_-ZbAUCPog9Muz6urnJv5nZEV-MBDY4gmvQ1kzSNqb7SrWhz711dwDMz_RSns2XvQG38W5m99rS9wv9hYjs5GBmVhbHO9NNc/s1600/facebook_color02_128x128.png" /></a>
<a href="http://twitter.com/sijalupangna" title="" target="_blank"><img alt="Follow me on Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz0M35050BMlxnXtfGzAHe3L20pbJr1aSefZcgxKorPU_1HJBSdaApcLXAW4sFSzzstRDPnyN1nWy0voZM6RvIQQDOeh-mmVnP39ikdDdJ0G1gimN1XeRU9hj2c01akCkQ3p_iwFDam6ru/s1600/twitter02_color_128x128.png" /></a>
<a href="http://plus.google.com/u/0/103806695606848957210" title="" target="_blank"><img alt="Follow me on Google Plus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5DaqtWPUNPnZP8coxOY3Jk4VXeztFIo71cXzZ4NorI66bLyK-ht9vBJ-1WKol0qjayS4KPBmKX01a-wTfdYrqKu8Aw5jYnw1NW0BSBNpLwvvR8zQagZirK7B8hfN6KGQn8fHaY9PbRk0T/s1600/google_color02_128x128.png" /></a>
<a href="http://feeds.feedburner.com/jalu-pangna" title="Subscribe to RSS" target="_blank"><img alt="Subscribe to RSS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji2e6mQ-Y_RS2ZqyXjEj_tXNsML2Pc2O0gQUbn2zIrNfZdrQNIGiYzjB4K9t18Xj-Gnrg9lDgEz2JblbcIzg5ID9CGQROT85gu9HvfcWOTtlqnaNYWljfuyFIJMLndG7R_oeH17_bnVtOP/s1600/feed_color02_128x128.png" /></a>
<a href="mailto:sijalupangna76@gmail.com" title="Email me" target="_blank"><img alt="Email me" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqxzMR8oJ0Dh3zwfsmVa-hfFEZrKUI4K1Vr6A3ifvvf-c1pHP7bu1aHCU4S-GiIW_8ZIh59XGSjgznPoWWxBAbaZL3ICF5fn2P1kjmpc_SXH_dYQfNTWL0iou2tBDXRNoBlacHH-V3bgSB/s1600/mail_color02_128x128.png" /></a>
</div>
<!-- End -->

  • Ganti Link yang berwarna Biru dengan link anda
  • Kemudian simpan Tata Letak....Selesai

Sekarang anda telah berhasil menambahkan widget jejaring sosial melayang dengan tombol besar dan menawan di blog..:)

Berkomentarlah :

1.Dengan kata-kata yang sopan
2.Tidak menaruh link aktif ataupun non aktif
3.No spam, no sara, and no porn
4.Tidak promosi blog
5.Komentar yang tidak sesuai dengan isi konten akan langsung saya hapus
6.Komentar yang bagus akan saya publish dan saya beri komentar balik