expr:class='"loading" + data:blog.mobileClass'>

SUBSCRIBE HERE

Subscribe To Get FREE Blogging Tutorials, Seo Tips, Genuine Earning Methods and Much More...!

Get Noticed!

January 30, 2015

SEO Tips: Add Social Media Share Widget For Blogger


Social media share widget

In this post, I will show you how to add beautiful Social media sharing buttons to blogger posts.

1. First of all, go to www.sharethis.com. You have to sign up here

for getting social media sharing widget.

2. After signing up, login to your account. 

ShareThis Account Dashboard

3. Click on "Get Sharing" option from the top menu bar .

ShareThis Account. Choose Plateform

4. Choose your blogging platform and then select "Next".

ShareThis. Select Style
 
 5. Now select the style of the sharing buttons and proceed to next step.

ShareThis. Get the code

6. On this page,you have a choice to customize the sharing buttons. Also, you have a choice to add sharing buttons of different social media networks. After selecting the buttons, Click on "Get the Code".

7. On next page, Copy the HTML code and save it in your PC in the form of text or word file.

8. Go to blogger dashboard. Click on the arrow pointing downwards on the right upper corner of the page and select Template.

9. Click on Edit HTML. 

10. Now search for <head> and paste the following code above the <head> 


<script type='text/javascript'>var switchTo5x=true;</script>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script src='http://s.sharethis.com/loader.js' type='text/javascript'/>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'/> 


11. Click on Save Template

12. Now go to the blogger dashboard. Click on the arrow pointing downwards on the right upper corner of the page and then select "Layout".

13. On the Layout page, you will see different options of "Add a gadget". On the left side, you will see "Blog Posts". You have to place Social media sharing gadget below the Blog Posts so click on "Add a Gadget" option located below the Blog posts.

14. A page appears on which different gadgets are listed. Search for HTML/JavaScript.

Add HTML/JavaScript to blogger
  
11. Click on HTML/JavaScript and paste the HTML code of the Widget which you have saved in your PC. Click on "Save" and close the page. Now open your blog and you will see the widget below every post.Through this widget, visitors can share your posts on social media and hence increases blog traffic which in turn increases SEO of your blog.

How to Change the Number of Posts Displayed On Homepage in Blogger - See more at: http://genuineonlineearnings.blogspot.com/#sthash.ntN63PKK.dpuf

6 comments:

  1. This is extremely helpful info!! Very good work.Very useful information is providing by ur blog.Very clear and helpful for beginners. digital marketing agency in mississippi

    ReplyDelete
  2. Thanks for sharing your ideas. It is really informative.

    seo victoria bc

    ReplyDelete
  3. I'm pleased I discovered it though, ill be checking back soon to find out what additional posts you include.
    سئو سایت

    ReplyDelete
  4. I just want to let you know that I just check out your site and I find it very interesting and informative. I can't wait to read lots of your posts.
    سئو سایت

    ReplyDelete
  5. I just want to let you know that I just check out your site and I find it very interesting and informative.
    طراحی سایت

    ReplyDelete
  6. I admire what you have done here. I like the part where you say you are doing this to give back but I would assume by all the comments that this is working for you as well.
    SEO PROMOTION

    ReplyDelete

If you like this post, then share it on:

CSS Drop Down Menu
Blogger Widgets

Recent Comments

Recent Comments Widget

About The Auther

Muhammad Junaid Khalid is a proud Muslim and a Pakistani, Chemical Engineer and a totally self made blogger, learn blogging of his own, that's why know all the hurdles which the beginner bloggers mostly face and ...Read More