6 Januari 2013

Cara membuat widget jejaring sosial dalam bentuk sebuah bar melayang di blog

Posted at  16.44  |  in  widget

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 :
  1. Buka akun Blogger Anda
  2. Masuk ke menu edit HTML
  3. 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: '#', 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 :
  • 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".
Kemudian save template dan lihat hasilnya..


Sumber : http://www.mybloggerlab.com/2013/01/how-to-create-floating-social-media-bar.html

Written by: jalupangna
Wawasan spiritual dan blogging, Updated at: 16.44
Anda menyukai postingan di atas? Silahkan di share..!
Blogging dan wawasan spiritual Post Author

Pengajar sekaligus pendidik di salah satu SMPN yang ada di daerah banten. seorang newbie blogger yang lagi belajar blogging. Strong will and effort adalah filosofi hidup saya agar supaya sukses dikemudian hari.

18 komentar:

  1. keren juga nh,,trmkasih sob


    visit back http://dangeltoblog.blogspot.com

    BalasHapus
    Balasan
    1. FREE DOWNLOAD GOD OF WAR-2 PC GAMES IN HIGHLY COMPRESSED MEDIAIFRE PARTS FULL VERSION DOWNLOAD FROM HERE-->>>> www.copyrightgames.blogspot.com

      DOWNLOAD GTA SANANDREAS FULL VERSION WITH SOUND COMPRESSED MEDIAFIRE DOWNLOAD FROM HERE-->> www.copyrightgames.blogspot.com

      Hapus
  2. @Dadang ElmurgantoTerima kasih banyak sobat atas kunjungannya...salam kenal.

    BalasHapus
  3. MAKASIH ARTIKELNYA, LANGSUNG PRAKTEK DI TKP

    BalasHapus
  4. @jilbab hilfasama2, dan terima kasih banyak atas kunjungannya.

    BalasHapus
  5. gan folow blog ku donk
    www.bmaster23.blogspot.com

    BalasHapus
  6. @Bmaster Aditama sudah saya follow blog anda sob, ditunggu follow back nya di blog saya. terima kasih atas kunjungannya and salam kenal..:)

    BalasHapus
  7. Jangan Lupa Kunjungi Blog Saya dan Berkomentar Balik Ya Pemirsa :) KLIK DISINI.
    Dan Jangan Lupa untuk Kritik & Sarannya di Blog Saya

    Official Blog Lalu Zulfakar Hidayat's

    || Kumpulan Artikel Bermanfaat yang Akan Menemani & Mewarnai Hari-Hari mu || Blog yang Berbicara Tentang Semuanya & Tempat Segalanya || Informasi, Barang & Jasa, Kecantikan & Kesehatan, Tips & Trik, Hacker, Islami, Resep Masakan & Minuman, Kuliner & Wisata, Sastra, Kesenian, dll || http://zulfakar-hidayat.blogspot.com/ || Official Lombok's Hacker Community ||

    Terima Kasih Atas Partisipasi Anda ;)




    © 2013 - http://lzulfakar-hidayat.blogspot.com/ & http://lombok-hacker.iwebs.ws/

    BalasHapus
  8. @Lalu Zulfakar Hidayat terima kasih banyak atas kunjungan dan komentarnya. sudah saya kunjungi blog anda sob, salam kenal..:)

    BalasHapus
  9. @Prof. Dr. Ir. Agung Putra Dwijaya Sh.Se sekali lagi saya ucapkan terima kasih banyak prof. atas kunjungannya. Jangan bosan2 ya prof. berkunjung ke blog saya. :)

    BalasHapus
  10. @Galih n gumilar sama2 kang galih, terima kasih atas kunjungannya. salam..

    BalasHapus
  11. ijin copas gan..,
    nice info
    di tnggu kunjungan bliknya
    http://cybernatar.blogspot.com/

    BalasHapus
  12. Gan template blog ane kagak ada <*/body> nya.. terus gmana cara menggunakannya?? mohon penjelasannya.

    BalasHapus
    Balasan
    1. Coba anda cek kembali penempatan tag </body>, sebab di template tidak ada tag/kode <*/body> yang ada tag <body> atau </body> Terima kasih kunjungannya. Salam.. :)

      Hapus
  13. Balasan
    1. Silahkan kang nandar dengan senang hati..:)

      Hapus

About Us-Privacy Policy-Contact us
Copyright © 2013 Wawasan spiritual dan blogging. Blogger Template by BloggerTheme9
Proudly Powered by Blogger.
back to top