Nov 25, 2013

How to make a Blog Button in 3 easy steps

Let me give you a simple tip that ANYBODY can do... you don't even need to know how to speak computer. You'll even learn to write in a little HTML.  Do you know what HTML means?
hypertext markup language: a set of tags and rules (conforming to SGML) for using them in developing hypertext documents
Clear as mud humm?  Well, to get on with it. I love buttons!  I think that having your blog on a button is just about the BEST thing ever!

So... if you look around, you might see that I am button happy.  I collect them.  I create them for everything, it was one of the first things I learned how to do.  Buttons complete me.  If I could get paid making buttons for people, I would do it!

In fact, if you want me to make you a button for your blog, go to my PayPal account, deposit $5 and I will make you 5 buttons...

Maybe I shouldn't tell you how...

FINE. I will, but it's just because if I don't tell you, I know you'll go to someone else.  I like you.  I wish you would follow me.  Go over and click on the "follow" button... and you'll make me happy, then I will follow you and make you happy.


Step 1: Create the button.  You can do this a number of different ways.  I personally use Corel Paintshop Pro to create graphics... I create a box (if I want to end up with a 125 x125 - standard sized button)  I include my text, my picture or clipart and what ever else I feel I need on my button.

If you don't have Photo Editing software on your computer, you can download {a simple editing software similar to Photoshop or Paintshop, with fewer options} for free, or an easier way would be to visit any web-based Photo Editor like: PicMonkey , pixlr, FotoFlexer, beFunky, or iPiccy to name a few.

Step 2: Download button to a photo hosting site... I use Photobucket for all of my imaging needs.  You can then "edit" it and resize it to the size you want, make it 125x125 or 150x150.  If you have no idea what I am talking about, post a comment and I'll answer the question.

Step 3: Post your button... If it's in a post... just click the tab "edit html" when you're ready to post it and post the html code.  Or Click Customize, then Layout, then "Add New Element", then the HTML element. When the window opens, post the code in there.

OK... This is what you copy and paste... this makes a "grab-able" button.

If you want to put a button that will grab a specific label you need to first find out the http "address" of this label.  You can do this by: opening a new tab, open your blog, click on that label and they will all show up, then copy the address at the top of your browser and paste it in the spot that says "PUT YOUR LINK HERE" keep the quotation marks around the address (this works for any address).

NOW go to your button image at photobucket and find the "direct link" html, and paste it where it says "PUT THE DIRECT LINK TO YOUR PHOTO"... it it looks like... "". Click apply or publish... or save... and you should have a functioning button!

If you still don't understand... if you post a comment, I will help you.  Honest.  If you don't understand and you don't post a comment... can't help you.  Not a mind reader.

Happy button making!

Did you like this post? I would love if you would like my facebook fan page or share by pinning or tweeting what you just read or you can follow me on pinterest or twitter! {Let me know you stopped by and leave a comment} 

No comments:

Post a Comment

Thank you for taking the time to leave a comment!
As with most blogs, we appreciate most comments, but please don't post anything mean or insulting (to the author or anyone else), thank you!!