Cara Mudah Memasang Widget Share Melayang Pada Blog

Widget share merupakan salah satu widget yang cukup penting di dalam sebuah blog. Selain untuk mempercantik tampilan blog, widget ini pun berfungsi agar si pengunjung dapat menyukai atau membagikan artikel yang dibacanya melalui media sosial seperti facebook, twitter dan lainnya. Widget ini biasanya melayang di sebelah kiri blog, tapi sobat bisa merubahnya jika ingin melayang di sebelah kanan. Pada kesempatan kali ini CS mau membagikan cara mudah memasang widget share melayang pada blog, buat sobat yang berminat mengaplikasikannya, berikut langkah-langkahnya.

1. Pertama login ke Blogger

2. Pilih Tata Letak

3. Pilih Tambah Gadget

4. Klik HTML/Javascript

5. Masukkan kode di bawah ini pada kolom HTML/Javascript

Baca juga cara mudah membuat tombol share efek kQuery nudging

<style>

#pageshare {position:fixed; bottom:30%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>

<div id='pageshare' title="Share This With Your Friends">

<div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>

<div class='sbutton' id='rt'><a href="https://twitter.com/HendarmanAP/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div>

<div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div>

<div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="https://www.facebook.com/sharer/sharer.php?u=">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 12px;text-align:center;"><a href="http://copasange.blogspot.co.id/2016/04/cara-mudah-memasang-widget-share.html" target="blank"><font color="black">Get This<font></font></font></a></div></div>

Ganti left berwarna biru dengan right, jika sobat ingin widget melayang di sebelah kanan.

Baca juga cara mudah memasang gambar melayang di blog

6. Simpan

Demikian cara mudah memasang widget share melayang pada blog, semoga dapat membantu dan bermanfaat. Terima kasih atas kunjungannya.

► Copas Sange ◄

Sobat sedang membaca artikel tentang Cara Mudah Memasang Widget Share Melayang Pada Blog. Jika sobat ada pertanyaan atau pesan mengenai artikel diatas, salurkan pada kolom berkomentar !! Dan untuk mendapatkan tambahan pahala, silahkan LIKE and SHARE ♂

<a href="http://copasange.blogspot.com/2016/04/cara-mudah-memasang-widget-share.html" target="_blank">Cara Mudah Memasang Widget Share Melayang Pada Blog</a>

:: Salam Blogger ! ::