TIPS TERBARU CARA MEMASANG WIDGET SHARE BUTTON FACEBOOK, TWITTER, & GOOGLE DI BLOG

Dalam pencarian tugas atau contoh apapun di mesin pencari (Google, Yahoo, dll) tak sadar atau disengaja seringkali kawan-kawan temukan gambar seperti dibawah ini;

Dalam dunia blogger gambar tersebut dikenal dengan istilah widget; yang berfungsi sebagai penghias Blog agar supaya terlihat kren dan menarik hati para reader blog ketika mengunjungi sebuah akun blog yang dimiliki dan juga dengan widget semacam ini akan memudahkan pengunjung blog ketika ingin meng-share apa yang terdapat dalam blog kawan-kawan. Tentunya dengan aktivitas demikian akan berdampak positif ke blog kawan-kawan karena ini menjadi media marketing gratis mempromosikan tulisan ataupun artikel yang terdapat dalam blog anda. Pengin tau cara bikinnya?? Ok langsung saja kita lets Go pantengin bareng-bareng “artikel” yang admin suguhhkan ini.

Langkah 1; masuk ke login ke blog anda.

Langkah 2; klik “Tata Letak”

Langkah 3; Pilih “Tambah Gadget”

Langkah 4; Cari dan Pilih “HTML/Java Script”

Langkah 5; Copy Kode HTML/Java Script’ dibawah ini;

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

<style>

#pageshare {position:fixed; bottom:15%; right: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 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: 9px;text-align:center;"><a href="http://permathic.blogspot.com/2012/04/cara-memasang-widget-share-button.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-->

Langkah 6; Pastekan kode script tersebut pada “HTML/Java Script”

Langkah 7; Simpan dan Selesai

Taraaaaaa!!!!!!!!!!!!!! Taraaaaarrraaa!!!!  Jadi dech,,,

Nb; untuk tulisan yang berwarna ijo anda bisa mengeditnya sesuai dengan selera kawan-kawan, dan jika kawan-kawan pengin tampilannya lebih simple bisa juga loh tulisan yang warna merah bisa diapus…

Sumber; http://permathic.blogspot.com/2012/04/cara-memasang-widget-share-button.html

Selamat mencoba yah..