Blog yang menyediakan pelajaran, source code, dan artikel-artikel seputar pemrograman dan komputer.

Tuesday, January 24, 2012

Tutorial mengganti favicon di blogspot

8:27 AM Posted by Vyn No comments
PhotobucketFavicon adalah gambar kecil (icon) yang tampil di sebelah judul blog, favicon ini menjadi salah satu ciri khas / identitas blog atau situs anda. seperti yang kita ketahui favicon berwarna biru
dengan huruf “f” di samping kanan bawah sudah pasti milik facebook. begitu pula twitter dan blogspot yang menggunakan favicon huruf “t” dan “B” di faviconnya.
Photobucket
Bagi anda yang memiliki akun Blogger dan ingin mengganti favicon blog anda yang pada awalnya menggunakan favicon Blogger (huruf “B” dengan latar orange). Berikut saya berikan tutorialnya.
  1. Buka situs iconj. Lihat ke sebelah kanan, ada kotak dialog untuk meng-upload gambar yang akan anda jadikan favicon.

    Photobucket
  2. Karena favicon akan jadi gambar 16 x 16 bit, ada baiknya anda mempertajam gambar yang akan anda upload dengan memilih “sharpen + 2” atau “sharpen + 3”. Agar favicon anda terlihat jelas. Kemudian klik “Browse..” , pilih gambar yang akan anda jadikan favicon, klik “upload it”

    Photobucket
  3. Tunggu beberapa saat sampai gambar yang anda upload ter-convert menjadi file icon (*.ico). Jika proses upload berhasil, maka akan muncul tulisan “Favicon.ico Succesfully Generated”. Selanjutnya, lihat tulisan di bagian “Host it at iconj.com (Direct Link)”,  block dan copy code HTML yang diberikan

    Photobucket

  4. Buka Blogger, Sign in. Setelah anda masuk ke Dashboard Blogger, klik Template, kemudian klik Edit HTML, klik lanjutkan.

    Photobucket
  5. Paste code HTML yang telah di-copy tadi tepat di bawah tag </head>

    Photobucket
  6. klik “Simpan Template”, tunggu beberapa saat sampai load selesai, buka Blog anda.
    TARAAAAAAAAA!!!!! Favicon anda telah berubah menjadi yang anda inginkan. no more “B” maaan! (haha.)
Jika tulisan ini bermanfaat, please follow this blog, and leave comment. thanks. :)
Assalamu’alaykum.

0 comments: