Cara Merubah Dan Mengganti Favicon Blogspot Atau Website

Cara Merubah Dan Mengganti Favicon Blogspot Atau Website - Dalam membuat blogspot awal, blog kita pasti menggunakan favicon standar atau bawaan dari favicon blogspot, sebelumnya kita pahami dulu apa itu favicon. Favicon adalah icon utama yang muncul pada address bar pada website atau blog dan merupakan logo dari website atau blog tersebut.
Contohnya seperti dibawah :


 Logo dipojok kiri itulah yang disebut favicon atau logo dalam sebuah website atau blog.

Cara Merubah Dan Mengganti Favicon

Untuk merubahnya yang pertama harus mempunyai gambar yang ingin kita jadikan sebagai favicon, setelah itu rubah format foto tersebut menjadi .ico dengan kunjungi situs ini http://www.html-kit.com/favicon/ .
Seperti ini caranya :

 

Langkah :

Klik browse untuk memilih gambar yang kita inginkan sebagai favicon setelah itu klik generate favicon.ico, lalu akan muncul hasilnya seperti gambar dibawah.
Setelah itu klik gambar dan download.


Download berkas ini berupa .Rar yang harus diextract.


Isi extract berupa gambar seperti dibawah :


Kita pilih sesuai kemauan kita, mau berupa .Gif atau .Jpg.
Setelah langkah ini berhasil langkah selanjutnya adalah mengupload gambar tersebut kedalam blog kita dengan cara membuat entri baru lalu pilih insert image.


Lalu add image atau gambar yang sudah kita siapkan tadi lalu upload.

Kalau sudah upload selesai pilih add selected (gambar dibawah sudah memilih image yang ada dalam "from this blog" sebagai contoh).


Setelah image terpilih klik HTML sebelah dengan COMPOSE untuk mengetahui URL image nya, karena disini kita hanya membutuhkan URL image untuk dipanggil kembali nanti saat mengganti favicon.


Contoh URL image


Copy URL tersebut ( diblok biru ).

Cara pertama :
1. Login akun blogger anda
2. Pilih 'Tata Letak' pada menu dropdown ( Opsi lainnya )


3. Klik 'Edit' dibagian favicon.


4. Klik 'Browse' kalau sudah diupload klik 'simpan'.

5. Setelah itu masuk kedalam menu 'Template' dalam opsi lainnya ( dropdown )
6. Dan klik 'Edit HTML' tambahkan kode dibawah ini tepat diatas </head>
           <link href='URL IMAGE' rel='icon' type='image/gif'/>
    Ganti 'URL IMAGE' dengan URL yang kita copy sebelumnya tadi


7. Klik 'Simpan Template' dan klik 'Simpan Setelan'.


8. Setelah semua langkah dilakukan, favicon akan berubah sesuai kemauan kita tadi.


Selesai sudah dan favicon kini sudah berganti sesuai keinginan kita.
Semoga bermanfaat dan dapat membantu dalam tugas atau pekerjaan anda. sekian
Terima kasih :)








Oldest

Ads Inside Post