Cara Online Menghilangkan Background Putih Favicon dan Cara Pasang dengan HTML

Favicon merupakan salah satu icon identitas pada blog, sehingga ini menjadi penting di buat supaya web maupun blog kita menjadi gampang dikenali oleh pengunjung hanya dengan melihat favicon yang tertera pada bilah browser atau saat site kita diletakkan di bookmark.

Saat kita desain logo blog maka logo kita bisa digunakan sebagai favicon pada blog kita, tentunya sebelum di jadikan favicon, logo tersebut terlebih dahulu harus diconversi nya ke Ext. ico. (Favicon.ico).

Baik, Langsung saja…

A. Cara Menghilangkan Background Kotak Putih pada Favicon

1. Buka situs editor ini : pixlr.com.
Note : pixlr harus ada adobe flash player, jika belum install maka silahkan install adobe player dengan meng-kliknya.

2. Jika sudah terinstall maka tampilan seperti dibawah dan silahkan klik “Open image from computer” disini contohnya adalah Logo dengan huruf C

3. Pada layar sebelah kiri tab layer “background” Klik 2x pada “icon gembok

4. Selanjutnya tulisan akan berubah menjadi “Layer 0″ dengan centang

5. Pada layar sebelah kiri, klik icon “Wand Tool

6. Arahkan kursor “wand tool” pada background warna putih dan silahkan klik

7. Setalah diklik background maka akan terlihat garis putus-putus pada logo.

8. Tekan tombol “Delete” pada keyboard Anda.
9. Untuk Save, silahkan tekan tombol “Ctrl+S” pada keyboard Anda dan Pilih “PNG Transparent, Full quality” dan

10. klik “OK” dan Selesai.

B. Cara Membuat Favicon

Pertama-tama Silahkan Kunjungi situs : icoconverter.com

1. Klik “Browser” untuk cari & Upload gambar Anda.
2. Centang “32 pixels“.
3. Klik “Convert”, maka otomatis Favicon sudah terdownload.

C. Cara Pasang Favicon di Blog dengan HTML

Supaya terlihat langsung hasilnya maka kita pasang Favicon dengan kode HTML.
1. Masuk blogger anda pada “Postingan” klik “entri baru“, silahkan masukan image logo yang akan dipassang sebagai favicon

2. Klik tab ke “HTML” dan copy url image logo seperti berikut.

3. Klik Tab “Tema” Klik “Edit HTML”

4. Cari kode </head> dan letakan kode berikut diatasnya.

Copy kode:

<link href=”kode url” rel=”shortcut icon”/>

Artikel Terkait:  9 Tips Sederhana Bermain Adsense Wajib diketahui

Ganti “kode url” dengan url file images yang akan dijadikan sebagai favicon yang sudah dibuat diatas.

5. Selesai, silahkan “pratinjau”

Jika semua sudah dilakukan dengan benar maka ini akan berhasil, semoga bermanfaat..
Tag: Pasang Favicon, Blog Favicon, Favicon, Persegi Putih Favicon, Menghilangkan kotak Favicon,
Favicon Transparan, HTML,Masang  Favicon dengan HTL

You May Also Like

Leave a Reply

Your email address will not be published. Required fields are marked *