Cara menambahkan Widget Sosial Media melayang di blog

Widget Jejaring Sosial Melayang Diblog 8 Platform

Cara Membuat Widget Jejaring Sosial Melayang Diblog 8 Platform Ini adalah widget yang memiliki delapan platform Jejaring Sosial paling populer yang muncul dalam bentuk sebuah Bar. Melayang di sepanjang screen blog. Setiap kali pengunjung akan memilih ke atas atau bawah halaman blog anda, widget ini melayang dengan sendirinya.Perhatikan screenshot berikut:
Langkah :
Buka akun Blogger Anda
Masuk ke menu edit HTML
Cari kode </body>

Kemudian pastekan kode berikut di atas 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: 'https://twitter.com/@GannyFirman', text: 'Follow me on twitter' },
facebook: { url: 'https://www.facebook.com/kafkapa', text: 'Profile on facebook' },
rss: { url: 'Account anda', text: 'RSS Feed' },

google: { url: 'Account anda', text: 'Profile on google+' },

youtube: { url: 'Account anda', text: 'Profile on youtube' },

orkut: { url: 'Account anda', text: 'Profile on orkut' },

myspace: { url: 'Account anda', text: 'Profile on myspace' },

digg: { url: 'Account anda', text: 'Profile on digg' },
  
},

show: 8,
position: "left",
skin: "clear"
});
  
});
</script>

Keterangan :
Menambahkan URL : Ganti kode yang berwarna hijau dengan alamat account yang anda miliki.
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". 

Kemudian save template dan lihat hasilnya..


Sumber kafkapa