First, thanks for all your kind words, comments and emails about my spider bite! I did go back to the doctor yesterday {I'll spare you the gory details} and I'm feeling much better today.
I get a lot of questions about the technology of blogging and blogs so I thought I would do a short tutorial on a few of those questions. Now, I'm not a tech person so if something doesn't make sense please let me know and I'll do my best to clarify!
How do you make a button for your blog for people to "grab"?
This one is done in three fairly simple steps.
{Step 1} Make a button and host the image. I use Flickr to make a button that measures 175x175. Once you have the button made, save it on your computer. Next go to Photobucket.com and save the image there. Photobucket automatically generates HTML code and a few other handy codes. :)
{Step 2} Go to this site and follow the instructions to generate the code to make your blog button. The code that is created will be copied and pasted in the next step. {When this site asks for your image link, make sure you copy and paste the "Direct Link" code from Photobucket}
{Step 3} *These instructions are for Blogger* Login like you usually do.
At the top of your blog click the "design" link.
Scroll down and choose which side on your blog you want the button to be. Click "add a gadget".
A new window will pop up and you will scroll down until you see "HTML/JavaScript" which you will click.
Remember the code from {step 2}? Copy it and paste it into the pop up window.
Add a title if you want and then click "save".
You will be back to your design page and there you can move your new button gadget around on your page it you would like. If you do, make sure to save the page again before going back to your blog.
Congrats! You now have a button for people to grab and place on their blog!
How do you grab someone's button to put on your own blog?
Copy the code from the box under that person's blog button and follow {Step 3}.
Let me know if you have any questions! Hopefully I will be back to sewing sometime this week and I'll have more to show ya'll than just words... ;)
12 comments:
Thank you so much!!!! This is very helpful to an "older" gal like me! :o)
You rock!! I have been wondering this... now all I have to figure out is how they do the flashy ones that look like a little movie reel
Jennifer,
Glad to hear you are feeling better. Thanks for the tutorial!
Ashley
Oh thanks Jen!!!! How do you make a HTML box that people can grab your code And button for their blog??? Xx oh and how do you creat a linky for people to link up their post on your page??
Jennifer, I have been needing a button and finally just put in a link. I am saving this for the next time. Thanks for sharing your expertise.
Awesome! Thanks a bunch!
This was exactly the info I needed. Remember that series idea I have? I need a button. Now all I have to do is figure out how to do the image. Photoshop, right?
Thank you! These type of tips are so helpful for the computer challenged like myself!!
thanks for posting this! i will using it, for sure!
Thank you so much for posting about this. I am trying to get my badge all up and running but my image keeps coming up HUGE. What should I do?
Brie
I've always wondered how to do that! Thanks! :)
I usually code by hand--this is so much easier. Thanks!
Post a Comment