Saturday, May 26, 2012

Make your own blog button.

Every blogger should have its own blog button. It shows how professional he/ she is. So today I  am gonna make you look like a professional blogger. It will help to promote your blog (in reality no one bother to click it) However, today I will   teach you  how to make a blog button. Ding Dong!

I got this Idea from Melu. She and I swapped our buttons. Then I I told that instantly  to Professor Barbie. Then I exchanged so many buttons.  You can see these two  buttons in my side bar, under the heading of  " Lovely Ladies".  Technically they are my sponsors,  coincidentally  and they are all gals and my soul sisters. I mad love them.  At that time only gals used to read my blog. Now boys are also coming so I am reckoning about starting " Few Good Men."  But, no. Leave it, who cares!!

Well, my button is in the side bar ------->
Isn't it cute :) ?

Lets start our tutorial.

Look at this code for 5 good minutes. 

 <center><a href="" target="_blank"><img alt="izdiher" src=""/></a> </center>
<center><textarea id="code-source" rows="3" cols="13" name="code-source"><center><a href=""><img border="0" src=""/></a></center></textarea></center>

Keep looking ...........

Now, tell me what did you notice?

I know it's just a  code ...rack your brain again,  there is some thing specific  about this code.

Sorry, your 5 minute is up !! Leave racking your brain. It will hurt you, and nothing else. I  just shouldn't give you  such a  high level challenge at first place. Then I thought maybe you were a smart peep.

Anyway. the answer is  there are 3 different  colors in that code.

Red       =       A blog's  link url .
Green    =       A blog name 
Blue      =      A blog button/ image/ banner's url.

The above code is mine,  be smart and  instead of wasting time, copy that code somewhere and change mine blog's url, blog name, blog image's  url into your blog's url, blog  name and blog image's url.

Is this still hard for you ?

I seriously hope not.

After making your own code, go to your blog's layout, and  click  Add a Gadget.

 Then Click  HTML/JavaScript.

Copy and paste the code I taught you, over there .

 Tada ...You are done.                Congratulation  :). 

Wasn't it so simple ?

Those who  are still pulling their hair and wandering what is blog image / banner and its url  for  them ...................... This is image  . This is image /pic/ banner I choose for my blog .
 Find a image/ pic / banner  for your blog and   customize your  it  over  here or anywhere you want, boy. I am just giving you an idea. It's a nice place to make a banner of any sort.

Image url can be get by or

 This is for today . Hope you will no longer be envying others cute blg buttons any more.


  1. Thank you so much for this informative step by step tutorial Izdiher! I'm still learning about these things so thank you for this very helpful tutorial, I'm putting this on my to-do list :-)

  2. Great to have it explained so nicely.

    Thanks Izdihar

    Have a good weekend.

  3. I will have to try this... once I find an image that I really like!

  4. You're right, plus, buttons help you to promote your blog to interact with other blogger and to have more views :)

  5. Yours looks great. Thanks for telling how tomake one myself.

  6. Oh this is a great idea. I'm too busy to do one today but I'm saving this for later, I definitely want to make one! Thanks!

  7. you know you dont have to do all these anymore,blogger lets you add it automatically in the layout tab, under the name "favicon"

  8. This is genius. Thanks Girl! :)

  9. So sweet of you izi!:) lols..:) Love to try it too!! Thanks for sharing!:)

  10. Great tips... immah try to do it,,, i just have to find a wonderful pic :)

  11. Thank you Izdiher, I surprised myself in being able to do it. It could only be because of your great instructions.

  12. Wonderful ! Thankyou for explaining it so well :D
    I'll try it rightaway.

  13. Always giving helpful advice on your blog!
    Miss Starshiny

  14. My badge was made by Irene and I couldn't figure out how people get codes for their badges. Thanks for sharing this. I'll be playing a bit with this :)

    1. How do I decipher that blue code?

  15. Thanks for the tip. How was your weekend, Izdiher?

  16. hey! thanks for this! should try one for me :)

    xoxo, Haus of Gala

  17. Thank you so much for this. I can make my own button now :)

  18. Thank yoooooooooooooooooooouuuuuuuuuu izdiher its really enjoyable and easy to do ;)

  19. Really nice, thank you for sharing!

  20. Great tip! I need to do this when I have that free time.Have a nice day dear!

  21. sounds simple :) i wanna make one for my fish too

    Latest: Madagascar Circus

  22. What a great tutorial - you had me laughing at your commentary!
    PS: Just noticed you have my old blog button on your page - I use a different blog now - you could get my code from my page if you so wish.

  23. I love it! And thanks a million for the tutorial! I definitely need to make one of my own. :)

  24. Wow very cool thank you so much for making this!

  25. Hi Izdiher ~~ Thank you so much for your lesson and when I find a nice pic, I will definitely try this. Thank you.
    I am still amazed at your flower cursor as I couldn't even do that.
    Thank you so much for your birthday wishes my friend. I appreciate them and had a great day. Take care my friend. Love, Merle.

  26. What a great guide, I might as well make a blog button, bookmarked!

  27. I definitely have to do something like this, my blog layout is very old fashioned, just yesterday an antique company came to appraise it. The cheek of them. I subscribed , thanks for commenting on my blog.

  28. Thanks for the info! Followed.

  29. Thank you so much for the info. With your help I made a button. Let's trade!