How to create a button - Part 3

So by now if you followed Part 1 and Part 2 you should now have a photo with a URL. So today is Part 3, and the last part of this tutorial.

So you start by copying this code:

<center><a href="PUT YOUR BLOG URL HERE"><img src="PUT YOUR BUTTON URL HERE" /></a><textarea><a href="PUT YOUR BLOG URL HERE"><img src="PASTE YOUR BUTTON URL HERE" /></a></textarea></center></div>

And pasting it in a word editing program. Microsoft word supposedly changes the code up a bit, do use something different.

Then you have to paste the URL for your blog and your button in the appropriate places. Mine would then look like this:

<center><a href="http://trixih.blogspot.com/"><img src="http://i1075.photobucket.com/albums/w429/trixiblogger/GuestBloggin.jpg?t=1337929417" /></a><textarea><a href="http://trixih.blogspot.com/"><img src="http://i1075.photobucket.com/albums/w429/trixiblogger/GuestBloggin.jpg?t=1337929417" /></a></textarea></center>

But as you can see, it is just a bundle of weird text. To actually create the blog button you have to create it in HTML format. Since I am using Blogger, it is located in the upper left corner (next to compose) where I am writing this blog post. So copy your URL and paste it there.

<a href="http://trixih.blogspot.com/"><img src="http://i1075.photobucket.<textarea>com/albums/w429/trixiblogger/GuestBloggin.jpg?t=1337929417" /></a>
And voila! You now have a button for others to grab!

Pin It