Cara Membuat Widget Tombol Sosial Media (FB, Twitter, Google+) di Blog

Hampir semua blogger sekarang ini menggunakan Widget tombol sosial media melayang berbentuk vertikal, widget tersebut biasanya terdiri dari tombol like dan share di beberapa media sosial terkenal. Widget ini sangatlah penting bagi seorang blogger agar trafik blog mereka dari sosial media meningkat, apalagi sosial media seperti Facebook, Twitter dan Google+ memiliki page rank yang tinggi.

Widget ini akan membantu menggandakan visitor blog karena ketika seseorang menyukai artikel yang kalian buat, maka kemungkinan besar orang tersebut akan menyukai/membagikan postingan kalian tersebut ke sosial media mereka. Bayangkan saja jika teman yang dimiliki oleh orang tersebut di facebook atau twitternya mencapai ribuan orang, bukan tidak mungkin persentase pageviews blog kalian akan meningkat juga.

Keuntungan memakai widget tombol sosial media di blog :

        > Dapat membantu menaikkan tafik blog
> Dapat membantu menaikkan page rank blog
> Dapat membantu menaikkan pendapatan dari blog

Bagaimana cara menambahkan Widget tombol sosial media melayang di blog?

Step 1 : Login ke dashboard blogger kalian dan pilih Layout di blog yang ingin kalian tambahkan Widget tombol sosial media melayang

Step 2 : Klik pada Add a Gadget dan akan muncul pop up

Step 3 : Pilih HTML/JavaScript

Step 4 : Copy scrip Widget tombol sosial media melayang dibawah ini dan paste di pop up                    HTML/JavaScript tadi. Ingat, jangan buat judul!

<a href='http://muammarkhalid.com/'><img alt='Floating Vertical Bar With Share Buttons widget by muammarkhalid' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzK_jE1d0Yz3j8TXyd0eQ9AF7pWonwBjtEEXyuGeT1J4N48XDwQfRWmLQKphcggikeKIPMmOxbN4YevdAS7SlXVfl_0KXcdjQZ2oVlZ9IzYK4xYROGLxFdCQooFnS7frMzfSDmAzhQJv0n/s1600/best+blogger+tips.png'/></a> 
<!-- Floating Social Media Buttons Like Share Tweets Widget for Blogger START --> <div class="addthis_toolbox addthis_floating_style" style="background: #FFFF; border: 0px solid #000000;top:120px;left:25px;"> 
<div class="addthis_counter_style"><a class="addthis_button_facebook_like" fb:like:layout="box_count"></a> <a class="addthis_button_tweet" tw:count="vertical"></a> <a class="addthis_button_google_plusone" g:plusone:size="tall"></a> <a class="addthis_counter"></a></div> </div> 
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4e7d75dd1a411e95"></script> <!-- Floating Social Media Buttons Like Share Tweets Widget for Blogger END -->

Step 5 : Tekan Save dan terapkan perubahan. Sekarang kalian dapat mengunjungi blog kalian untuk melihat widget tersebut.

Kostumisasi Widget tombol sosial media melayang 

background: #FFFF

> Untuk mengubah warna background dari widget tersebut, kalian bisa melihat di color picker untuk memilih warna yang cocok dengan blog kalian.

border: 0pc solid #000000

> Pada dasarnya (default) widget ini tidak memiliki border makanya scriptnya border: 0px, tetapi jika kalian ingin agar widget tersebut memiliki border, kalian mengganti 0px menjadi 1px atau 2px.
> #000000 adalah warna untuk border.

top:120px

> Semakin tinggi nilainya maka widget akan semakin keatas
> Semakin rendah nilainya maka widget akan semakin kebawah

left:25px

> Semakin tinggi nilainya maka widget akan semakin kekanan
> Semakin rendah nilainya maka widget akan semakin kekiri

*Jika kalian ingin agar widget tampil disisi kanan atau kiri, kalian hanya tinggal mengubah left menjadi right.

Kesimpulan

Setelah kalian pasang Widget tombol sosial media melayang di blog kalian, maka kalian akan melihat pageviews dan visitor blog kalian meningkat terutama dari sosial media. Hal tersebut dapat membuat blog kalian terkenal. Widget tombol sosial media melayang ini juga dapat meningkatkan pendapatan kalian dari blog.