Hallo sobat blogger, kali ini saya akan membagikan widget share button keren yang bisa berputar pada blog. Memasang share button pada blog sangat penting, karena dengan adanya share button ini pada blog, pengunjung yang akan berbagi artikel sobat akan menjadi lebih mudah. dan jika pengunjung yang datang ke blog sobat membagikan artikel yang sobat buat, secara tidak langsung ia juga mempromosikan blog sobat, dan otomatis pengunjung sobat akan meningkat.
 |
| Tampilan Gadget |
Jika sobat blogger, tertarik untuk memasangnya, berikut tutorialnya.
1. Soba masuk terlebih dahuku pada blog sobat.
2. Pilih menu Tata Letak / Layout pada dasbor blogger.
3. Setelah sobat masuk pada Tata Letak, klik Tambahkan Gadget
4. Kemudian akan mncul jendela kecil yang berisi banyak gadget, sobat pilih saja HTML/Javascript
5. Letakkan kode di bawah ini pada kolom yang telah disediakan.
<style> #social a:hover { background-color: transparent;opacity:0.7; } #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center> <div id="social"><a title="Grab Our Rss Feed" href="URL FEED SOBAT" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG3M2ChW-2ML_VTtHznA0Zglaz84JuY2j-imBqfrG_HzWt6JgeKFOOh54PyCaGC_UYaQtVgErePb0a_udjXIRHAriD0bO2Kc86ihZ7ckI9rU7Xm8QKF2lvjlliis6A28jhqN2sExPrZBY9/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Get Free Updates Via Email" href="EMAIL RSS SOBAT" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI60QEbVy-rT1YztpRFqffmmWb7eI1l949PvOnKWl0Qy0ABHD2yFzpJdZZkdH8yob5INvC9AO6z8bvltLHr1ZBhc_E-jSliJWVjH_4Wp__u1VvCplY1_NpNKqRTtw5gkwAb-put6XtlWcq/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Like Our Facebook Page" href="URL FACEBOOK PAGE SOBAT" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyb1ymOo_cf4LMfiO7Kl3ZSsPdwZ7oJmLYHuKHuhd0gbHGxFwORh2HK6SZjvtdqUCw0ybsswpOooCcCVKA48rTxibrD-5jrJzMw3cVapwjVHU9SOGHwignQ1qgmA0JgyYzzq2VdGxHBK2Q/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Follow Our Updates On Twitter" href="URL TWITTER SOBAT" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyxV9u825OgRxyboJ0jmmopU8Z0gglu_-SBIasVkPhH_3ba9BaSw4GCd7klnp_Hr2vJSCUyikTjZ920_ZcKE0_vQq0IELfiUhFhEvm0vo0fCWWdoj-Uc1VmdZQ1WZ0u7KTsknC4Nk00pWc/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a title="Follow Us On Google+" rel="nofollow" href="URL GOOGLE PLUS SOBAT" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDK1dIJRNUCTdfU3hKM4e7A0oaJdEo3UgZQQrkc22xJcLQXJqFbIuk9cM8vK9_wAEcW_KRl1ENFkjO08JtPP-2n40Q2Ley9PPY-vo-5KJQrSGXN2uZNAiEKbkQ8hU4c3TqoXXja7zDxQ5h/s1600/GOOGLE-PLUS-48x48.png"/></a><a title="Follow Our Pins" rel="nofollow" href="URL PINTEREST SOBAT" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxSgwnYmQtm_yuw2hTk3dlxSTiPUbp_iroH4KSfEzhsi6yKrUJCEAPWxfmIijli9H4wGdZ9kzz2SOj2EbRvHnJW4AF_xL-13_yvJaIHXMftqTcQDlaeT76sOjT-Hp6AJlWxNs7IO803n_U/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a></div></center>
*CATATAN
Bagian kode yang sudah saya beri warna merah, ganti sesuai perintah.
6. Setelah semuanya sudah selesai diedit, klik Simpan.
Semoga artikel Widget Share Button Keren Untuk Blog ini dapat bermanfaat untuk semua sobat blogger, jika ada masalah, bisa sobat katakan di kolom komentar.
EmoticonEmoticon