Cara membuat widget jejaring sosial besar dan melayang tebar pesona di blog

Posted by jalupangna at 11.46 Read our previous post

Para Blogger sangat tertarik pada aktivitas sosial. Oleh karena itu pengembang web selalu bekerja membuat widget-widget baru, tombol widget share membantu penulis (author) dalam mempromosikan situs mereka secara online. Postingan kali ini akan membantu penulis untuk berinteraksi dengan para visitor/pembacanya.  Tombol-tombol widget share (berbagi ) ini benar-benar besar! :D

View Demo

Cara menambahkannya di Blog  

1. Masuk akun Blogger -> Klik Tata Letak -> Tambahkan Gadget (posisi peletakannya terserah mau dimana sesuai selera anda)
2. Kemudian Klik -> HTML/Javascript
3. 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/AVvXsEgMgwoXAKZduETaY_m4cCIAcI9vOC5mqDquwo6BMJ2aL2aqn5LcNM5ZeEfO2-37OWi7Ht7TaOnTvgnjT8EQ0DOlm_h2J377GsAvz46izyz9f1hbTAeZDm6zxxTXafrTH3RkHs_laTqM_R-P/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/AVvXsEh_UXlLXuxWUT49ahbrRMPkxtPzl04Fw34BGnGJirdeCx5WDqan5mh1xycSdkIK_PJDCYPE9RoUxvQb65t2GFmysfnMcTNvw4N-RoHeuFjybnHfZYkFUK502P4lfOtW1YVJkou8A3ArTKhV/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/AVvXsEgz7jFdoGxOV4u0AOOXXcsglCpKMV8ufOZ2MuaG0Ex_kx_l_kVMne1oEbqhW507tLWc8JItolYf7jL42ysG-hrX-w6pST9KCgADLZ93rBBbmw8eNwXgWFz6H7u0acrkpVIznZV55-RVie6u/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/AVvXsEjRu0tgPyNZtMXAE9L7d0m-BF4aExCd4YfoIjZE-xgfzoTzGWl2cP0WEetmKEKNgGpqR7oCCx55Mbf2ynd48YD84YqaSIRpt6ikDLRMaoxVPlxUBBqZ2EPRI-Bx3JXvRO4AUUajmlNiFPrN/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/AVvXsEj4OmsdEcvG3znOewYeT12KPTnUxRUBVnaEMFyuYtN_JM-iC8rlxm7_OqZ9xk3RJPcrxsXWXdYGkSC16eXwz5vF7hvuizb4rl1yJvCb3dfMkX390MLNCqIS05g9aosPIMG4OMu7fseSDQaB/s1600/mail_color02_128x128.png" /></a>
</div>
<!-- End --> 

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

       Semoga berhasil and keep blogging ! 

Anda menyukai artikel di atas? Silahkan share dengan teman anda.

• Facebook
• Twitter
• Google+
• Pinterest
• StumbleUpon
• Delicious
• LinkedIn
• Reddit
• Technorati

Post Author

Jalupangna

• Blog
• Facebook
• GooglePlus
• Twitter

Pengajar sekaligus pendidik di salah satu SMPN yang ada di daerah banten. seorang newbie blogger yang lagi belajar blogging. Strong will and effort adalah filosofi hidup saya agar supaya sukses dikemudian hari.