Check these out. Click for more info.

Thursday, August 21, 2008

How to place a logo or icon beside the URL

From now and then i came across some bloggers asking me on how to set up the cute little icon beside my URL.. therefore today i decided share it in my blog so next time i can easily show them this blog post... hahhaaa lazy me to explain again and again... =]

actually i learn this last year from google-ing through the web... however i really forgotten where i got the quote from that's why i cant ''credit'' that particular website.... but if anyone recognized his / her quote please do let me know so i can tag ur web here... thx..

only 3 simple steps to add a FAVICON.

Step 1:
Create a logo / icon which you want it beside your URL. Resize it to 16 X 16 pixels will be just perfect. Then Save it under *.png or *.jpg or *.ico

Step 2:
Upload your logo / icon on to the web. (ie. imageshack, photobucket)

Step 3:
Place the link into the quotes below. (type for *ico is ''x-icon")

Paste the quotes in your HTML, just before ''< / head>''


For example: [click to enlarge the pix]




as i'm not an IT student, i dont really understand why is the quote like that, cos i just follow from that particular web... and this is the most easiest way of creating the icon beside your URL.

hope this may help.. cheers

*may post me any queries if you can't make it, i'll try to help :-)*


^^ thx topo, i really no idea bout it


-n-




24 comments:

  1. fyi it is called favicon...

    ReplyDelete
  2. nice tips..hehehe...going to do it..wahhaha..thanks

    ReplyDelete
  3. wow thanks for the guide. always wondered how can we customise the icon.

    ReplyDelete
  4. thx topo.. i have amended my post :)

    chuanguan, ya u'll need to resize ur icon.. 16 x 16 pixels will be perfect..

    u are welcome, falcon n ying xin... glad u all like it..

    ReplyDelete
  5. Yeah! This is so cool! I followed the steps and it worked perfectly! And I didn't resize the image though, I just uploaded it on Photobucket~ Thanks for the tip!

    ReplyDelete
  6. cant do da icon..cant find da {/head}

    ReplyDelete
  7. apple5: thats great .. oh no need resize then is more convenient.. thx for the info =]

    cg : the /head is almost at the end.. if you're using blogspot. or u can copy n paste the whole html into Microsoft word. then search for /head.

    ReplyDelete
  8. i still cant insert the icon,
    i found the (head/) but something else was wrong....
    oh well, i am too stupid.....
    but thanks anyway.. ^^

    ReplyDelete
  9. Hey tks for sharing! I have done mine :)

    ReplyDelete
  10. thanks for sharing, I am making mine!

    ReplyDelete
  11. hey... this is wayyy too kewl...

    tqsm for sharing! i have made mine and will blog about it later tonight ;)

    ReplyDelete
  12. wow~
    finally found the answer for my question!!!
    hahaha
    Thanks alot for sharing!

    ReplyDelete
  13. nice thingy for the favicon thing XD

    ReplyDelete
  14. thanks for the link...=) it's a great tips... now many bloggers put their own favicon thanks to you.. hohohoho

    ReplyDelete
  15. maro!!! go to my blog, I manage to do the url thingy!!! hooray!!!! hahahaha thanks maro!! love ya!!

    ReplyDelete
  16. Thanks, I'm going to try - btw you can resize pictures on this site: http://www.genfavicon.com/

    ReplyDelete
  17. hie! i blog about this again here to "sparks" a blogger's post on SocialSpark ;)

    thanx again to you!

    ReplyDelete
  18. Hey ...how do I ad tab saying " click here" in place of a website link...

    for anyone who wants to earn fast & easy money at home , office anywhere .visit http://moneynexus.blogspot.com/

    Its fresh & good ...:-) try it urslf

    ReplyDelete
  19. placing a logo/ icon doesnt need to add the ''click here'' tab...

    hmmm... if you mean for html creation for website... i'm not expert on it.. hahhaa cant help

    ReplyDelete
  20. thnx for ur information. now, i can teach my frens..thnx again

    ReplyDelete

Related Posts Plugin for WordPress, Blogger...