Friday, December 5, 2008

Cara Mengganti FavIcon di Blogspot (Icon di Tab Menu Browser)

Horeee, akhirnya aku nemu juga blog yang ngajarin cara untuk mengganti logo blogger yang ada di tab menu site kita :) Itu tuh, yang dulu punyaku tulisan "B" yang asli dari blogger, sekarang kan ganti jadi huruf "N" yang copy dari google :) Kok ngopy sih??? Ya, mau gimana lagi, wong saya g bisa desain sendiri :( G ngerti soalnya :( Ada yang mau ngajarin??? :)

Tadi siang kan blogwalking tuh, jalan2 ke blog orang, ehhh ketemu tuh blog yang berbasiskan blogspot, tapi icon di tab menu site-nya ganti jadi gambar bola dunia warna biru. Mungkin ada yang udah tau, itu blognya mas Thom *tadi baru kenalan, terus izin posting, hehehe* :) , terus saya tanya deh, kenapa kok bisa ngerubah itu, akhirnya dia kasih tau dan aku praktekkin deh :)) Akhirnya jadi tuh, liat lumayan kan? Sedikit menghilangkan kesan blog gratisan dari blogger :))

Jadi gini nih caranya ganti icon blogger yang norak itu :)) :

1. Bikin atau copy dari mana aja icon yang mau kamu pake buat icon sitemu (ukurannya 64 X 64 aja, biar pas) :)
2. Upload icon tersebut ke website2 picture hosting, kayak photobucket, imageshack.us, atau apa aja deh, pokoknya website2 picture hosting :)
3. Buka HTML template blog kamu, masuk ke > Layout > Edit HTML, jangan lupa dicentang "expand widget template"nya! :)
4. Cari tulisan </head>, cara singkatnya pake CTRL+F, terus ketik </head> :)
5. Pastekan ini <link rel="shortcut icon" href="*****"/> tepat di atas tag </head>
6. Klik save template, kemudian refresh, pasti iconnya berubah :)

Note : ***** itu diganti dengan URL iconnya, contoh <link href='http://i468.photobucket.com/albums/rr50/anton135/HurufN.jpg' rel='shortcut icon'/> , itu URL icon blogku :)

Ini postingan ke 4 ku hari ini :) Hari ini lagi gila posting nih :))

Share:

14 comments:

  1. wuaaah semangate rek. maut :D

    ReplyDelete
  2. waduh sayang ga pake blogspot ;;) tutorialna jadi ga bsia di terapkan 8-}

    ReplyDelete
  3. @ tipis -> harus :) kan mas tipis yang ngajarin :D
    @ Hendrawan -> sama2 mas, happy blogging :)
    @ aRai -> bikin lagi mas di blogspot :)

    ReplyDelete
  4. hmmm (mangut mangut)

    ReplyDelete
  5. Kok di browser saya masih huruf B ya mas?

    ReplyDelete
  6. busettt.. shari 4 postingan... ;)) Smngat!!!

    ReplyDelete
  7. dulu pernah tapi yang muncul foto orang wakakaka soal langsung main comot =))

    ReplyDelete
  8. @ suwung -> hmmm.. juga :)
    @ ipung -> masa sih, tutorial ini buat blogspot lho mas :) coba lagi deh di blogspotnya :)
    @ Ardy Pratama -> lagi semangat banget hari ini mas :)
    @ Tony -> santai aja mas, jangan keburu pasang :))

    ReplyDelete
  9. oh, gini toh caranya...
    dulunya sih dah coba, tapi dibawah tag "head" atau yang penting diantara "head" dan "/head" gitu.. dan bisa...


    tapi, sekarang harus di atas tag "/head"yah...?? dah coba dan sukses,,,

    makasih tutornya

    ReplyDelete
  10. @ parlin -> seep dah..

    ReplyDelete
  11. tipsnya sangat menarik. salut deh

    ReplyDelete
  12. thx mas

    anyway boleh tukren link gak???jawab diblog saya ya!!!thx b4

    ReplyDelete
  13. makasih mas
    ntar tak praktekin deh

    ReplyDelete

Kasih comment, tips , info, kritikan donk untuk kemajuan blog ini..

Blog Archive

Definition List

Unordered List

Support