I used to have a sidebar overloaded with a ton of buttons, badges, icons, and bows, linking to feeds, feed readers, site submission services, links, social networking services, translations, and other goodies. Want some buttons and bows, and a few icons and badges associated with blogging and online social social networking? I’ve uncovered a wide collection to help you build your own cluttered gallery of icons and buttons, including building your own from scratch.
Free Buttons, Badges and Icons
Here are some resources to download and save for pre-made and free icons, buttons, and badges. Also included are a variety of graphic icons. Different from buttons, these are icons that you can use to spice up or help categorize your posts with graphic elements.
- GT McKnight Buttons
- Cool Archive Icons
- Zwahlen Design Buttons
- Debi Dawn’s Free Icons
- Icon Bazaar
- Icon Archive
- Big List of Clip Art, Buttons, and Graphics to Everything
- Little Oslso Sticker Map
- Intersmash – Icons and Graphics
- FamFamFam Web Icons
- Disability Icons
- Web Clip Art Icons List
- Technorati Buttons, Badges, and Icons
- Icon Pot
Building Your Own Custom Buttons and Badges
There are a variety of online icon, buttons, bows, and badges you can get for your own blog. Making your own with any graphics program is not as easy as it seems, but online programs make the job simple, fast, and easy.
The rectangular buttons in the sidebar are probably the most common format. They are 80 x 15 pixels in size. The most common font used in the buttons is called “Silkscreen”, though Verdana is occasionally used.
- Brilliant Button Maker by LucaZappa.com
- Kalsey’s Button Maker – Custom Feed Icons
- Glassy Button Maker
- Online Button Maker
- Feedforall RSS Graphic Button Maker
- Flicker Badge Maker
- Cooltext Button, Title, and Logo Maker
- Blogflux Button Maker
Making Your Own Buttons, Icons, Gravatars, Avatars, and Badges
Many bloggers like to share their blog’s brand identity graphically through buttons, icons, favicons, gravatars, avatars, and badges. These are often surrounded by a link, such as the Lorelle on WordPress logo shown here:
<a href="http://lorelle.wordpress.com/" title="Lorelle on WordPress" rel="tag"><img src="http://lorelle.wordpress.com/files/2008/07/lowgrav2.gif" alt="" title="Lorelle on WordPress logo - copyrighted" width="291" height="305" /></a>
These types of badges and icons are typically featured in the footer or on the blog’s About Page, requesting visitors and fans to help promote the blog by showcasing the logo and links on their blogs.
In Adding Avatars and Gravatars to Your WordPress and WordPress.com Blog, I discuss how to create an avatar for Gravatar and add it to your WordPress blog, including specifics on image size and dimensions. Image sizes for avatars and Gravatars must be able to range from 128 pixels down to 16 pixels. Gravatars and avatars appear in blog comments, profile pages and panels, on forums, and in a variety of social networking and online communities as a visual representation of you and your blog.
Icons used for blogroll links are typically 80 x 15 pixel rectangles, though there is a growing trend for small 16 pixel square blogroll link images. Even at 80×15, the ability to get much information into the tiny size frustrates many designers today, but it can be done.
However, the 128 pixel square logo, the most common new advertising format size, allows for a lot more room in which to put information such as marketing your blog and blog content.
There is more room for text, messages, and attractive content that could be used in trade or pay to help promote your blog.
Use your imagination to come up with fun and inspiring graphics for your blog identity and brand and include these in your sidebar, header, footer, or on your about page to help others spread the graphic word about your blog.
Stop Content Theft Buttons and Badges
For those determined to remind the world that their blog content is theirs and not available for the taking or stealing, check out the variety of buttons and badges to Stop Content Theft. Spam Blogs, known as splogs, are grabbing content from your blog feeds and using it as their own on blogs, aggregators, and “search services” surrounded with advertising, comments, social bookmarking service submit links, and making your content earn money for them without your permission and in violation of most copyrights. Spread the word to protect your blog’s content, and encourage people to ask first if they want to use it.
Learning More About Icons, Buttons, Bows, and Badges
Site Search Tags: tags. buttons, badges, icons, graphics, button tutorial, make your own buttons, ads, logos, gravatar, avatar, comment icon, comment badge, picture, brand, blog brand, blog identity, blog logo, content theft, warning buttons, warning badges, social networking buttons, social networking icons, social networking, blog identification, link icons, blogroll, blogroll images, images, blog graphics, blog bling
Subscribe
Via Feedburner
Subscribe by Email
Visit
Copyright Lorelle VanFossen, the author of Blogging Tips, What Bloggers Won't Tell You About Blogging.
37 Comments
I was looking for that… niceeee 🙂
Fantastico also has a list of icon resources for web pages and desktop shortcut icons to help you find even more icon choices.
Just spent an hour trying to find out how to put buttons onto my blog – going nuts now!!!!! Please can you help or point me towards an article that explains in simple language how to get the buttons onto my blog. I’m a techie teacher – suddenly I’m well out of my comfort zone with all this stuff.
Hope you can help
Richard
To put buttons on your WordPress.com or WordPress blog, read Links Manager instructions from the WordPress Codex, the online manual for WordPress users.
It’s really easy. The whole trick is to put the link in the URL line, and then put the icon location (upload the icon to your WordPress.com blog – do not link to an icon offsite). Then go to Link Categories under your Links panel and set the options to show the icon/graphic. Done.
I’ll be writing more about setting up a sidebar like mine soon. Stay tuned. I hope this helps.
How do you put “Subscribe to” buttons in your wordpress.com blog (e.g. bloglines, google reader, del.icio.us) that really subscribe or link to your feeds like the ones you have in your sidebar? I’ve only succeeded with putting up a bloglines button that links to bloglines.com but that’s about it.
By the way, your blog has really helped me tremendously with my wordpress.com blog. As a non-techie, I benefited much from your simple easy to understand language. I’m glad I found it. 🙂
I will be explaining it more later, but as mentioned in the comment above, go to Links in the Administration Panels. Click ADD LINK and put the address (URL) in the URL form and then the link (preferably to your own copy of the graphic you uploaded through the Write Post panel) to the graphic in the Image form box and SAVE.
Then go to the Link Category panel and make sure that the category in which the link is included is set to SHOW IMAGES. Do not let it show descriptions, just the image.
Done.
I will have an article coming soon to explain all of this including the specialized links in the sidebar. And thanks for the kind words.
Hi Lorelle,
I was wondering if you had made that post on specialized links in the sidebar yet. I’ve been looking on your blog, but I haven’t noticed it myself yet. I want to put all of my social networking buttons across the top of my blog, but they don’t seem to be displaying even though I’ve added them (and the image URLs) to the Links list and they are displayed as “Visible”.
If you know how to fix this issue it would definitely be appreciated.
Thank you,
Liz
I’ve done so many articles on Widgets and the sidebar in WordPress. Here are a few off the top of my head.
WordPress Tips: Exploring the WordPress Text Widget
WordPress Widgets: The Next Generation of WordPress Plugins
WordPress.com Blog Bling: Blogroll and Sidebar Bling
WordPress.com has Widget that adds your social networks automatically. If you wish to not use that then use the Text Widget with the instructions from the article above. Don’t do it through the Links panel, just use the Text Widget and do it manually with HTML and you will get exactly what you want.
Thank you for this information. Also, I want to thank you for all the times I didn’t thank you. Great blog/website with solid writing and valid technical information. Keep up the excellent work, please.
I swear, if you were an animal you’d be the Energizer Bunny tap dancing on the Keyboards and boogy boarding on the Mouse. Yes. I am certainly more visual than…ummm, smart?
Wow. You’ve done a prodigious job here. Seriously. I had to stay a while just to marvel at your work. Keep it up!
mmm thanx..
i used Feed Burner service to get all those ‘chicklets’ as they are called
—–
Jagannath .A.
http://jagannath.wordpress.com
I’m loving the Web 2.0 style buttons at the moment, really adds a professional touch to the website 🙂
I like those buttons very much, the remind me on web 2.0 standards which should be implemented in all sites.
Nice write up! There are automated ways in wordpress to add these buttons.
i am super happy to found your blog. i am first timer in blogging and still learning on how to customize my blog. planning to go to a webhost sometimes soon. i will add this blog to my blogroll if you dont mind.
can these buttons be adapted for digg, delicious etc?
@ Hope:
Whatever your heart desires. 😀
can i use a badge??
@ Bagindo:
These are free for usage.
Oh, I was locking for something like that. Thanks very much!!!!!!!!!
Hey. I have been looking at making some badges for my own blog (funnily enough I run a cottage industry badge company for real 1 inch badges). I will definately use the Dont Steal my Content idea on my blog, as people keep stealing text and hotlinking my images, wasting precious bandwidth. You can checkout my blog at http://www.koolbadges.co.uk/blog
This is a great site! My question is how did you enter the code in the post above without the button appearing? Does that make sense? I am trying to put a button on my site that people can also put on their’s so I need to be able to show the code and every time I input it it just posts the button. Can you tell me how to do this?
Thanks!
@ Louisa:
To publish code in your blog post and comments, see Writing and Publishing Code in Your WordPress Blog Posts. That will help.
what a great resource…only, how do I get the animations to dance in my posts?
@ harmonics:
They are called animated gifs and you find them and download them from whatever source you want on the web. HOWEVER, they are HATED by most people and do not meet web standards for accessibility, so it is highly recommended that you get your kicks elsewhere and not use these on any web page where humans can see them. 😀
I found a great source for free images which We can use for re-edit and as a raw content for websites, freehdphoto dot com
hope it will help someone..
I’ve spent most of my day trying to figure this out.. and finally stumbled upon your blog. I’m a real novice when it comes to blogging, and now the words ‘buttons’, ‘badges’ make some sense. I think you have a great site, especially for beginners like me! And this is just from reading 1 article, imagine once I’ve finished going through your blog, I would be an ‘almost’ expert!
In any case, thanks sooo mucchhh, this is so helpful!
Did anybody know about SEO on Fash sites??
I assume you mean “Flash” and unless you are using the latest version that includes accessibility features, there is no SEO value with Flash. Basically, it sucks for SEO and web accessibility.
very usefull, hurrah!! finally i got the idea to add a custom subscription button to my new blog.
Thanks very much for helping
Hello. This is my first time here. I found you by searching for a way to include a social bookmarking button on my wp.com blog. I have much less hair now thanks to the frustrating “technical” language that I’ve found on the web. Thank you for providing this type of support in easily understood and grammatically correct English.
Burning questions for wp.com blogs:
1. Do you know how to add the TweetMeme retweet button?
2. How do we add the DamnSexy bookmarking buttons that are available as plugins on wp.org?
3. When I tried to alter my CSS, the note in my admin panel said I have to pay for a CSS upgrade. Is there no way to add a bookmarking service FOR FREE so my readers can share my blog content on social networking sites?
Thanks!
Btw, this is my favorite shade of blue, so I’m definitely returning. 🙂
Plugins are not allowed on WordPress.com. If you have interest in a specific Plugin, please contact them through their forums, feedback, and Ideas pages to have your desires heard. They respond based upon the most requested requests.
Bookmarking “services” and Plugins are overrated. Just add a link to whatever you want in your sidebar. People who use social bookmarking sites heavily usually use their own tools, not ones provided by the site.
If you wish to customize the CSS, you will need to pay the extra fee. Good luck with your project.
pls…tell me how to put feedburner badge in our own blog…..!!!!
As you are not on a WordPress site, you’ll have to ask customer support for your publishing platform. They may do things differently.
For the reason that the admin of this website is working, no uncertainty very soon it will be renowned, due
to its quality contents.
38 Trackbacks/Pingbacks
Lorelle on WordPress » Buttons, Bows and Badges for Your Blog
A great list of sources for buttons bows and badges.
Lorelle on WordPress » Buttons, Bows and Badges for Your Blog
…
[…] @*/ Total Discussions: Total Tags: 1 0 by 0 people 0 List of button maker resources by gregbd on 11/15/2005 […]
[…] Buttons, Bows and Badges for Your Blog Little mini icon things. [via blog-her] (tags: graphics) […]
[…] Este personaje se encargo de hacer un listado con buenos links. de los que destaco este que está completisimo.[…]
[…] Buttons, Bows and Badges for Your Blog […]
[…] Located a source to create free glassy web buttons. Other web design resources and free online button generators. more… […]
[…] Create Web Buttons Located a source to create free glassy web buttons. Other web design resources and free online button generators. […]
[…] Lorelle on WordPress » Buttons, Bows and Badges for Your Blog (tags: badges blog blogging Blogs button buttons graphics webdesign useful) […]
[…] Lorelle on WordPress » Buttons, Bows and Badges for Your Blog. […]
[…] Located a source to create free glassy web buttons. Other web design resources and free online button generators. […]
[…] Blatently stolen from Lorelle on WordPress. Now I just need to write a greasemonkey script. Digg | Del.icio.us | BlinkList | Furl Spurl | Reddit | Simpy | RawSugar […]
[…] Buttons, Bows and Badges for Your Blog […]
[…] You are free to use these however you like. Edit them, recolor them, resize, do whatever you want. If you choose to make your own buttons and badges to alert your blog reader’s to your copyright policy and the potential for content theft, you can use any graphics program or one of the online tools featured in Buttons, Bows and Badges for Your Blog. […]
[…] Buttons, Bows and Badges for Your Blog « Lorelle on WordPress (tags: badges button) […]
population of queensbury ny
Your post is on target. Keep it up.
[…] with a graphics program, or through one of the different button or badges online tools listed in Buttons, Bows and Badges for Your Blog. Save the graphic in your WordPress Theme folder on your blog. Use the graphic in your link and add […]
[…] Buttons, Bows, and Badges for Your Blog […]
[…] Lorelle on WordPress – Free button and badge makers, and tons of badges, buttons, and icons for download! […]
[…] Searching through Lorelle’s blog for information on buttons and icons. […]
[…] Buttons, Bows and Badges for Your Blog | Lorelle […]
[…] Buttons, Bows and Badges for Your Blog | Lorelle […]
[…] Buttons, Bows and Badges for Your Blog | Lorelle […]
[…] Buttons, Bows and Badges for Your Blog […]
[…] Buttons, Bows and Badges for Your Blog | Lorelle […]
[…] Buttons, Bows and Badges for Your Blog […]
[…] Buttons, Bows and Badges for Your Blog : Kind of a cop-out, but hey I have been reading a lot about creating blog badges this week. Check out my sweet one on the right sidebar! […]
[…] Posted by VANextDoor I used to have a sidebar overloaded with a ton of buttons, badges, icons, and bows, linking to feeds, feed readers, site submission services, links, social networking services, translations, and other goodies. Want some buttons and bows, and a few icons and badges associated with blogging and online social social networking? I've uncovered a wide collection to help you build your own cluttered gallery of icons and buttons, including building your … Read More […]
[…] Lorelle on WordPress » Buttons, Bows and Badges for Your Blog […]
[…] Lorelle on WordPress […]
[…] Buttons, Bows and Badges for Your Blog […]
[…] a translated version of the front page of my blog in different languages. I simply used one of the online buttons and badge makers to create these, one for each […]
[…] Buttons, Bows, and Badges for Your Blog […]
[…] Buttons, Bows, and Badges for Your Blog […]
[…] Buttons, Bows, and Badges for Your Blog […]
[…] Buttons, Bows and Badges for Your Blog […]
[…] Buttons, Bows and Badges for Your Blog […]
[…] Buttons, Bows and Badges for Your Blog […]
[…] I feel like I’m being overly romantic for a bygone past, but this shift isn’t simply about tacky blog badges or a loss of content variety on the web (though the latter is a problem). The deeper concern is the […]