
When Digg.com firstly releases their Digg badges, it easily became widely implemented in blogs and websites who wish to promote their articles up to Digg’s front page. This implementation of badges slowly evolves; webmasters and bloggers began to add more badges and mini icons of different bookmarking sites like Delicious, Reddit, Design Float, Stumble Upon, Mixx, etc.
Then some blogs (including us) want to make things a little bit nicer. Instead of placing it next to the title, it’s moved down, right below the last paragraph of an article. Together with some design, we thought it’ll be catchy enough to grab visitors’ attentions.
How a ‘Share Box’ helps?
Share box urge readers and visitors to submit articles they think are good to bookmarking sites. The idea of a Share box is simple – fundamentally consists of a simple background and couple of bookmarking sites links (article permalinks embedded). Let’s first take a look at 12 nice designed Share boxes we’ve stumbled upon.
12 Nice Share boxes Design
- Styl.eti.me
- Tutorial9
- DailyApp
- Kreativuse
- Noupe
- WellMedicated
- Photoshop Star
- PSDFan
- PSDTUTS
- CatsWhoCodes
- Vandelay Design
How to do it
Folks at BlogPerfume wrote a simple and nice article on how you can design a simple and nice Share box box (they call it the Bookmark box) from scratch in Photoshop.

Tools to get you started
- Digg badges – Get the official Digg badges to put on your website or weblog.

- Stumble Upon buttons – Choose your fav SU buttons and create your very own scripts for your site.

- DesignFloat tools – Make submitting content to DesignFloat easy.
- Reddit buttons – Place these real time vote counting buttons on your site.
- Dzone buttons – Vote on DZone links from your site.
- Delicious tools – Bookmarking buttons and add-ons for your browser or website
Related Contents |
Sponsors |
|
Posted by hongkiat in Blogosphere , at 09.24.08 |
|

































Comments
CREATESOMFING September 24th, 2008
Oh, thanks for this great post! Whats the name of the font in your “Promote Box”?
:)
ReplyTommy M September 24th, 2008
Great post! The tutorial is pretty good, but the icons are a must.
Cheers!
ReplyAndrew September 25th, 2008
Awesome post! Thanks for including WellMedicated! As I see it, you should always provide the person who reads your entire article some options to share that article with others.
ReplyAnggaRifandi September 25th, 2008
after read this article I think my blog must have spread box. thanks
Replyjbj September 25th, 2008
Thanks for this great list, and for including Cats Who Code =^o^=
ReplyJustin (www.DotNetMushroom.com) September 25th, 2008
Great to see everything in one place :-) . As a person who is much into marketing and SEO, this is really useful. Thanks a lot Mr.Hongkiat !
DotNetMushroom
Replysyuxx September 25th, 2008
i also have made mine too. checkitout here:
http://thumlog.com/
Replytivitune September 25th, 2008
I always use digg. Othes, i’m not really use it yet.
Replystyletime September 25th, 2008
Thanks for the feature here is a link to the update sociable plugin defaulted to design related share links and some new additions like vot.eti.me http://blogthememachine.com/sociable-wp-plugin-update-with-votetime-included/
ReplyKeane September 25th, 2008
I do have the “share this” icons on my site. It really helps in promoting my site.
ReplyDainis Graveris September 27th, 2008
Very nice roundup – I was interested in creating my own share box too, but didn’t really knew how. Thanks !
ReplySujhon September 28th, 2008
I am also trying to make something like for my site.. thanks!
ReplyTrackbacks