Cara Memasang atau Mengganti Favicon / Gambar Kecil Di Address Bar

Setelah browsing 1 hari akhirnya saya tahu icon tersebut bernama Favicon, hehehe. Selamat pagi semua. Kali saya ingin berbagi artikel tentang Cara Memasang atau Mengganti Favicon / Gambar Kecil Di Address Bar.

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

Ada 2 Cara Memasang atau Mengganti Favicon / Gambar Kecil Di Address Bar, 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  atau ke Favicon
  
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 ini.

<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'/>
 <b:skin><![CDATA[

pada kode berwarna Merah diatas, adalah alamat saya menyimpan/hosting gambar favicon blog ini.

7. Jika sudah klik pratinjau, lalu save template. Lihat perubahannya.

Nah bagaimana sobat sudah berhasil mengganti faviconnya, terlihat lebih profesional, keren dan ... bagus khan? hehehe selamat mencoba Cara Memasang atau Mengganti Favicon / Gambar Kecil Di Address Bar. Salam Blogger.

Ditulis Oleh : Unknown | Tempat Menunggu Update Terbaru

Saat ini anda sedang membaca artikel yang berjudul Cara Memasang atau Mengganti Favicon / Gambar Kecil Di Address Bar,, Semoga artikel ini dapat bermanfaat dan berguna untuk anda. Jika anda ingin sebarluaskan artikel ini, mohon sertakan Sumber Link Asli. Kritik dan saran silahkan kirim melalui kotak komentar di bawah ini ....

<a href="http://blogspotdootcom.blogspot.com/2014/04/cara-memasang-atau-mengganti-favicon.html" target="_blank">Cara Memasang atau Mengganti Favicon / Gambar Kecil Di Address Bar</a>

:: Thank you for visiting ! ::

Posted in: Blog