Here's how to do it, broken down into 8 steps:
1. Create the picture for your button. You should add text showing the title of your blog, and if you like, the URL for your blog as well. I've also seen subtitles or quotes, or even verse references on blog buttons. Do whatever you want, but remember to have it really reflect your blog. The point with the appearance is to a) tell people your blog is out there, and b) give them an idea what your blog is about. Make sure it's not too big. You want it to be small enough to fit on people's blogs, but big enough where they can read it! :)
2. Put your picture on the internet, on a web-hosting site like Picasa. Personally, I store my picture on blogger. I can't give you advice on how to put your picture on Picasa, because I don't know how to, but I can tell you how to put it on blogger.
I. Make a new post, and title it something like this: DO NOT DELETE - blog button!!!!!!
The goal with the title is to keep yourself from deleting the post, since if that post is
deleted, then your button will disappear all over the internet.
II. Add your picture to the post.
III. Save your post, but do not publish it.
IIII. If you right click on your picture, there will be an option for copying your image's
URL. Keep this in mind, because you're going to need it in step 6.
3. Go to your blog's layout, and click "Add a Gadget". Then click on HTML/JavaScript.
4. Enter this code into the box:
2. Put your picture on the internet, on a web-hosting site like Picasa. Personally, I store my picture on blogger. I can't give you advice on how to put your picture on Picasa, because I don't know how to, but I can tell you how to put it on blogger.
I. Make a new post, and title it something like this: DO NOT DELETE - blog button!!!!!!
The goal with the title is to keep yourself from deleting the post, since if that post is
deleted, then your button will disappear all over the internet.
II. Add your picture to the post.
III. Save your post, but do not publish it.
IIII. If you right click on your picture, there will be an option for copying your image's
URL. Keep this in mind, because you're going to need it in step 6.
3. Go to your blog's layout, and click "Add a Gadget". Then click on HTML/JavaScript.
4. Enter this code into the box:
<center><a href="Your Blog URL" target="_blank" title="Your Blog Title"><img alt="Young Christian Writers" src="Your Picture URL" /></a><center>
</center>
<center><textarea id="code-source" rows="3" name="code-source"><center><a href="Your Blog URL"><img border="0" src="Your Picture URL" /></a></center></textarea></center></center>
5. Copy your blog address and enter it the spot in the code where it says Your Blog URL. Make sure you don't delete the quotation marks.
6. Go get your picture's URL. I explained how to find it in step 2. If you aren't using blogger to host your picture, then you'll have to find your picture's URL a different way.
7. Paste your picture's URL into the spaces in the code that say Your Picture URL. Again, be careful so you don't delete quotation marks or any other code stuff. All you want to do is replace the blue text with your picture's URL.
8. Finally, replace the phrase "Your Blog Title" with the title of your blog. (You can have spaces, uppercase, lowercase, or whatever is in your blog title.)
9. Save your gadget, and go to your blog to see if it worked. :) You can change the position of it on your sidebar (or wherever it is) if you want, and then don't forget to tell your readers about your new button! :)
Your finished product will look like this, except with your blog button and code:
5. Copy your blog address and enter it the spot in the code where it says Your Blog URL. Make sure you don't delete the quotation marks.
6. Go get your picture's URL. I explained how to find it in step 2. If you aren't using blogger to host your picture, then you'll have to find your picture's URL a different way.
7. Paste your picture's URL into the spaces in the code that say Your Picture URL. Again, be careful so you don't delete quotation marks or any other code stuff. All you want to do is replace the blue text with your picture's URL.
8. Finally, replace the phrase "Your Blog Title" with the title of your blog. (You can have spaces, uppercase, lowercase, or whatever is in your blog title.)
9. Save your gadget, and go to your blog to see if it worked. :) You can change the position of it on your sidebar (or wherever it is) if you want, and then don't forget to tell your readers about your new button! :)
Your finished product will look like this, except with your blog button and code:
1 comment:
Awesome! I put it up on my new blog.
Post a Comment