Most Pirated Movies Of All Time
About The Infographics
It is a true fact as soon as the movies become blockbuster hits,thei...
Horizontal Sticky Floating Social Sharing Widget For Blogger
About The Widget
This is a less popular but elegant and very effective social sharing widget.This widget was copied on a lot of sites so I didn't knew by whom was it really introduced but I got the idea of reproducing this widget from makingdifferent.This widget is really useful if you are focussing on social shares of each post on your blog.
Steps To Add It:-
- Go to Template Tab Of Your Blog's html
- Click on Edit Html button
- Search for </head> tag
- And add the following code above it:-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>
Note:- If you have already added this code in the <head> tag of your html than you must avoid this step.
- Now search for the following code:-
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
- And if you can't find the above code than search for 'post-body entry-content'.It would be in div tag like it can be in this form:-<div class='post-body entry-content'>
- Now add the following code above it:-
<b:if cond='data:blog.pageType == "item"'><div id='md-active-share-comment-marker'></div></b:if>
- Now search for </body> tag in your blog's html and add the following code above it:-
<b:if cond='data:blog.pageType == "item"'> <script src='https://ac7fa9ebb6a48ce8479dfa8d93f7c6cec6c6b8ed.googledrive.com/host/0B52nnG4Ig6Fzb2MtT0xPYm5wTVU' type='text/javascript'/> <div id='md-share-window' style='width: 100%; display: block; position: fixed; top: -450px; left: 0px; background-color: rgba(235, 88, 60, 0.8); z-index: 100; padding: 0 0 10px 0;'> <div style='width: 100%; margin: 20px auto;'> <span id='twitter' style='float:left; margin: 0 5px; padding: 3px 0 0 0;'> <a class='twitter-share-button' data-count='vertical' href='http://twitter.com/share'>Tweet</a> <script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></span> <span id='md-plusone' style='float:left; padding-top: 4px; margin: 0 5px;'> <script src='https://apis.google.com/js/plusone.js' type='text/javascript'/> <g:plusone size='tall'/></span> <span id='md-fblike' style='float: left; margin: 0 5px; padding: 4px 0 0; width: 50px; overflow: hidden;'> <div id='fb-root'/> <script src='http://connect.facebook.net/en_US/all.js#appId=155934781145405&xfbml=1'/> <fb:like font='' href='' layout='box_count' send='false' show_faces='false' width='50'> </fb:like> </span> <div style='display:block; margin: 0 5px; padding: 5px 0px 0px; color: #FFFFFF'> Don't you think that this great article should be shared.<br/></div></div></div> </b:if>
What Do I Say About The Widget
I am using this widget on my blog also and it increased the social shares of my blog by 31%,I was also surprised to see this but now I like this widget so much that I won't remove it even when I would change my blog's template.I would recommend you to try this widget out,it's seo friendly and it don't affect blog's loading time.
Subscribe to:
Post Comments
(
Atom
)
Popular Posts On TechnoPcArea
-
About The List Of Movies I have watched a lot of mov... vies in 2014 and written reviews of a lot of movies .On watching all I decided to.. Read more -
... About The Buttons I got these two amazing read more buttons on two very popular websites.I liked these bu.. Read more -
About The Software What will you do when you delet... te an iPhone contact by accident? The first method that comes up to our mind may .. Read more -
Why To Write High Quality Content ? There are more t... than 250 million websites on the web but have you ever read on more than 5 websit.. Read more -
About The Infographics Since content marketing is ... growing very rapidly,blogerer's are also emerging.If you want to be better t.. Read more
Comments With Link Not Related To Post Are Deleted