Wednesday, September 29, 2010

Blog Badge Maker

Phew, my last post was counted in "Adgitize", thanks..

(Please don't take this the boastful way XD)

Now, as I browse through my blog, I remembered I promised some certain bloggers for a badge, now everyone has a badge nowadays, but how can others without a vast knowledge about html codes do?

So, I'm going to make an instant "Blogcode Maker" for all bloggers out there, this is simple, but before we move on, I will explain some things in order for you to edit your own badge.

IMG insertion is pretty easy, this is the picture which I inserted and resized using html code, it should look like this.





And this should be the code for that





thats how this image came to be, using html codes instead of blogger img insertion, if you dont know what those thingy means, this is a simpler way to do it,





So that's for img, and for a badge, you need to "Link" your image to your blog, which can be done by using..





So what we need to do is use the two code and merge them together, which will go like this





Hope that helps, the center came in first so it must be closed last, take up the whole in between the quotation mark on the a href=" " with yout link, then your image must be uploaded in the net, right click your picture on the web and select "Copy image location", then paste it between the quotation mark on the img src=" ", and that's how your badge is done, and for your badge to have a text area below (for others to grab your badge) a text area can be made possible, try copying and pasting these to your website, I will use the image above and link to yahoo, just replace what's needed to be replaced and this is your badge.





Which should look like this, try clicking the image, you will go to yahoo's homepage, just edit the code and when you click the image, it will go to the URL you inserted (that's your blog URL)



Powered by OneStopBlogz



Hope this helps, try to understand it, I know Im not good at telling these kinda stuffs XD, and for others to copy the exact link you provided, use the textarea code,






If you do this and have a problem with it, add me up on facebook, there you can message me, and I'll message your code back to you :D

2 comments:

this is really helpful, alam mo ba nagpagawa pa ako ng badge sa friend ko. Anyway, i will try to make another badge and i will follow your steps. Thanks

Maraming salamat sa pag post! i tried making my own badge pero di pa rin successful. Cguro I didn't follow your instruction very carefully. Anyway, will try again. Thanks talaga for posting!

Post a Comment