Home » » Cara Memasang Widget Jejaring Sosial Melayang Di Blog

Cara Memasang Widget Jejaring Sosial Melayang Di Blog




Banyak Blogger (Termasuk Saya) Yang Mempromosikan Blognya Di Berbagai Situs Sosial Media. Sebut Saja Facebook Dan Twitter, Ke Dua Sosial Media Ini Memang Sudah Mendunia Dan Memiliki Banyak Peminatnya. Tetapi, Tidak Hanya Itu Saja Jejaring Sosial Media Yang Ada Di Dunia. Masih Banyak Lagi Sosial Media Yang Ada Dan Bisa Anda Manfaatkan Untuk Mempromosikan Blog Anda.
Semakin Banyak Oran Yang Melakukan Aktivitas Di Jejaring Sosial Media, Maka Semakin Banyak Pula Perkembangan-Perkembangan Yang Terjadi Di Dunia Blogging. Salah Satunya Adalah Tombol Share Yang Ada Di Sebuah Website Atau Blog. Semakin Maju Saja Bukan? Sekarang Tombol Sosial Media Tersebut Sudah Menjadi Hal Wajib Yang Harus Di Miliki Oleh Sebuah Blog Atau Website. Oleh Karna Itu Kali Ini Saya Akan Berbagi Pengetahuan Tentang Cara Membuat Widget Jejaring Sosial Melayang Di Samping Blog .





Silahkan Mengikuti Langkah-Langkah Berikut Jika Anda Tertarik Pada Widget Yang Satu Ini :

  • Buka akun blogspot anda bisa klik DISINI
  • Masuk ke Menu Template, kemudian klik tombol Edit HTML
  • Cari kode </body>
  • Klik pointer pada kolom Edit HTML, kemudian tekan Ctrl+F untuk mempermudah Pencarian Kode
  • Setelah kode ketemu, simpan script di bawah ini tepat 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>

  • Simpan Template



Keterangan Kode Di Atas :

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




 Jika Anda Mengikuti Langkah-Langkah Di Atas Kurang Lebih Hasinya Akan Seperti Ini .

Gambar :



Sekian Dari Saya Semoga Bermanfaat Untuk Sobat Semua Dan Jangan Lupa Tinggalkan Komentar Dibawah Sini !

3 komentar: