I finally, FINALLY figured out how to create a code to add nifty button thingies to my blog AND I figured out how to create the code to add a "Grab My Butt(on)" Image and the little box with the code beneath it.
I mentioned a week or so ago that my dear friend Just Jennifer created a button for my blog (because she knows what an inept idiot I am). You're gonna wanna go ahead and grab it if you haven't done so. It will change your life. Maybe. Probably not.
Without going into the twisted hows and whys thought process that takes place in my demented mind, I added a Follow Me on Twitter and Follow Me on Pinterest button thingy. Look! They're right there at the top right of my blog.
Ooh ahh! Yes, I sure did draw those all by myself.
In related news, I abandoned my dream of becoming a writer and am pursuing an
In the process of adding those, I figured out how to create a Grab My Butt(on) thingy too (even though Jen already made me one, it irritated the crap out of me that I didn't know how to do this).
I know that the majority of you know how to add all these nifty bojiggity (huh?) things to your blog, but as I was venting my frustrations to twitter I learned I was not the only one who was still having fits over these things and so...I'm going to share all my secrets in case there are others of you lurking about in frustration and confusion.
Wow. Your excitement is palpable.
Today, I'll tell you how to add a button/badge thingy with the code to your blog and my next post will tell you how to add twitter, pinterest, facebook, etc. badges.
Please note: these are instructions for BLOGGER bloggers. I'm not sure how well this translates to Wordpress. I'm also going to explain things in excruciating detail because I HATE when I'm trying to learn how to do something and the instructor assumes I know how to do even basic steps (when explaining things to me, it is best to assume I am a colossal idiot; however you cannot make me feel like an idiot cuz then I will hate you. just kidding. not really.).
Here we go.
Step One: Upload your image to Photobucket
If you don't have Photobucket account, create one. It takes seconds. Next, upload the image you want to use as your button.
Step Two: Go to your Album and Select your image to edit it.
The only editing I have ever done here is change the size. If you don't need to do any editing to your photo you can skip this step.
If you hover over your image, the little menu will appear below. Click the "edit" button.
Step Three: Grab your code
Once you've saved your image, go back to your album. Make sure you are working with the new image and not the original.
There are two ways you can grab your code. You can hover over the image and select it from the menu below.
Or you can click on the image and select the code at the bottom left of the screen.
This is where my advice differs from every other explanation I have ever seen, which say to copy the Direct Link code. THIS HAS NEVER WORKED FOR ME (thus the hair-pulling and knife-throwing that has been my life for the last eight months).
You want to copy the HTML code and paste it into Word (I paste everything into Word, make the changes and then copy and paste into blogger).
For example, your code will look like this:
Step Four: Grab the code for the little box below your image
This is the code:
Where it says YOUR CODE HERE, insert your code from step two.
It will look like this
Step Five: Add codes to blog
You now have two codes: the one from step three and the one from step four. You're going to copy both of them into blogger.
Go to the DESIGN tab, ADD A GADGET, select the HTML/JAVA SCRIPT gadget and copy and paste both codes, one right after the other, with the code from Step Two first.
It will look like this:
Save and you are done!
One thing to note: the part of the code that says cols="40" rows"4" is the size of the box under your image. Change the numbers (40 and 4) to change the size of the box. Cols is the length of the box and rows is the height.
I seriously hope this helped. If you have any questions, hit me up on twitter @sarcasmgoddess
Happy button making!
Don't forget to take my poll on the sidebar: How many blogs do you comment on daily?
Quote of the Day
The time to begin writing an article is when you have finished it to your satisfaction. By that time you begin to clearly and logically perceive what it is you really want to say.
Word of the Day
rutilant: glowing or glittering with ruddy or golden light.