Blogging Becomes more interesting if readers share your contents and posts on different social sharing website. Social media website play a vital role in blogging careers. It boost the blog post rank well in search engine without using any social services we wont get a good traffics from social networks sites. A good website or blog will be considered only if it get massive traffics from social medias & search engine. You might have seen alot of Pro Bloggers which they have still focuses on sharing their posts on social media websites. In short we will just only say that being an ethics blogger we should always publish our post on different social media site through social sharing buttons widget. So in today post we will learn how to add social sharing buttons widget below post title in blogger blog.
Social Sharing Buttons Widget Helps To Boost your Blog Traffics
We totally agree with the above title what does it say. Social sharing buttons widget really a magical way which can boost blog traffics. It make a multiple way to get massive traffics from search engine as well as from social media network. As in the above para we have been discussed that even pro bloggers they also published theirs post on every social media networks. Because they do not want to have traffics only from search engine.
- Recommended: Scrolling Social Sharing Widget for Blogger
- Recommended: About Author Sliding Gadget for Blogger
How This Gadget Is Being Prepared ?
Actually this gadget is consist of several social sharing buttons. It consis of facebook, google plus, twiter and stumbleUpon. This gadget is prepared very neatly there is no bugs inside the code. We are analyzing the gadget or widget before sharing it with our loyal readers.
- Recommended: Google Plus PopUp Like Box Widget for Blogger
Feature Of Using Social Sharing Buttons Below Every Post in Blogger
There are numberless advantage by using this gadget blogger blog. following are being discussed here. Please take a look onto the list mentioned below.- Share the post with single click:
- Time saver and easy way to share the post:
- Consist of facebook, google plus, twiter, stumbleupon:
- Sticky layout designing & beautiful views:
- Attracting visitors & giving likes up:
- Light gadget never increase page loading time:
How to Add social Sharing Buttons Widget Below Post Title in Blogger
This very simple process just follow our steps mentioned given below: We will add to parts of the gadget inside blogger template. So be careful while making any changes.- Step 1:
- Go to blogger Dashboard:
- Go to template editor & find </head> tag:
- Page the below given code before </head> tag:
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'/>
- Step 2:
- Again go to template editor:
- Find these code inside the template:
- Past the below code after <data:post.body/> or in some blogger template it look like this <p><data:post.body/></p>
- If you are confused just see the screenshots given below:
-
- After click on var'post' code then scroll slowly you will find of on these code <data:post.body/> or <p><data:post.body/></p> and just past the below code
- Recommended: Customize Google Plus Gadget For Blogger
<b:if cond='data:blog.pageType == "item"'>
<div style='padding:4px;'>
<table border='0'>
<tbody><tr>
<td>
<div style='margin-right:10px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='ProBlogerTricks' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
</td>
<td>
<div style='margin-right:10px;'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=100& action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; margin-left:0px; width:100px; height:20px;'/>
</div>
</td>
<td>
<div style='margin-right:10px;'>
<g:plusone expr:href='data:post.url' size='medium'/>
</div>
</td>
<td><div style='margin-right:10px;'>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
</td>
<td>
<div style='margin-right:10px;'>
<script expr:src='"http://www.stumbleupon.com/hostedbadge.php?s=1&r=" + data:post.url'/>
</div>
</td>
</tr>
</tbody></table></div>
</b:if>
Make These Changes
- Replace the yellow color name with your own twiter name:
- You also increase border width by giving value to table border in above code:
- You almost done:
Final Words
Friends we have hard effort to bring this nice tutorial about how to add social sharing buttons widget below every post in blogger blog. We have discussed here with detail. Hope you guys will not facing any problem. If you are getting any issue then feel free to ask in the comments area. Thanks & Happy Blogging!
Great work bro! You're doing awesome job!
ReplyDeleteOne thing I want to know that how PBT has got a large number of email subscribers? That's really amazing bro. I hope you'll share your ideas about it in upcoming post. Thanks
This trick one day i will share with you. But as for now i will just only say that you can purchase readers also. lets how ?. for example you give your blog url to MBT or any other popular blog to place my links for 1 months or two month with advance payments. So when they replace theirs own subscription links and placing our links there for some period of time which have estimated with payments. Now after completing the duration they will resend your link and now you have thousands of readers that you got from thats blog. Now whenever you publish your post this time your own blog message will go to all of your readers. I hope you you understand. wish you all the best.
Delete@ Hafeez Khan
ReplyDeleteIt's a very unique trick bro but do you think those subscribers will be beneficial for us? When they get updates in their email, there are major chances that they unsubscribe us. What you think??
We will just say that it becomes beneficial & this is in your hands it depends upon you if you work hard as much as more the second blog doing which you have placed your url. Then i think you will never refuses. They will like your posts, visiting also & have good readership & in this way now you have massive traffics by doing this mini tricks. Hope you got it.
DeleteNice Post HAfeez Bro.
ReplyDeleteAs in upper reply, But if we purchase readers then will it good for us or it will harm us. As i have heard that google soesn't like websites that are purchasing traffic and readers. Share your own views on it.
Sameer we are not talking about that purchasing readers which you mean thats. this is a simple tricks by which we can have thousands of readers in short duration of time. You will be understand just read the above to answer attentively given to Yaqoob & Ankit.
DeleteNice bro Hafeez bro
ReplyDeletebut this is not working on my blog i follow your instructions but nothing happen
i don't see sharing buttons every post in my blog ?
We have checked it on several template it 100% working just try once again. or backup your template and send it on hafeez.khan8000@gmail.com we will customize it for you. thanks.
DeleteNice Post Bro Thanks This Widget Will Rely Help To Increase Your Followers
ReplyDeleteThanks buddy for your appreciation. You are right it will boost your social media friends and readers. thanks for being in touch with us.
DeleteVery Nice post! I have visited your Blog first time and glad I like it! :) Looks like there are lots of bloggers now a days sharing some useful information. Thank You so much.
ReplyDeleteThank you so much Saqib for landed here for the first. I hope you will become a loyal reader of PBT in feature. thanks bro feel its your home and feel free to ask. Bundle of thanks. See you soon here.
DeleteHafiz Bhai it's very truly unique trick. But I want that this widget show below the title of the post. And any body scroll down to this post then the widget has become as fixed and want to show this end point of that post. How is it possible ...
ReplyDeleteway to blogging
Dont Mind Bro i did,not catch your words completely what do you exactly want to say.
DeleteBut as for know i will tell you if you want to show this gadget below post title then you can easily put it. but you will have to decrease it width and length. Thats is only. want to show below post title then in my template it will be done like this way.
'post-body entry-content'
after it past the gadget code. hope you will see the gadget in below post title.
@Hafeez Khan
ReplyDeleteif there is a another way except HTML Trics?
such as Gadget code.or any other simple method...
What html tricks can you tell me clearly what are you talking about.
Deleteoooo i understand nothing to say. nice tricks.
ReplyDeletemy site
http://smarsia.blogspot.com/
Very Good Article Thanks @Hafeez
ReplyDeletehello..i really like your Share This Article with your Friends widget below each post..can you please share how to implement this on my blog http://www.webcodeexpert.com
ReplyDeleteFollow the above instructions
DeleteIn My Template This Code Is Three Times Where To Place Above Code this is my blog reply fast http://www.latestgames2.blogspot.com/
ReplyDeleteThanks it works after a hard work of 1 hour. Thanks again :)
ReplyDeleteBut I couldn't remove the default shearing button. :(
My Blog
Nice work bro! your'e doing great job
ReplyDeleteBro,by default blogger is providing social share widget na?
ReplyDeletewww.appinstall.blogspot.com
Nice post...!! it is working.....!!!
ReplyDeleteComputer Tricks
Nice Post Bro!
ReplyDeleteI have one question, for my blog that i had seen a widget that popup/appears at the right bottom of page when we scroll/reach at the bottom of the post! That widget may be for email subscription, facebook like etc. something like one wikihow uses at the end of the post.
Do you have code of that widget?
Nice post.
ReplyDeleteWhere is the demo?
Thanks
How can i get social sharing buttons above the blogger posts but below the post title.
ReplyDeleteNice work brother. thanks.......
ReplyDeleteNice Work man. I am Using this on My Blog SalmanKhanbeing.
ReplyDeleteThanks for Sharing this.
Thanks But this is Like old Please Share something new
ReplyDeleteI follow your instruction but it doesn't work my template is different so how can I do it?
ReplyDelete