Cara Membuat / Mengganti Favicon / Site Icon Blog
Favorit Icon atau yang disingkat Favicon adalah sebuah gambar kecil di address bar. Terletak disebelah kiri nama blog ataupun judul posting blog yang sedang kita buka. favicon bawaan blogspot biasanya dilambangkan dengan huruf B dalam kotak berwarna orange. Seorang blogger mengganti faviconnya mungkin bisa jadi agar terlihat lebih indah, keren dan profesional, hehehe. Lihat Gambar di Bawah.
Ada 2 cara untuk mengganti favicon, cara pertama ialah secara default dan ini cukup mudah dilakukan sedangkan cara kedua ialah dengan membuat favicon secara online kemudian mengupload gambar favicon itu di hosting/tempat penyimpanan image online (misal di google code). Yuk kita simak sama-sama caranya.
Cara Pertama;
1. Buatlah dan Siapkan gambar yang akan dijadikan favicon, persegi bujur sangkar misalnya ukuran 32x32 pixel atau berapapun yang penting harus persegi.
2. Masuk ke Rancangan > Tata Letak > Lihat ada kata Favicon di atas header, Klik link Edit.
3. Cari gambar dengan klik Telusuri lalu klik simpan.
4. Favicon blog sobat sudah berubah. hehehe
Cara kedua;
1. Masuk ke genfavicon.com atau ke www.favicon.cc
2. Buat favicon di situ. sebagai contoh saya akan membuat favicon di genfavicon.
3. Masukkan gambar baik lewat url gambar ataupun menguploadnya (disini saya menguploadnya) lalu Klik Upload image
4. Jika sudah diupload bisa Select Size untuk menentukan ukuran gambar. atau juga memotongnya/crop (crop & preview) sesuai tampilan yang kita inginkan.
5. Download favicon Image. Lalu upload ke hosting gambar, disini Saya menguploadnya ke google code.
6. Buka Dasbor > Menu Template > edit HTML > centang expand template, cari kode <b:skin><![CDATA[. Lalu masukkan alamat url favicon blog yang telah di upload di hosting image tadi, tepat di atas kode
<b:skin><![CDATA[. diantara kode biru dibawah.
<link href=' masukkan alamat tempat hosting favicon ' rel='shotcut icon'/>sebagai contoh lihat kode di bawah ini.
<link href='http://julak-project.googlecode.com/files/animated_Favicon.gif' rel='shotcut icon'/>pada kode berwarna merah diatas, adalah alamat saya menyimpan/hosting gambar favicon blog ini.
<b:skin><![CDATA[
7. Jika sudah klik pratinjau, lalu save template. Lihat perubahannya.
Jika sobat mau tau cara membuat file hosting image, javascript maupun dokumen lain di google code termasuk menyimpan gambar favicon silahkan kunjungi postingan cara membuat file hosting di google code
Nah bagaimana sobat sudah berhasil mengganti faviconnya, terlihat lebih profesional, keren dan ... bagus khan? hehehe selamat mencoba. Salam Blogger.
mas, cra buat label kyk mas gimn??
ReplyDeleteMudah kok, Tata Letak > add gadget > Label >
ReplyDeletekemudian klik pada cloud, hapus centangan "Tampilkan jumlah entri per label" , terakhir simpan > simpan Setelan
Info keeren sob
ReplyDeletesiip..sipp :D
ReplyDeletemantab sob, nice share
ReplyDeleteWahhh...makasih nih info'a tadi sudah ane coba, tinggal nunggu aja nih perubahan di blog'a...
ReplyDeletenice posting... :D
thanks ,, akhirny BLOG saya ada iconnya ,hhehe
ReplyDeleteSaya udah coba berkali-kali, pake 1, tetep aja, pake cara 2 dengan hosting photobucket tetap nggak berhasil. Kemapa ya?
ReplyDeleteterima kasih pak, klu berkenan tlng dong blog sy dicek and kurangnya di mana?www.doamakbul.blogspot.com
ReplyDeletethx,, berguna bgt.. mampir juga ya ke experimentalion.blogspot.com
ReplyDeleteok mas atas tutorial nya.
ReplyDeleteboleh dicoba nie .
Gak Usah repot2 mending cara pertama aja hehehehe
ReplyDeletemampir ke blog ane sob salam kenal
happy blogging
langsung aja gan... g ada kata laen ni. selain muji post agan. keren bnget dah...
ReplyDeletesalam kenal gan ... jangan lupa jalan" lah ke http://www.di-cb.blogspot.com
Mas kalo buat tabel kaya yang paling atas itu gimana? kaya yang daftar isi, tentang saya dll
ReplyDeleteitu menu navigasi horizontal namanya, cari aja tuh di widget ada tuh artikel menu navigasi
Deletethnks atas informasinya
ReplyDeletejangan lupa follow blog aku ya
happy blogging
info yang lengkap ya..
ReplyDeletepengen nih ganti favicon...sudah nyoba tapi pusing liatin "HTML" jadi kuurungkan niatku...
gan mau tanya blog itu bisa mendafatkan uang ngga...
ReplyDeleteapa sih manfaat blog .........
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeletemakasih gan infonya
ReplyDeletehttp://filmgratis-aja.blogspot.com
Nice info gan..
ReplyDeleteMakasih mas atas sharenya jadi mas berhasil
ReplyDeletesukses sob...
ReplyDeletethank's infonya...
kunjungi jga blog saya yg sederhana...
http://blogzets.blogspot.com/
mantap infonya terimakasih,,
ReplyDeleteship,, makasih atas infonya...
ReplyDeleteterimakasihh..:D simple sangat
ReplyDeletekok saya tidak pernah berhasil ya gan ?
ReplyDeleteSaya juga gak berhasil masih ada tanda 'B' nya
ReplyDeletejika type imaage-nya saya ganti (.gif) menjadi(.png) masih bisa muncul di address bar apa tidak gan,,,,trims infonya gan salam kenal.
ReplyDeleteterimakasih, saya sudah berhasil hehe
ReplyDeletengambil url nya icon itu dimana sih ?? pusing nah gan
ReplyDeletewaah baru tahu, sukses submit sitemap nya. mudahan segera terindeks google
ReplyDeleteMakasih juragan untuk tutorial cara membuat favicon diatas sangat berguna banget buat ane.
ReplyDeletethanks jgan lupa mampir www.iqbalsayap.blogspot.com
ReplyDeleteakhirnya ketemu juga tutorial tentang favicon ini, terima kasih gan...
ReplyDeleteThx banget. emang lagi nyari ttg ini nich
ReplyDeletesaya pakai cara pertama, tapi kok gak berubah ya mas? masih blank aja tuh
ReplyDeletesama gan ane juga masih ga keganti, malah 2 cara dah ane cobain semua
Deletetrims abis.. membantu sekali infonya
ReplyDeletethanks gan ,, mampir sini http://dandylaksana.blogspot.com/
ReplyDeleteWaahh, berhasil aku sudah bisa sekarang :D
ReplyDeleteoh iya, mampir y di blog aku --> http://komikmerlingirl.blogspot.com/
Thanks infonya
koq gk bisa?????
ReplyDeletewadu kok nggak bisa semua ya icon nya nggak berubah monggo mampir teman teman http://investasicepatpemula.blogspot.com/
ReplyDeletekok ikonnya gak berubah?
ReplyDeletebisa kok, tp memang harus menunggu dulu beberapa menit. Saya nunggu samai 15 menit baru berubah
Deletesangat bermanfaat pak. Terima kasih
ReplyDeleteMakasih banyak. infonya menarik banget,,
ReplyDeleteThx ya bermanfaat buat saya....mampir juga ya diblog saya ryan-maarif.blogspot.com
ReplyDeletebagus
ReplyDelete