Membuat Social Media Bar Melayang di Kiri atau Kanan Blog

Mungkin suatu ketika anda berkunjung ke blog orang pernah melihat, Social Media Bar Melayang di Kiri atau Kanan Blog. Lihat demonya pada gambar dibawah ini:

 Langkah :
1. Buka akun Blogger Anda
2. Pilih Template => edit HTML
3. Cari kode dibawah ini : </body>
4.  Copas kode dibawah ini tepat diatas kode </body> :

<!-- import Scripts -->
<script type="text/javascript" src="http://mybloggerlab.com/Scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="http://mybloggerlab.com/Scripts/mblsocialbar.js"></script>
<div id="scolder">
<script type="text/javascript" src=" http://mbl-flipper-google-blogger.googlecode.com/files/socialflipmin.js"></script></div>
<link href='http://mybloggerlab.com/StyleSheet/mblsocialbar.css' rel='stylesheet' type='text/css'/>
<!-- MBL Social Media Bar For Blogger -->
<script type="text/javascript">
$(document).ready(function(){
$.mblSocialBar({ items: {
twitter: { url: '#', text: 'Follow me on twitter' },
facebook: { url: '#', text: 'Profile on facebook' },
rss: { url: '#', text: 'RSS Feed' },
google: { url: '#', text: 'Profile on google+' },
youtube: { url: '#', text: 'Profile on youtube' },
orkut: { url: '#', text: 'Profile on orkut' },
myspace: { url: '#', text: 'Profile on myspace' },
digg: { url: '#', text: 'Profile on digg' }, },
show: 8,
position: "left",
skin: "clear"
}); });
</script>

 Keterangan :
- Menambahkan URL : Ganti # dengan URL yang Anda inginkan.
- Perubahan posisi : Dalam rangka untuk mengubah posisi widget ganti position: "left" dengan posisi yang Anda inginkan. Bisa "right (kanan), top (atas), bottom (bawah)"
- Mengurangi tampilan media social : Anda bisa mengubah show : 8 dengan jumlah social media yang Anda inginkan.
- Perubahan background : Anda bisa mengubah backgound social media ini dengan warna gelap dengan mengubah skin: "clear" dengan "dark".

5.  Save template Anda.