Cara Menampilkan favicon Blogspot di tampilan Seluler atau Handphone

favicon adalah sebuah logo kecil ciri khas sebuah blog yang biasanya ada di bagian atas menu tab browser yang anda gunakan , Contoh saja Lihat favicon blog saya ,Lihat Gambar Ini (.

..). Itu adalah salah satu contoh ciri favicon blog saya.. Namun yang saya perlihatkan di atas adalah favicon yang tampil di HP saya ,bukan di PC / Laptop , dari sini anda pasti sudah sedikit mengetahui apa itu favicon ...

 Pembahasan 
 Penampakan favicon yang ada di blogspot bisa saya bilang cukup di batasi , kenapa ?? 
Ya favicon di blogspot hanya bisa tampil dan terlihat ketika kita membukanya di komputer / laptop , namun ketika kita coba buka blog lewat Handphone yang terlihat Favicon blog tersebut tidak akan terlihat dan yang tampil hanyalah Nama Blog anda.... 
Namun itu hanya berlaku di blog yang bersubdomain contohnya saja Blogspot.com

seperti yang kita ketahui Akun blogspot di manapun tidak menampilkan Faviconya di browser Hp , Favicon blog hanya akan tampil dan terlihat ketika kita membuka blog lewat PC / LAPTOP , biasanya ketika kita ingin mengganti atau mengedit favicon ,langkah langkahnya kita harus membuka akun blogger yang anda punya , lalu kalau anda sudah sampai di dasbor Blogger pilih / Klik menu Tata Letak ,Lalu klik Edit Favicon , biasanya kolom 'Edit favicon' ada di bagian pojok kiri halaman yang terletak paling atas di menu Tata Letak Blogger... 

Lantas bagaimana cara menampilkan faviconya di HP ?? 

setelah sekian lama saya mencari tahu berita mengenai cara menampilkan favicon di blogspot yang bisa juga tampil di handphone di Mbah Google , memang saya akui tidak banyak blog / website di Google yang menyediakan cara ini ,kiranya hanya 1 - 2 blog saja , Entah ia tak mau memberitahu cara ini karena terbilang langka atau apa ,.. Ahirnya setelah mencari tahu lebih dalam , Alhamdulillah saya mendapatkan juga caranya . bisa saya bilang kita di sini hanya menyelipkan sedikit kode html kita di pengaturan blog / di kolom Edit Html...

 bila anda ingin serius mengganti favicon, anda harus terlebih dahulu mengubah ukuran Gambar yang bakal anda gunakan sebagai Favicon, Ubah Ukuran gambar menjadi Gambar yang cukup kecil ukuranya , Bila anda tak ingin repot mengganti Ukuran gambar anda secara manual anda bisa menggantinya lewat Aplikasi Online Jasa penyedia pengubah ukuran Favicon , Klik di SINI untuk mengubah ukuran gambar.. gambar akan otomatis berubah format dari yang sebelumnya .Jpg / .Png yang rata2 berukuran 32x32 px .dan berubah menjadi Format .ico
Sekarank kalau Gambar Favicon anda sudah siap dan Format gambar sudah .Ico (bukan .jpg .png dan sejenisnya) anda sekarank tinggal cari kode Gambar favicon blog anda...

Sekarank kalau Gambar Favicon anda sudah siap dan Format gambar sudah .Ico (bukan .jpg .png dan sejenisnya) anda sekarank tinggal cari kode Gambar favicon blog anda...

Selanjutnya pergi ke menu Entri Baru (yang terletak di Halaman Dasbor blogger anda)

lalu di kolom posting pilih bagian HTML ,lalu unggah gambar favicon anda dari pc / laptop ke kolom posting , kalau gambar sudah terunggah , akan muncul banyak kode di kolom posting , tapi anda cukup meng-Copy kode Gambar favicon dengan kode Gambar yang seperti ini (Http://url gambar anda.Ico)..

Langkah selanjutnya
 Pergi ke Menu Template di dasbor blogger anda ( Ini langkah krusial dan terpenting di tutorial kali ini ) ,sekarank kalau anda sudah sampai di menu TEMPLATE dasbor blogger blog, pilih bagian kolom EDIT HTML ..
Terahir kalau anda sudah sampai pada kolom Edit Html Cari Kode </head> , Cara cepatnya Klik di keyboard Ctrl+F untuk mencari kode yang akan di cari ,kemudian Tambahkan kode ini di bawah kode </head>.

(copy kode ini)

---

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAlZdO2nO3aMfziA37-AOa4nSQ7L5lNixnpERIwQPZHw58uKt2YFJt3UDQIWY9pHU8SqaHyOPnCQJYVJ8hYcbFe4Be4K-W_Y4cm-kEOCF20aCnidGbcPptPC-oGtsykmpCni5a7PNs6v6f/s1600/favicon.ico' rel='icon' type='image/x-icon'/>

---

Isi dan ganti kode yang berwarna merah dengan Url kode gambar Favicon Blog anda yang tadi telah anda Copy / salin.. dan Terahir Klik Simpan template.

Nah dari sini anda sudah berhasil menambahkan sedikit kode favicon di blog anda dan sekarank tinggal anda Cek di browser hp anda , apakah favicon sudah tampil atau belum di tampilan Hp secara sempurna, sebagai cotohnya saya mengeceknya di Browser Operamini yang saya punya.. Lihat gambar ini

kalau favicon sudah berhasil muncul di blog seperti gambar di samping , berarti anda berhasil menampilkan favicon anda di tampilan seluler dan blog anda kini lebih terlihat profesional ....




dan ini penampakan blog biasa di tampilan hp

jelaskana perbedaaanya gambar di samping dengan gambar di atas ???





 Sekian tutorial saya di kesempatan kali ini ,semoga berguna bagi anda yang membutuhkan dan semoga berhasil... Bila anda kurank jelas dengan penjelasan saya di atas , anda juga bisa berkomentar di bawah untuk menanyakan hal-hal yang belum anda mengerti.. 

 | Penting | 
bila anda ingin meng'copy paste artikel ini Di mohon sertakan sumber yang jelas ,demi menghargai penulis.. Terimakasih