Cara Mudah Membuat Widget Semua Tombol Sosial Media

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

Baca Juga: Menampilkan profil author plus google dibawah postingan dengan CSSBaca Juga: Membuat Template Blog Sendiri

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/AVvXsEhO_JJXEqtlAXCIVtpiAk8C94iRoNCqKgGXy2inmYVbTwCure6Fl59B5VKhMiQiHJUWnALRR2VS0qOCA2DzBPFtw0Frio6L7p1WZ_PPbwZLZ8ENn7ZphCdP_caZD1TVwt1prdMuXSAnZ-zS/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 pickeruntuk 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 leftmenjadi 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.


sumber:http://www.muammarkhalid.com/2015/12/cara-membuat-widget-tombol-sosial-media-melayang.html

Penelusuran Yang Terkait
widget sosial media keren
cara memasang icon sosmed di blog
cara memasang widget sosial media di wordpress
widget sosial media untuk blog
cara memasang social icon di blog
blogger
instagram

Artikel keren lainnya:

Author : Unknown

5000Mata Diseluruh Dunia Maya, Mungkin Anda Adalah Salah Satu Blogger Yang Saya Kagumi, dan Kontenya ada di Blog ini, Silahkan Lihat Selengkapnya Pada Halaman About.

Share Artikel

Facebook

Twitter

Google+

Jangan sampai ketinggalan postingan-postingan terbaik dari 5000Mata. Berlangganan melalui email sekarang juga:

Atau sobat juga bisa follow 5000Mata dengan mengklik tombol di bawah ini:

Ditulis oleh Unknown pada tanggal Saturday, January 21, 2017