Hello guys today i will teaching you how to make a blog button with html code. So lets begin....
Just to let you know i am using photoshop for the button.
First make the image 200x200:
Now have some fun and create a banner you want. Here is how mine turn out
Time for the code:
Copy this code in any word text software:
<center><a href="Blog_link" target="_blank"><img alt="Blog_name" src="Pic_url" /></a></center><textarea><div align="center"><a href="Blog_link"><img alt="Blog_name" src="Pic_url" border="0" /></a></div></textarea>
Edit the Blog_link for the blog url
Edit the Blog_name for the blog name
Edit the Pic_url for picture url. I suggest you use tinypic.
Now here is the hard part
Copy the the part of the html thru <textarea>
Now you paste it on this page
Then click convert to escape character
and it will come out like this:
<div align="center"><a href="http://xoxoxoblog.blogspot.com/"><img alt="Xoxoxoblog" src="http://i60.tinypic.com/334kkjs.png" border="0" /></a></div>
Now add it between the <textarea> and it will look like this
<center><a href="http://xoxoxoblog.blogspot.com/" target="_blank"><img alt="Xoxoxoblog" src="http://i60.tinypic.com/334kkjs.png" /></a></center><textarea><div align="center"><a href="http://xoxoxoblog.blogspot.com/"><img alt="Xoxoxoblog" src="http://i60.tinypic.com/334kkjs.png" border="0" /></a></div></textarea>
Now go to blog>layout>gadget>html/javascript
add the html and it will turn our like this on your blog
Remember to follow and comment and enjoy our blog


