Hi All After long time I'm back with my new Blogger widget known as Floating Social Sharing Bar Widget. You Can See this example in one of our Post. This is cool as your visitor can directly share your post on Social Networks.
Coming to this widget I'd like to describe it as it is horizontal widget which will be shown above your post. when you scroll your post then this widget will be fixed on top of the post.
Steps to add this Social Sharing Widget to your Blog :-
1. Login to your blogger dashboard > Template > Edit HTML > Proceed.
2. Tick the "Expand Template Widget".
Now Just Follow Below Simple Steps:-
First You Need to Add JQuery Plugin !!!
As we know Some widget need this plugin to run so you must have Jquery plugin in your blog. If your blog have already latest Jquery plugin then ignore it. And jump to Second Step.
If not you have to add below code before </head> Tag.
The Social Script
The below code will help Jquery call and the script and style of social button. This will only load in post Which will decrease your Page load time.
So add the below code before </head> Tag.
Now Adding Social Sharing Widget
Now let's add this final widget code. Add the below code before <data:post.body/> Tag.
Now Save Template !!!
Save the template and check your blog post, a working and awesome Social Sharing Widget on your blog.
Hope my this Post will make your blog cool. Must give your Comments Below.
Some Problems You Can Face :-
1. If you Found tag three times :- If you got <data:post.body/> three times then search for below two lines.
Paste the Widget Code between them.
2. Want to Change the background Color of Social Sharing Widget ??
Solution- In the Second Code ( The Social Script), Find for "background:#FFFFFF;" and Change the "#FFFFFF" to your own hex Code Color.
Share And Like Us If You Like Our Post.