shad0w-share

Membuat Social Media Bar Melayang Untuk Blogger|Samsoftware-Cyber – Apa Kabar sobat SC ? Kembali lagi bersama saya Tutorial kali ini SC akan Share Membuat Social Media Bar Melayang Untuk Blogger, Dan contohnya seperti gambar di bawah ini.



Langkah :

1. Buka akun Blogger Anda 
2. Masuk ke menu Template > edit HTML, centang expand template widget 
3. Cari kode HTML dibawah ini : 

<!--importScripts -->
<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 :
Mengganti URL : Ganti tanda # dengan URL yang Anda inginkan.
Perubahan posisi : Untuk mengubah posisi widget ganti posisi seperti: “left (kiri), 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.