Cara Memasang Tombol Widged Share Melayang

Posted by INFO Online on

Jumat, 02 Mei 2014

Tags: info online, peluang usaha, tips bisnis online, kiat sukses berbisnis, promosi iklan gratis, penipuan online, cari duit di internet

Cara Memasang widged Share Melayang

Saya udah browsing kemana-mana untuk menemukan arti / pengertian baku dari kata Widged share buttom. Tapi mungkin karena browsingnya di warteg akhirnya ya gak ketemu hehe... Tak apalah saya artikan sendiri aja. Gitu aja kok repot!!

Pengertian Widged share buttom adalah atribut di website / blog berupa tombol – tombol media sosial yang berfungsi untuk mengintegrasi / menghubungkan website / blog ke sosmed tersebut.  Hampir semua blogger menempelkan atribut widged share buttom di blog / websitenya. Kebanyakan yang nangkring adalah sosmed – sosmed populer seperti facebook, twitter dan google+

Dapat dimengerti, karena selain optimalisasi SEO, cara yang paling akurat untuk menaikkan traffic kunjungan ke website adalah dengan promosi gratis di media sosial. Dan tombol share ini memungkinkan website kita otomatis mejeng di sana jika ada pengunjung yang me“like”  atau me”share” untuk facebook, men”tweet” untuk twitter dan me”+1” untuk Google+. Bayangkan jika satu orang me”like” postingan kita, trus 10 temannya membagikan ke 10 temannya lagi, dan terus berantai seperti itu maka seluruh facebooker di dunia akan membanjiri blog kita (mimpi kali ye?)

Oke deh, gak usah berpanjang lebar. Saya akan me”share” cara memasang tombol ajaib ini pada teman-teman. Saya sengaja memasang widget share buttom melayang seperti di kiri postingan ini. Posisi ini akan lebih menarik perhatian pengunjung daripada menempatkannya di bawah postingan.  Bagi pengunjung sedikit mengganggu memang. Makanya saya tak memasang bingkai dengan dasar berwarna dan membiarkannya transparant biar gak terlalu menutupi artikel.

Langkahnya seperti biasa:

Masuk akun blogger  >> dasbor >> tata letak >> tambah gadged di sidebar >>pilih HTML / javascrip >> copy pastekan kode di bawah ini: 

 <!--Widget Share Button Melayang Start-->

<style>

#pageshare {position:fixed; bottom:10%; left:5px; float:right; border: 0px clear; border-radius:opx;-moz-border-radius:0px;-webkit-border-radius:0px;background-color:clear;padding:0 0 0px

0;z-index:0;}

#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="bagikan ke teman anda">
<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="http://twitter.com/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="http://www.facebook.com/sharer.php">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: 9px;text-align:center;"><a href="http://info-onliner.blogspot.com/2014/05/cara-memasang-tombol-widged-share.html" target="blank" title="Cara Memasang Widget Share Button"><font color="blue">[Get Widget]<font></font></font></a></div></div>

<!--Widget Share Button Melayang End-->

Simpan widged dan preview blog Anda. Selesai!! Gampang bukan?

Sekarang, tinggal like / share / tweet / +1 postingan saya ini hihihi.....

Semoga sukses selalu

Baca juga: Penemu Internet , Info: Fakta Unik Tentang Internet

Labels: Tutorial Blog

Thanks for reading Cara Memasang Tombol Widged Share Melayang. Please share...!