Cara membuat tombol jejaring social melayang dengan JQuery



Salam Blogger.. pada pembahasan kali ini penulis memberikan artikel persis seperti judul diatas. Widget ini memiliki delapan platform Jejaring Sosial paling populer yang muncul dalam bentuk sebuah Bar. Melayang di sepanjang layar blog anda. Dari kedelapan platform tersebut sahabat bloggers dapat memilih dan menampilkan jumlah yang akan ditampilkan.
Untuk contohnya anda dapat lihat gambar dibawah ini, atau dapat dilihat disebelah kiri layar blog ini.


Baik langsung saja, bagi anda yang tertarik menggunakannya silahkan ikuti langkah-langkah dibawah ini ;

Langkah :
Buka akun Blogger Anda
Masuk ke menu edit HTML
Cari kode </body&gt;
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://mbl-flipper-google-blogger.googlecode.com/files/socialflipmin.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

Artikel Terkait



Comments
5 Comments

Komentar

5 Komentar untuk "Cara membuat tombol jejaring social melayang dengan JQuery"

Admin_5antri mengatakan...

http://www.supranaturaljokowi.com

http://5antri.blogspot.com

http://www.myselebritis.com

http://www.kuasa-illahi.web.id

http://www.gadisgoyang.blogspot.com
.
..
...

JODHA mengatakan...

JUAL OBAT PEMBESAR PENIS AMPUH
VIMAX ASLI CANADA adalah salah satu obat pembesar penis pria paling ampuh dan manjur. Vimax Asli Canada Di Indonesia kami agen resmi OBAT VIMAX ASLI yang berpusat di jakarta ( Vimax Center Jakarta ) Obat pembesar penis ini produk unggulan kami yang banyak di cari dengan kategori Obat Pembesar Penis Pria dan ada juga produk wanita Obat Pembesar Payudara Cepat vacum pembesar payudara permanen.

Bagi pria yang mengalami gangguan reproduksi kami juga menjual Obat Herbal Untuk Kemandulan Pria. Sudah berobat kemana-mana dan hasilnya nihil sama sekali sampai sekarang belum di kasih momongan cobalah minum OBAT MANDUL PRIA ini ----> Semenax Asli Canada Obat Penyubur Sperma Pria hasilnya di jamin terbukti ampuh dan puas. Apa yang anda harap cepat mendapatkan momongan/anak di dalam keluarga Anda.

SEDIA :
Obat Kuat, Obat kuat seks pria,Obat kejantanan pria, Obat kuat semprot, Obat kuat lelaki, Obat kuat oles, Obat kuat cialis asli, Obat kuat tahan lama, Obat kuat pria, Obat kuat viagra, Obat sipilis

Obat Perangsang,Obat perangsang seksual, Obat perangsang seksual wanita, Perangsang wanita, Obat perangsang wanita, Obat perangsang pria dan wanita, Obat perapat wanita, Pemutih badan


Salam
TOKO OBAT MURAH
www.toko-obat-murah.com


>>>>>>>>>

Tania Darmawan mengatakan...

AGEN JUDI ONLINE
AGEN JUDI
AGEN BOLA
PROMO BONUS 988BET
PREDIKSI BOLA
MASTER AGEN JUDI
AGEN MAXBET
AGEN MAXBET TERPERCAYA
AGEN TERPERCAYA

raquell agustien mengatakan...

makasih yah atas informasinya, jangan lupa kunjungi blog aku juga.
QUEENXXX92

Sakuin Subs mengatakan...

This post is amazing! Thanks for information.
Feed back Please http://www.animesakuin.ga/
Anime Sakuin | All About Anime

Tambahkan komentar anda

Blog ini adalah blog Do Follow. Tentu akan mendapat respon dan menguntungkan bagi blog yang berkomentar. Silahkan berkomentar dengan memperhatikan nilai SARA!!

 

Info Techno

Return to top of page Copyright © 2009-2013 | Komunitas BLogger Nias