> Cara Pasang Widget Sosial Media di Blog dengan Float

Sosial media seperti Facebook, Twitter dll adalah sosial media ternama yang paling banyak di gunakan dalam dunia maya. Alangkah indahnya pula di Blog kita bisa pasang sosial media tersebut untuk mempercantik blog dan mendapatkan pengunjung yang banyak.

Kali ini saya akan memberikan tips bagaimana caranya memasang widget sosial media di blog dengan Float.sehingga terlihat tampak lebih indah dan menarik pengunjung


Cara Memasang Widget Share Media Sosial di Blog dengan Float
Tutorial Cara Memasang Widget Share Media Sosial di Blog dengan Float tidak lah susah. Tutorial ini berasal dari hasil pencarian yang saya temukan, dan saya praktekkan dan berhasil ditampilkan di blog ini. Saya akan mencoba membagikan tutorialnya yah. Oh iya, Cara Memasang Widget Share Media Sosial di Blog dengan Float juga merupakan Cara Mempercantik Tampilan Blog.

Beginilah Cara Memasang Widget Share Media Sosial di Blog dengan Float.
1. Seperti biasa, bukalah Akun Blog anda sendiri yah.
2. Masuklah ke rancangan / template blog anda pada Tata Letak.
3. Pilih elemen Add Widget atau Tambah Gadget Baru, lalu pilih Add HTML/Javascript.
4. Copy / salinlah script di bawah ini (jangan lupa klik spoilernya yah).

Klik Spoiler Berikut:

<!--SideBar Floating Share Buttons Code Start-->
<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="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="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://zamie2106.blogspot.com/2013/05/cara-pasang-widget-sosial-media-di-blog.html" target="blank"><font color="black">Get This<font></font></font></a></div></div>

5. Simpan Gadget yang ditambahkan. Lalu simpan Template blog anda.
6. Selesai dan lihat hasilnya.

Lihat contohnya di sebelah kiri blog ini yah.
Semoga bermanfaat, selamat mencoba & jangan lupa tinggalin coment yahh heheee..

Tweet

Related Posts

> Cara Pasang Widget Sosial Media di Blog dengan Float

4/ 5

Oleh Zamzamie Muchibbur

Zamzamie Muchibbur