Tuesday 31 July 2012

Modify AddThis Button to show more buttons

Addthis is really cool social media sharing button. With a total of 322 social media sites embedded into it, making sharing and promoting your blog easier than before. 

If you have not installed in on your blog, check out my previous post:

Installing AddThis social button on Blogger

The current AddThis default setting only shows up to 4 button. 
Let's change it to this :   








1. Click on the  +  Button and click on Settings

















3. Select 10 social media button that you want to be shown.  Arrange it as you like.
    Click on Save after you are done.


































4. Log in to your Blogger account. Go to Layout. Look under your Blog Posts. It should be the 
    HTML/JavaScript. Click on Edit.






















5.  Take a look at the codes.


















6. Scroll down until you see this part: 

 addthis:url='"+encodeURI(url)+"'   > 
<a class='addthis_button_preferred_1'></a> 
<a class='addthis_button_preferred_2'></a> 
<a class='addthis_button_preferred_3'></a>
<a class='addthis_button_preferred_4'></a> 
</a><a class='addthis_button_compact'></a> 


7. Modify it to become like this:

addthis:url='"+encodeURI(url)+"'   > 
<a class='addthis_button_preferred_1'></a>
<a class='addthis_button_preferred_2'></a>
<a class='addthis_button_preferred_3'></a>
<a class='addthis_button_preferred_4'></a>
<a class='addthis_button_preferred_5'></a>
<a class='addthis_button_preferred_6'></a>
<a class='addthis_button_preferred_7'></a>
<a class='addthis_button_preferred_8'></a>
<a class='addthis_button_preferred_9'></a>
<a class='addthis_button_preferred_10'></a>
<a class='addthis_button_compact'></a> <a 


8. Do remember to save a copy of the original code before modifying it. 
     Click on Save to complete your modification



Check out your newly improved AddThis social button !






By Khairul Nizam

No comments:

Post a Comment