The word button has been passed, grabbed and swapped around lately at WFBC. Our Facebook Group for WordPress fashion and beauty bloggers.
In my pre-blogging days, I wouldn’t have had a clue if someone asked me, “Imma grab your button”. You wot??? That would be my reply. Any who, now that blogging has educated me a little, I realized that blog buttons are actually cool! And it gets even cooler when you get yours grabbed! It’s grab-a-button frenzy out there.
So what’s the big
If businesswo/men have their business cards to hand out, us bloggers have our blog buttons to pass around, too. Well, unless you’re Jules at GoJulesGo (an amazing blog mentor), who now has her very own business card to hand around. I love the pic and those ‘stache. I even told her that ‘it’s somewhat hypnotic, Jules.’
And this isn’t just a mere advertising tool for your blog – it also nurtures:
- the ‘give and take relationship’. (between the swappers)
- the I-want-to-get-to-know-you-more, because we’re swap buddies.
- the nice feeling when ‘oh yeah, now I can see my button on yours, thank you.(blog).
Don’t you agree?
So when to make one? And the HOW…
You can make it as soon as possible, or later. The choice is yours. You can make a wholelotta buttons too, or stick with one, like a ‘trade mark’ button. Some, if not many, would probably like the button to go well with their banner. But the question now is, do we really stick to just one banner in our blogging lifetime? Well, as long as you don’t mind that your banner now looks different but your button still looks like the old banner, then you’re good to go.
Things you might want to know and remember:
- Size matters. So make sure to keep your button as sidebar-friendly as much as possible.
- The rule of thumb is 125×125 pixels – standard size. Although I go for 150×150 pixels to give myself a little more space.
- Upon inspection, most sidebars are only 200 pixels wide, if not smaller.
Please consider these things when making one. Why am I saying this? Because I’m guilty 😦 (hangs head in shame). The first ever blog button I made, I got carried away and made it nice & BIG. Not good. (WFBC guys, I know how to fix it, so let me know if you’re having issues, please.)
So as far as button-making goes, in my opinion, it should carry the essence of your blog. And should give out that feeling to others of ‘I want to click this button because I wanna know who’s behind it’.
Make the colors, font styles, backgrounds or images work together.
If you’ve not used Pixlr Express yet from that little tutorial I did few weeks ago, then let me help break you in to this wonderful editing site. It’s FREE and easy to use. The more you use it, the EASIER it gets. Others have tried it already. You’d be surprised.
So this would only be a short tutorial with a few screenshots. For more details on how to use this site, please take a moment to read the previous tutorial, otherwise let’s enjoy the button-making ride.
P.S. Prepare the images or clip-arts you might want to include, plus lots of patience and determination – it’ll come handy. ;-D
NOTE: You have a few options of how to import your image or clip-art to Pixlr Express. If the image is already saved, you can click Browse. Or if you’ve seen an image on a website, you can just copy and paste the image url on the URL tab, without saving it first, whichever suits you best.
If you go via Collage and import your image later – this is fine, too. The screenshots below would show you the resizing of the blank canvas. To Resize and/or Auto Fix (which helps brighten up the canvas), just go to Adjustment and you’ll see these features.
Bringing it to life, with Font styles and Color.
And once you’re happy with it – click Apply to save any actions you’ve made, and then Save. And you’re DONE!
Just some of the sample buttons I made for this tutorial.
All images used taken from Google Images.
And for those that I’ve seen having issues withe html code – here’s a simple code you might want to use when posting a Let’s Swap Button post.
<a href=”YOUR URL SITE ADDRESS/” target=”_blank”><img src=”YOUR IMAGE URL HERE“></a></div>
When another blogger will copy and paste this on to the Text widget – the button will show up centered.
If you would rather not have the button centered on your sidebar, just omit the following from the above code.
It’s that simple.
And for those wanting a grab box for their sidebar – simply go to http://www.mycoolrealm.com/sandbox/gbgen/ generate it from there. Some of the WFBC bloggers are already using this site.
Be creative and make few samples before settling for one. There’s no deadline for making one. Make that button ‘your own’. After all, the more the button ‘stands out’, the more it’s going to get passed and clicked around.
One press of your button could mean a new follower for you.
Have you grabbed my button yet? If not, check here.
- My DIY 101: Step-by-step to customize your blog header with Pixlr Express. (sweetjellybean.com)
- Get your DIY blog banners and wave…to this awesome bloggers! (sweetjellybean.com)
- Extra! Extra! Get your WFBC blog button here! (sweetjellybean.wordpress.com)
- Calling all DIY bloggers… this post is for you. (sweetjellybean.com)