What is Social Media Bar?
It is a convenience that has eight most well-liked Social Networking platforms that seems in an exceedingly style of a Bar. It floats on your screen. Whenever, a traveller would scroll up or down a page it might float on him. there's no rocket science behind this convenience as a result of everything is finished with the help of modest jQuery. take into account the subsequent Live Demo and Enjoy the live action.Where Social Media Bar Would Appear?
It is extraordinarily flexible, and that we will place it either on the Left side, Right Side, and top or maybe down a page. Since, we've used a jQuery. Therefore, we've to use few commands like “bottom”, “top”, “left” and “right” to show it on totally different components of our website. To clear your idea considers the subsequent screen.
How To Add Social Media Bar Widget in Blogger?
Many of our readers were complaining that we continually share long tail tutorials. Therefore, from currently one we might strive our finest to finish the widget Installation in only one step. think about the subsequent instructions.Go To Blogger.com >> Template >> Edit HTML
In the template Press Ctrl+F and Search for </body> and just above it paste the following Coding. Don’t change the coding otherwise it would stop working. If anyone is unable to find the </body> tag, then he can paste the coding just below <body> tag.
<!-- import Scripts -->
<script type="text/javascript" src="http://goo.gl/yZLftE"></script>
<script type="text/javascript" src="http://goo.gl/6RVtKc"></script>
<div id="scolder">
<link href='http://goo.gl/AqdpzY' rel='stylesheet' type='text/css'/>
<!-- ROhit Mewada Social Media Bar For Blog of 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>
- Adding URL: Replace All # with your URLs According to the desire needs.
- Change Positions: In order to change the position of the widget Replace “Left” to Either “right”, “top” or “bottom” from the coding according to your desire needs. Remember:Don't use Capital Letters otherwise it would stop working.
- Display Less Social Site: In order to Display Less Social Sites just Replace “8” with less numbers i.e. 7, 6, 5 and it would show less buttons. However, it would start displaying an Arrow that would allow visitors to get access to the Hidden sites.
- Change Skins: We have added two Themes to this Social Media Bar i.e. “clear” and “dark”. To Change the current “clear” theme to dark just replace clear to Dark from the JavaScript coding.
0 comments:
Post a Comment