Cara Pasang Widget Jejaring Sosial Melayang Keren Di Blog

Cara Pasang Widget Jejaring Sosial Melayang Keren Di Blog - Tutorial kali ini, cukup menarik. Widget animasinya itu, bikin greget. Keren banget widget jejaring sosialnya. Coba liat gambar:

Jejaring sosial? Udah pada tau kan? Kebangetan kalau gak tau... Tapi, saya yakin sobat sudah ngerti maksud dari cara membuat widget jejaring sosial keren di blog ini. Kalau masih bener-bener pemula, saya jelasin. Widget jejring sosial melayang pada blog ini bisa dipasang di blog sobat. Tujuan utamanya adalah, agar pengunjung sobat dapat berkomunikasi dengan sobat melalui tombol widget jejaring sosial melayang di blog yang sudah sobat pasang.

Pengunjung sobat juga bisa kontak-kontak sobat melalui tombol yang ada pada widget jejaring sosial melayang tersebut. Sesuai dengan gambar, jejaring sosial tersebut adalah: Twitter, Facebook, RSS Feed, Google+, Youtube, Orkut, MySpace, dan Digg.

Pengunjung bisa sangat mudah sekali untuk menghubungi sobat yang sudah memasang widget jejaring sosial pada blog ini. Mungkin, sobat dengan pengunjung sobat bisa lebih dekat lagi. Agar pengunjung sobat bisa terus berlanggan pada blog sobat.

Gimana cara menambahkan widget jejaring sosial melayang keren di blog? Langsung kita beranjak ke tutorialnya.. Monggo dicoba...

1. Login Blogger

2. Template

3. Edit HTML

4. Cari kode </body> (agar mempermudah pencarian, klik serentak Ctrl+F pada keyboard secara bersamaan)

5. Setelah ketemu, copy kode dibawah ini, dan letakkan kode dibawah tepat DIATAS 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>

*Ganti tulisan # sesuai dengan url jejaring sosial kalian. Contoh, url jejaring sosial Twitter saya: http://twitter.com/fahmifanirius

6. Simpan perubahan

Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ

Tutorial Blogger