Cara Memasang Widget Jejaring Sosial Melayang di Blog

Assalamualaikum.Wr.Wb .


Selamat Sore Sobat Info :D
Kali ini saya akan menghsare "Cara Memasang Widget Jejaring Sosial Melayang di Blog" . Caranya sih simple . Ikutin ya :D

1. Login ke akun Blogger Sobat . (Yaiyalah , masa login ke akun Pesbuk ^_^)
2. Pergi ke Dashboard
3. Sobat pilih Template >> Edit HTML 
4. Sobat cari kode </body> , lalu Sobat taruh kode dibawah ini tepat di atas kode </body> tersebut.

<!-- 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>

5. Eiit masih belum selesai , untuk setting scriptnya ..

1. Ganti kode (#) yang berwarna merah dengan URL masing-masing akun yang Sobat miliki
2. Kode berwarna ungu adalah jumlah tampilan sosial medianya, Sobat bisa menggantinya sesuai keinginan Sobat
3. Kalau kode yang berwarna hijau adalah letak atau posisi widgetnya nanti. Sobat bisa mengganti sesuai yang Sobat inginkan, seperti Right (widget berada di sibe bar kanan layar), Top (berada di atas layar, dan Bottom ( berada di bawah layar)
4. Untuk kode yang berwarna pink, Sobat bisa menggantinya dengan kode dark, jika Sobat ingin background widgetnya berwarna hitam atau gelap. 

6. Kemudian Sobat Simpan/Save ^_^ .

Gimana ? , Cukup mudah bukan ?
Kalo bilang ribet , ane jitak lu :D 

Thank you ^_^ .

Assalamualaikum.Wr.Wb .

 

Ditulis Oleh : Unknown ~ Faris Share

Sobat sedang membaca artikel tentang Cara Memasang Widget Jejaring Sosial Melayang di Blog. Oleh Admin, Sobat diperbolehkan mengcopy paste artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya <a href="http://infoterupdatedanterbaru.blogspot.com/2013/06/cara-memasang-widget-jejaring-sosial.html" target="_blank">Cara Memasang Widget Jejaring Sosial Melayang di Blog</a>