Adding social bookmark buttons to Simplex templates

Some 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 . We 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

Share this post

Advertisement

0 comments:

Post a Comment