Home » » Cara Memasang Social Media Keren di Blogger

Cara Memasang Social Media Keren di Blogger


Memasang Social Media - Kalau anak gaul yang pingin axis di dunia sosial media seperti Twitter, Facebook, Google + Youtube, Myspace dan lain-lain, biasanya akan tertarik dengan widgate ini. Katanya, biar selalu terlihat ada dimana-mana,.. :-)

Tetapi, Sosial Media bagi penggemar blogger juga dianggap penting. Selain mempercantik blog, juga dapat membagi-bagikan postingan ke Sosial Media dan secara tidak langsung bisa menjadi ladang Bisnis Online.

Bagaima cara membuatnya,..???

Ini tampilan Sosial Media yang dibuat oleh seorang blogger yang menurut saya cukup menarik.

Menariknya lagi setelah saya coba jalankan scriptsnya, 100% jadi,.

Dan ini langkah-langkah pemasangannya :
• Buka Akun Blogger anda Terlebih dahulu 
• Masuk Ke Kemenu Template > Edit HTML > Lanjutkan > Centang Expand Template Widget
• Lalu Cari kode seperti dibawah ini :

</body>

• Setelah Ketemu Lalu Copy Kode dibawah 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'/>
<!-- 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 :
• Ganti Tanda # dengan URL Jejaring Sosial anda 
• Untuk Merubah Posisi ganti Kode "Left" dengan Keinginan anda , anda Bisa mengganti dengan "Right" (Kanan) , Top ( Atas ) , Bottom ( Bawah ) 
• Mengganti Background Social Media : Jika Anda Ingin Mengganti Background Social Media Ganti "Clear" dengan Dark .
• Terakhir Save Template anda

0 komentar:

Posting Komentar