Breaking News
Loading...
Wednesday, June 5, 2013

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 : Achmadi Iman Faris ~ Faris Share

Faris Art 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

20 komentar:

  1. Izin coba mas bro :D

    ReplyDelete
  2. Keren mas... Ijin nyoba dulu yah..maklum masih pemula hehe

    Salam Kenal ...

    ReplyDelete
  3. @Tutorial : Oke mas bro :) , Salam Kenal ^^.

    ReplyDelete
  4. Disuruh Komen Sama Yang Punya Blog :3

    Visit Ya : http://fee-notes.blogspot.com

    ReplyDelete
  5. Wihhh keren Boleh Dicoba :D
    http://reza31.blogspot.com/

    ReplyDelete
  6. Keren gan , boleh dicoba juga nih

    Visit back dari http://planetajaib.blogspot.com/

    ReplyDelete
  7. @Ahmad : Oke gan . Visit back siap meluncur ^_^ .

    ReplyDelete
  8. nice gan.... :D

    > Rachmads D'CyberHackers

    ReplyDelete
  9. Blog km dh q follow...
    Follow back ya d blog ku :D

    http://thalp0uz.blogspot.com/

    ReplyDelete
  10. Informasinya sungguh luar biasa banget bang saya sangat menyukai artikel-artikel pada blog sobat
    jangan lupa kunjungi balik ya di http://ahmadsuyadi.blogspot.com/

    ReplyDelete
    Replies
    1. Terima kasih gan .
      Oke , kunbal segera meluncur :)

      Delete
  11. mantap infonya nih,
    kunjungan baliknya gan ke www.fikrias.com follow aja nanti saya followback

    ReplyDelete

Mohon Sobat Untuk Tidak Berkata Kasar Pada Formulir Komentar, Dan Mohon Untuk Saling Menghargai .
[1] . Berkomentar boleh , tapi jangan nyepam(BOM COMMENT) ya kaaka ..
[2] . Live link tidak papa , tapi maksimal sehari 2 link jika berkomentar;)
Sekian Dari Admin Dan Terima kasih....

 
Toggle Footer
Copyright © 2012 Faris Share™ All Right Reserved
Blogger Designed by IVYthemes | MKR Site