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:

&lt;div align=&quot;center&quot;&gt;&lt;a href=&quot;http://xoxoxoblog.blogspot.com/&quot;&gt;&lt;img alt=&quot;Xoxoxoblog&quot; src=&quot;http://i60.tinypic.com/334kkjs.png&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;/div&gt;


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>&lt;div align=&quot;center&quot;&gt;&lt;a href=&quot;http://xoxoxoblog.blogspot.com/&quot;&gt;&lt;img alt=&quot;Xoxoxoblog&quot; src=&quot;http://i60.tinypic.com/334kkjs.png&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;/div&gt;</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

Leave a Reply

Subscribe to Posts | Subscribe to Comments

- Copyright © Xoxoxo Blog - Hatsune Miku. - Powered by Blogger - Designed by Johanes Djogan -