Sunday, December 30, 2012

Tutorial - Add my button to your blog post

While typing a new blog post you can add fancy items like buttons!

Like this one

A Lovely Year of Finishes

But ... HOW?

Other platforms is not included in this post. If you are working through WordPress Melissa over at Sew BitterSweet Designs has a tut for you.

#1. Find post with a "grab my button" box under it.  . . .

like this one

A Lovely Year of Finishes
<a href="http://fiberofallsorts.blogspot.com/p/lovely-year-of-finishes.html" title="A Lovely Year of Finishes"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfvBE7uofUE15qEda8ii_lCUv9l9ajbjKBxw5xuQHlMIkMtwM_aDuyXvP350NArINiIsI944NN1d1nnvh4WUKQcPN01tr519Pg9cNPbImu-G1P-vihiQu88UZr7jpHTG7HCO5NHNnKSAj4/s400/2013btn600.gif" width="180" height="180" alt="A Lovely Year of Finishes" style="border:none;" /></a>


Now you have to highlight ALL the text in the box.  Sometimes it's difficult but just copy all of it. I usually use the keyboard shortcuts Ctrl-C. 




#2. Now for the fancy part.

Go to your created blog post and hit the HTML button 


Yep, that one.

You'll be transported into goobly goop world.  Just a precaution, don't delete things while you are in HTML world, it's programming and you can super mess things up if you aren't careful. 

I like to generally find where I'm typing in the post, just so I don't have to move it later, and paste the text from the previous step. I usually use the keyboard shortcuts Ctrl-V.

Then to save your sanity go back to the normal world by hitting the compose button. 

Voila - button {that is if you got the whole text from grab my button box} should be in your post.  Now you can move the button where you wish.

You see that "grab my button" code not only has a pointer to the image but also has a link to a web page that once it's clicked . . it will whisk you to the page associated with it.

There you have it!

Melissa and I will had a tutorial for adding our button to your blog sidebar yesterday, make sure to check that out if you missed it.  

For much more uber cool information about blogger go see Jenelle over at Echinops and Aster.  She's my technical hero with this whole series of awesome information, I still refer to this series monthly!




4 comments:

  1. Thank you so much for writing this tutorial!!! I even got your Lovely Year of Finishes button on my blog!!! And it is HOT HOT HOT!!!

    ReplyDelete
    Replies
    1. Yippee! This tutorial was because of your question. I'm so glad it worked for you!

      Delete
  2. For a year I have wondered how to add a linky button in the midst of a blog post. It's so easy! Thanks.

    ReplyDelete
  3. thanks for your share .
    keep it up :))

    ReplyDelete

I {love} comments. . .
Don't worry if you're comment doesn't show up - I approve all comments before they are published {it forces me to read them}