Cara Memasang Widget Sosial Media Ini
Bagi anda yang tertarik dengan widget jejaring sosial media yang keren ini, temen-temen bisa memasangnya dengan mengikuti prosedur sederhana di bawah ini:
Bagi anda yang tertarik dengan widget jejaring sosial media yang keren ini, temen-temen bisa memasangnya dengan mengikuti prosedur sederhana di bawah ini:
- Buka akun blogspot saudara
- 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>
<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 pink, anda bisa menggantinya dengan kode dark, jika anda ingin background widgetnya berwarna hitam atau gelap. Hasilnya kurang lebih akan seperti ini:
0 komentar:
Posting Komentar