Lompat ke konten Lompat ke sidebar Lompat ke footer

Mengganti Favicon Blogspot

Konten [Tampil]
Favicon adalah icon/gambar kecil berupa logo dengan ekstensi .ico yang terletak pada address bar (URL) dari sebuah web browser. Pada blogspot, favicon yang dibuat berupa simbol huruf B berwarna orange. Tidak ada fitur atau setting untuk merubahnya. Namun dengan sedikit cara kita dapat merubah nya. Sebenarnya cara mengganti favicon blogspot ini terbilang sangat mudah. Anda bisa menggantinya melalui pengeditan layout dengan kode html. Karena pasti terasa belum lengkap bagi anda yang sudah merubah alamat blog dengan domain sendiri dikarenakan nama yang panjang karena berupa subdomain dari layanan blog tersebut.
mengganti favicon blogspot

Mmbuat gambar untuk Favicon

Namun sebelum mengganti favicon blogspot anda harus punya gambar yang akan digunakan untuk favicon yang akan anda pakai nanti. Anda dapat membuat sendiri dengan Adobe Photoshop, Illustrator, CorelDraw, atau software grafis apapun yang Anda kuasai. Lalu ekspor ke gif, png atau jpg. Atau dengan gambar yang sudah anda miliki, semisal foto anda sendiri.

Dikarenakan file gambar untuk favicon harus ber ekstensi .ico maka anda harus melakukan convert gambar anda tersebut menjadi .ico dengan layanan gratis di internet dengan alamat
http://www.html-kit.com/favicon/

Cara Memasang Favicon

Caranya upload file gambartersebut dengan menekan Browse. Checkmark pilihan “Animate Favicon” jika anda menginginkan favicon animasi. Lalu klik “Generate Favicon.ico”.mengganti favicon blogspot
Lalu download favicon yang dihasilkan dengan mengklik tombol “Download Favicon”.mengganti favicon blogspot
Extract file zip yang dihasilkan. Lalu upload favicon.ico dan favicon1.gif  (jika animasi)  tadi ke file hosting gratis seperti imageshack.us , googlepages.com atau photobucket.com
Selanjutnya, silahkan login ke account Blogger lalu pilih layout -> Edit HTML.
Copy kode di bawah ini:
<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" href="animated_favicon1.gif" type="image/gif" />
Lalu paste tepat di bawah baris kode berikut:
<b:include data="blog" name="all-head-content"/>mengganti favicon blogspot
Lalu gantilah alamat URL favicon dengan URL tempat anda menyimpan file favicon di file hosting.  Sebagai contoh bagian yang di block pada gambar diatas merupakan contoh dari URL yang sudah diganti. Periksa lagi apakah alamat URL sudah benar.

Jika sudah benar semuanya lalu klik Simpan Template. Lihat hasilnya. Apabila favicon belum muncul, refresh lah browser anda. Jika sudah berubah berarti proses mengganti favicon blogspot sudah selesai.

Posting Komentar untuk "Mengganti Favicon Blogspot"