Sunday, 4 August 2013

Cara Membuat Widget Jejaring Sosial Melayang Di Blog

Cara Membuat Widget Jejaring Sosial Melayang Di Blog-dengan cara membuat widget social bookmark atau jejaring sosial melayang di blog maka dapat mempermudah pengunjung untuk membagikan artikel anda ke berbagai jejaring sosial seperti Facebook , Twitter, Google Plus, Linkedin , Pinterest , FeedBunner , Youtube dan masih banyak lagi , selain itu dengan Cara Membuat Widget Jejaring Sosial Melayang Di Blog dapat meningkatkan kwalitas blog anda di mata pencarian google , semaikin banyak yang membagikan artikel atau postingan anda di jejaring sosial maka semaikin baik pula blog anda di mata pencarian Google

Cara Membuat Widget Jejaring Sosial Melayang Di Blog

Jika anda berminat untuk Memasang widget Jejaring Sosial Melayang Di Blog maka ikutilah turitorial Cara Membuat Widget Jejaring Sosial Melayang Di Blog di bawah ini dengan benar :

1. Masuk ke akun Blogger anda
2. kemudian Pilih Menu Template
3. Setelah memilih menu Template kemudian cari dan Klik Edit HTML
4. Cari kode </body> ( biasanya terletak paling bawah )
5. Setelah ketemu kode </body> salin dan tempel kode di bawah ini tepat di atas kode </body>

<!-- Widget jejaring social ahmadsuyadi.blogspot.com -->
<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'/>

<!-- Widget jejaring social ahmadsuyadi.blogspot.com --> 
<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>


keteranagan :
Ganti kode # dengan Url anda misalkan untuk jejaring social Twitter Urlnya adalah http://www.twitter.com/Ahmadsuyadi97 ingat jangan salah menaruh urlnya (  misalkan jangan menaruh Url Facebook Di Twitter )

6. Simpan dan hasilnya akan tampak seperti di bawah ini :

Contoh widget sosial Media Melayang di Blog

Demikian Trick Cara Membuat Widget Jejaring Sosial Melayang Di Blog semoga bermanfaat bagi anda , apabila anda mengalamai kendala dalam Cara Membuat Widget Jejaring Sosial Melayang Di Blog jangan sungkan-sungkan untuk bertanya

2 comments:

  1. mantap infonya nih,
    kunjungan baliknya gan ke www.fikrias.com follow aja nanti saya followback

    ReplyDelete