How to add social Bookmarking Widgets to your blogger Blog

tweet_like_shareSome of you asked me for adding Social bookmark button in post in blog . All templates I made are modified ,very different from default template ,so if you are using a automatic service ,scan template and adding social bookmark button in template , you will get no result .
I have a small tip for you all .

First you can use Addthis service .
You can go to this page and see the list of bookmark button styles you want to add to your blog .
For example ,I will use Tweet+like+share button .


click on this style ,you will see there are 3 block of code include : The CSS ,the HTML and Javascript .
Open your template in any word editor you have , insert the CSS code before ]]></b:skin>
if there is no CSS code block , you can ignore this step .
Find this code <p><data:post.body/></p> and insert the HTML code and Javascript which Addthis provided above it ,like this :

<div class="addthis_toolbox addthis_pill_combo">
        <a class="addthis_button_tweet" tw:count="vertical"></a>
        <a class="addthis_button_facebook_like"></a>
        <a class="addthis_button_compact">Share</a>
    </div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=YOUR-ACCOUNT-ID"></script>
<p><data:post.body/></p>    

                       
Save template and upload to Blogger ,you will see Tweet+like+Share button appear at the begining of posts.
If you want it appear at the end of posts ,just insert the HTML and Javascript code right after  <p><data:post.body/></p>
There are many styles of Social bookmark buttons in Addthis gallery for you to choose .
Remember ,if you want to insert at the beginning of each post ,just add the code before <p><data:post.body/></p> ,and add the code after <p><data:post.body/></p> if you want to insert the buttons at the end of each post .
That’s all .After adding it ,Addthis will do it work

Raja CRN

Raja CRN is the Founder of CRN Interactive that offers various useful Digital Resources. He has more than 7 years of experience in content Writing and Web development specialized in WordPress. For the past 4 years, He is working on the Linux Administration. In Free Time, He dives into Android Development. He is an engineering graduate in Information Technology. He's also very social, find him at Google+

Copyright © 2009 -16 . SpicyTricks    Designed by ThemePacific