Cara Membuat / Mengganti Favicon / Site Icon Blog - Smart Education

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 mengunakan Pain, atau Photoshop, dll. Kemudian mengupload gambar favicon itu di hosting/tempat penyimpanan image online (misal di
photobucket.com, ataw mediafire.com). 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.


mengganti ikon blog

3. Cari gambar dengan klik Telusuri lalu klik simpan.

4. Favicon blog sobat sudah berubah.

Cara Kedua

1. Upload dulu gambar yang akan anda gunakan sebagai icon blogger
2. Buka Dasbor > Menu Template > edit HTML > cari kode <b:skin><![CDATA[. Lalu masukkan alamat url favicon blog yang telah di upload, 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAXQWY7cYeIDLhMEdRa1fwOQyaekGkaBVmjB68rrOIgn-z9MKy_bDVipraRrsR6czY_dSx0uyCCWzAN3tnhxCzWPpxVzi7PncmaXHcxhCVarLH_9aSKg-FkRa5J70D0VQ1BOOtptEUIaE/s1600/Icon+Blogger.jpg' rel='shotcut icon'/>
 <b:skin><![CDATA[
Pada kode berwarna merah diatas, adalah alamat saya menyimpan/hosting gambar favicon blog ini.
Jika sudah klik "pratinjau", lalu save template. Lihat perubahannya.

Anda sedang membaca Cara Membuat / Mengganti Favicon / Site Icon Blog, jika menurut anda artikel ini menarik, dan bermanfaat bagi anda, anda bisa menyebar luaskan artikel ini dengan memberi sumbernya blog ini ; http://yoga-tc.blogspot.com/2013/05/cara-membuat-mengganti-favicon-site.html

4 komentar untuk "Cara Membuat / Mengganti Favicon / Site Icon Blog - Smart Education"

Untuk menyisipkan kode, gunakan tag <i rel="code">Kode disini...</i> atau <i rel="pre">Kode disini...</i>
Untuk menyisipkan gambar, gunakan <i rel="image">URL gambar disini...</i>
Untuk menyisipkan catatan, gunakan <b rel="quote">Tulis catatan disini...</b>
Untuk menciptakan efek tebal, gunakan tag <b>Teks anda disini...</b>
Konversi Kode Back to Top

Back to Top