How to customise AddThis Sharing iconsAdd to My Brief

Edwin Antonian | 28/07/2011

As websites rely more and more on social networks to promote their presence, it's nice to be able to customise the default icons you usually get with “Add this” and “Share this”.
 
Good examples of social icons
 
1. 
 
 
2. 
 
 
3. 
 
 
4. 
 
 
How to customise Addthis.com sharing tools
 
The original code from Addthis.com will use default icons from its library. But you can change this and customise using your own images. Heres how:
 
1. Remove "addthis_default_style" from the main
class.
2. Wrap the within an ul li
3. Add Class to each li "class="twitter" etc…
4. Style using CSS (See CSS code) Best to use a sprite image like this
 

 

Original HTML Code

 

 

CSS Code

  

 

tags: Online TrendsSocial Media Marketing

Interested in learning more?

Wiliam is a leading supplier of web solutions and can provide expert advice to assist your business or organisation online.

Make enquiry   Request quotation

Comments

Share this page

Print this page Email this page to a friend Bookmark and Share

No Brief added yet.

My Brief results-driven approach emphasises a commitment to our clients needs through strategic analysis and best-practice.

Add to My Brief

Click on this icon to save item into My Brief. Retrieve, email and print

Drag & Drop

Drag & drop any iten with this icon into My Brief. Retrieve, email and print

Search Blogs