recent posts

15 HOW TO: Add sponsors buttons to your blog

December 5, 2010






I've had several people question how to add a sponsors button when the sponsor does not send html code, just the image.
 
Good news: it is super easy! {I always say that, don't I?  I can't help it! It's true.}
 
First, save the sponsors button to your computer desktop with an easily recognizable name - i.e. use the shop or blog name. 
 
Create a post as usual. Click the Insert Image button.



In the pop-up window, click Browse and locate the image on your desktop, click open and then insert it into your post.
 




Next you will want to right click on the Layout tab and click open in new tab (or new window if you have an older Internet Browser).
Go to that tab. Click Add a Gadget in your sidebar.
In the pop-up window, select HTML/Javascript.
In the Configure HTML/JavaScript box, type in your Title (something like "These Sponsors are Amazing") and then you will need to type this code for each image, so if you have four sponsor images, paste it four times and replace with your info:
Where do you get the Sponsor Website URL? Simply type in the address of the Etsy shop or blog that should open when the button is clicked.

Where do you get your image URL? Go back to your other tab where we inserted the images. Click on Edit HTML.
Don't get overwhelmed. You will see a bunch of gobbly-gook. You need to look for the image source(s) (if you have 2 images, there will be 2 image sources).
The easiest way to do this is to hit CTRL-F. In the Find box type in src= and click next. You want to select the info between the quotation marks after src=, now copy and paste it into the correct source spot in your Configure HTML/Layout Box. If you have another image, click next on your Find box.

You can now close out your Post tab (don't hit Publish Post, just X out the tab - you don't even need to save the post if you are confident you did this right).

Save your gadget and you are done.

What if you want to add another sponsor, but don't want a new gadget?  That is fine (and easier then having 20 sponsor gadgets!).  Just open up our sponsor gadget and paste in the html code with a space or break in between the first and second code. You can add as many buttons to the one gadget as you want!
If you have any questions, feel free to leave me a comment.

Happy Blog Clean-Up! 


Creatively Posted by Kim Conner at 7:33 AM Filed under:

15 comments:

  1. Thanks for the information! The problem I'm having is once I get the button there and someone clicks on it, it sends the to a page on my blog that says that page doesn't exist. How do I get it to go to the actual page? Thanks!

    ReplyDelete

  2. It sounds like your web URL is incorrect. I can't respond to you via email because you haven't put your email into your profile (find out how under my tutorial page). What is your blog address and I can check it out.

    ReplyDelete

  3. Bless you! I have been trying to find a tut on this for forever!!!

    Thanks so much
    Vanessa
    The Sew*er, The Caker, The CopyCat Maker
    http://sewcakemake.blogspot.com

    ReplyDelete

  4. Hey Kim, I am going bonkers trying to figure out how to get all the sponsor buttons all lined up neat, and the same size, EXACTLY like you did on yours, lol. I am so lame, I can't even google it properly, and am having one heck of a time, trying to figure it out. Please help, if you can, Im dying here. :(

    All this is beyond frustrating, but I am determined to learn.

    Thank you soooooo much!!!

    Bella :)

    ReplyDelete

  6. "What if you want to add another sponsor, but don't want a new gadget?"

    Thank you for this!!! I'm off to clean up my blog. :)

    ReplyDelete

  7. Sweet T ~ add a space between the html code and start again (that is if you want them side by side), you can also hit enter and start with the code to have them sit on top of each other.

    ReplyDelete

  8. excellent tutorial once again!

    I am now a follower. check out my blog
    http://houseonashwelllane.blogspot.com/

    ReplyDelete

  9. This was so awesome! Thank you so much. I love not having huge spaces in between my sponsor buttons now. Thank you thank you thank you!!!

    Anna
    www.askannamosele.com

    ReplyDelete

  10. I dont want a new gadget just want it in the box next to it.

    ReplyDelete

  11. add me as your friend in fb , myspace whereever you want ..........

    and by the way ur blog is nide and help me a lot

    lub ya <3

    ReplyDelete

  12. Thanks so much for this post. I now have all my sponsors set up on my blog.

    ReplyDelete

  13. I know this is an old post but thanks to Google I was able to find it! This helped me so much and I was finally able to post my own button to my blog!
    Thanks for the help!!
    Marissa
    http://justasmalltowngirl-marissa.blogspot.com/

    ReplyDelete

  14. You have helped me SO much! Thank you!

    ReplyDelete

  15. Thank you so so much your a GOD thank you your the best

    ReplyDelete

I love hearing from you!

Subscribe to: Post Comments (Atom)