Langkah :
- Buka akun Blogger Anda
- Masuk ke menu edit HTML
- Cari kode dibawah ini :
</body>
4. Diatasnya pastekan kode dbawah ini :
<!-- import Scripts -->Keterangan :
<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>
- 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.
Sumber artikel : http://www.mybloggerlab.com/2013/01/how-to-create-floating-social-media-bar.html
Sumber artikel : http://www.mybloggerlab.com/2013/01/how-to-create-floating-social-media-bar.html
mas aku coba pakai ini dan pakai popup facebook like kok gak bisa ya? yang tampil di layar hanya salah satu dari script yang ada tepat di atas " </bodi " maka yang tamoil popup facebook,
ReplyDeletesebaliknya jika aku taruh script Social Media Bar Melayang Untuk Blogger maka yang tampil media bar melayang untuk blogger. padahal kedua script tersebut aku pasang.
gimana ya mas caranya agar keduanya bisa ditampilkan di layar
makasih sebelumnya
Itu karena jquery yg lebih dari satu sob.
Deletepada bagian jQuery widget diatas, hapus kode : < script type="text/javascript" src="http://mybloggerlab.com/Scripts/jquery-1.7.1.min.js" >
trims gan infonya, ane pake ya gan
ReplyDeleteOK @stata
ReplyDeleteMantap ilmunya gan, ane coba dulu ya.. doain biar berhasil. salam blogger indonesia!
ReplyDeleteOK @sob
ReplyDelete