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

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

View Demo

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/AVvXsEjpmyQcjcPhWYL19hHZcCl-yxaUq3xIK6_IDwoSAgGbNFIYZgcDUGaF_73foI_r1bCmrvE06HaoXg89a6H9XuGfq0_WKRFm6Y6QaVpKueCJ3BoNkFvBNHRiyoMT0mCE7m8g7azjmUfbnH4W/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/AVvXsEhpglIOwGdbEtB-dqwDwIVj-mPYSOpGJD78q646v2i6oNwsAdhDbGyzdXjEJyYkcHwNa2sw0ScGK7RF4xud6foFZKQ81t-U1Pdu3bTFfHleiOssv8Yrj63vwl0WDD90xey_8C3X9OLYBEut/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/AVvXsEjoHfTiUM53FNR9F5YHT3frcY82P5eyVMW9AlqiDSoUj7QuTjGHwUaxaNmn3GBkV4c6zL8XaEj_t01X-hxKETfBbKWTibrXPkyTRTBCf_Kf6VfncprynTNxg8nL5knOJxn7gFWfqPfPXjeQ/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/AVvXsEi8XRLtbFtHNls0U6MAkwpvRDwRmO4IwVD8mdGQtv4vQTD0YyOkLFpSvKt9FMZTlhL_n5irq0MRsiOlqsLOEcgw-HIzoroura86RzWxJ2TY9XwkP_wLO0cyi4k-CLH310im0_kU5fM_39eq/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/AVvXsEhrmcxU1_PlyTth3mJxYggXVhKceLiJItQgNovz19H74sf27KW_RAB2D9_K24BPiQ3ruS4XN8OO_epk-9HOceQ_TPRpV7q9UyDV4PBCX28pC7dv-CXcCMD6LC9o_YJFxdOgl9xLIeunfjRA/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..:)