Today I was busy designing for MisFydKrafts Badges & learn how to post it so that ppl can grab them. It's been quite some time that I was thinking to make them & of course it took me awhile to learn how to play around with the HTML codes (still learning). With the high tech knowledge library of the 'internet', some very generous ppl out there that shares their knowledge & a bit of hard work, I have successfully post them myself :).
You can grab one of my badge here, or click at the badge above.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
How to add your own 'Grab my badge or link me' button
Maybe a lot of you all out there are thinking of making your own badge/button for your blog, don't know how to start, will spent a lot of time figuring how to make them like me.
To make your work easier, without thinking so much of the HTML codes, here's a simple step by step on how you can add your own 'Grab my badge or link to me' button for your blog:
1)
First, you have to create a badge size around 125x125 pixel.
Of course you can create bigger one but make sure it can fit in most sidebars in blogs. For me, I've created a few sizes so that everyone can choose. You can use any photo editing software such as photoshop or GIMP, logo making software such as AAA Logo to design your badge. For me, I've used AAA Logo & GIMP to design & edit my badges.
2)
After you had create your badge, upload the badge in a photo hosting account such as photobucket, flickr etc. You can get the badge URL there. For example, you can click at the badge below:
The URL address will be something like this:
http://yourphotowebaddresss.com/yourphoto.jpg
3)
Next, to add it in your sidebar (for blogger),
go to--> layout > page element > add gadget > HTML/Javascript
4)
Then copy & paste the code below replacing your information in red text:
*****************************************************************************************************
<a href="http://yourblogaddress.com/" target="_blank">
<img src="http://yourphotowebaddress.com/yourphoto.jpg" border="0" /></a>
<textarea rows="3" cols="20"><a target="_blank" href="http://yourblogaddress.com/"><img border="0" src="http://yourphotowebaddress.com/yourphoto.jpg" border="0" /></a></textarea>
******************************************************************************************************
Finally, just save & try it. :)
I hope this will help & simple enough to understand.
Good luck! If you have any problem feel free to ask me.
Although I'm also new in this thing, I'll try my best to help.
No comments:
Post a Comment