HOW TO CREATE BUTTONS SOCIAL MEDIA IS SUPER COOL

Share it:
Just, Check it out...
This screenshotnya gan:


Here are the Steps:
  
1. Open Your Blogger account
2. Go to menu Template > edit HTML, tick the expand widget templates
3. Find code of HTML below :

</body> 
4. On it open the code under this :
<!--importScripts -->
<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>


Description :Replace the URL : Replace the sign # with the URL You want.
Change position : To change the position of widget locker such a position: “left (left) right (right), top (top), bottom (down)"
Reduces the appearance of social media : You can change show: 8 with the amount of social media You want.
Change background : You can change the backgound of social media with this color dark by changing the skin: "clear" and "dark".

5. Save Your template. 
Share it:

Gadget

Post A Comment: