How to add Share button bellow every post pages at Blogger

Website marketing is one of the best SEO techniques now. Suppose you have a website at Blogger. Blogger is the best free site for new bloggers. Suppose you have applied all possible method for SEO except Social media marketing. Oh, no! you are a one legged man without it. Today we know that how much important they are! Social media is a center of gathering of different people of different taste and mind. You can use these sites to make publicity for your website or products. Suppose you have written a post on 'How to reduce obesity ' and you have recommended your affiliate product into the post. Now you need to make SEO on your products or Post to draw much visitors for your sites. You have applied all possible method for SEO and but you didn't use social media marketing. You can make sharing your posts. But for this, you need to place share button into your post pages. Because it is very difficult to share your post or products manually one by one. Again it is also difficult to place Share button into every

post pages. It will not only kills your valuable times but it will make slow the pace of blogging! In the post I will tell the method of getting share button for your website and how to set or place it every post pages automatically.

What is the best share button for your website?

In online you will find many Share button or you can use many ready made share button for your site. Or you can make share button if you have some HTML and CSS knowledge. Today I will tell how you will get Share button using http://www.shareholic.com . And after getting Share button, how you will use this share button for your site. So let's Start the process. Go to the above site and Home page will be appeared before you!

Click on 'Add Shareholic for you website'. After this please click on Sign Up Free upper right side of the page. You will see the following window. Here you will have to put your active email and password so that you can verify your Log in details with it. Now click on Creat Your Account.

 

Now open to you email with mail password. You can see a link from shareholic. Now click on the link to verify. Wait for a few second, you will be re-directed to Shareholic page. Done ! you have successfully made an account in Shareholic that is verified. Now go to you control panel to set you personal profile. At upper right click on your email number and from the drop down menu select My Profile. Giving your self image and other information there click on Save Profile. Now again put your mouse cursor on your Email or user name. Select Website Dashboard . You will be take to a new page. Here click on Add Website . You can see the following window. Now give your website details, Select Blogger as your platform, select a content category that matched with website and after alll select language as I have select.

Now click on Continue button. Now click on Get Setup Code from the next page. Now go to your Blogger Dashboard with your Gmail and Password. Go to Template option from there. Now backup the whole template in your computer so that you can restore if any irregularities happen.Now Click on Edit HTML button to enter into Template code box. Keep mouse into the code box and press Ctrl+F and write </head> and hit enter button </head> tag will be highlighted into the code box. Now copy the code that you got form the shareholic page after clicking on  Get set up code. Past this code just before  the </head> tag. Click on Save Template. Go back to Sahre holic page. Close the code box and click on Verify Site now. See the image bellow.

If all steps are correct that you have done! You website is now verified. Now Click on 'For Your Website' at the upper left. You will see three options here. Select the following. Clicking on Get Started.

Now you are one step away to get Sahreholic Share button code. Now just write the name of your share button into the box that marked '1'  Select Theme and it's position, Heading, Layout, size etc form the box that marked '2'

If you want to add more button into share items. Now just Double click on the icon here. Last of all Click on Save Settings. Now from the Location Click on the following icon to get Share button code.

You will get the share button code for Shareaholic. Now go back to your Blogger template box.

Press Ctrl+F to find out code from the search box.Write data:post.body Please make an experiment if you find this code one more time. See, I have this same code three times. And have used 3rd one. You can find out this code  <div class='post-footer'> (paste it into the search box and hit Enter key of your key board continuously) Experiment the following codes pasting just bellow any of the two  above code if you find the code two or more times. Don't forget to parse this code into xml. To parse go to HTML parser and parse the following code. Then use it.

If you want show your share button only on Post page impliment the above code in the following format

 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
Paste your above parsed code here
</b:if>

Please make commens if you find this post helpful. Take care