Cara Membuat dan Memasang Tombol Share Melayang Di Blog

Cara Membuat dan Memasang Tombol Share Melayang Di Blog ~ Trik kali ini adalah cara membuat dan memasang tombol share melayang di blog, kegunaan tombol ini adalah memudahkan pengunjung situs untuk berbagi artikel yang ada di blog kalian. Saya rasa sudah tidak asing lagi bagi kalian yang sudah bergelut di dunia blogger dan tentu saja sudah banyak blog-blog di internet yang memasang widget yang satu ini, walaupun begitu saya disini akan kembali berbagi tips cara membuat tombol share melayang di blog untuk mereka yang belum mengetahui cara memasangnya. Tujuan dari widget ini juga merupakan salah satu tahapan dalam merias blog kalian tampil elegan.

Baiklah, kalau kelamaan membahas kegunaan dan tujuan dari membuat dan memasang tombol share melayang di blog saya rasa akan sangat membosankan ya, untuk lebih menghemat waktu kalian ikuti deh langkah berikut ini untuk membuat dan memasang tombol share melayang di blog.

 
Langkah kerjanya sebagai berikut:

1. Login ke Dasboard Blog Kalian

2. Pilih bagian Tata Letak >> Tambah Gadget >> HTML/JavaScript

3. Masukkan Kode dibawah kedalam kolom konfigurasi HTML/JavaScript

Salin kode dibawah:

<style>#pageshare {position:fixed; bottom:15%; 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="Bagikan ini 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='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div><div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></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: 12px;text-align:center;"><a href="http://bit.ly/20JkfQN" target="blank"><font color="black">Get This<font></font></font></a></div></div>

4. Pastekan kode diatas kedalam kolom gadget yang kalian tambahkan tadi
5. Jangan lupa klik Simpan.

Nah sampai tahap itu kalian sudah berhasil memasang tombol share melayang di blog kalian, gimana sangat mudah kan, hanya dalam waktu beberapa menit saja kalian sudah berhasil mewujudkan dan merias blog kalian 

Tips & Trik Komputer : Cara Membuat dan Memasang Tombol Share Melayang Di Blog

Share this post