Cara memasang Widget Share Sosial media di sisi kanan dan kiri Blog

Selamat Sore sobat Blogger semua, Salam Sukses yah sob, semoga apa yang dicita-citakan dapat terwujud... nah kali ini Anugrah-Computer mau share nih tentang Sosial media seperti Facebook, Twitter dll.

Sosial media 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.

Nah sosial media yang saya share kali ini adalah widget sosial media yang digunakan oleh para viewer untuk membagikan halaman web anda kepada beberapa teman yang menggunakan website sosial media seperti facebook, twitter,dll.

oke kawan sekarang saatnya kita melangkah ke sesi pemasangan Widget blog nih ikuti ajha Caranya sbb:
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).

Untuk melihat Codenya Klik>>

<!--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://bos-tutorial.blogspot.com/2012/07/cara-memasang-widget-share-media-sosial.html" target="blank"><font color="black">Get This<font></font></font></a></div></div>

Nah setlah salin tinggal paste aja dech ke widget kosong blog sobat.
5. Simpan Gadget yang ditambahkan. Lalu simpan Template blog anda.
6. Selesai dan lihat hasilnya.
Lihat contohnya di sebelah kiri blog Anugrah-Computer
Oke dech moga berhasil yah sobat... Wassalam....