Sejujurnya, saya bingung mau pakai judul "favicon" atau "logo blog". Akhirnya untuk mencapai target keduanya, saya buat sub judul artikelnya dengan kedua kata tersebut. Satunya memakai Logo Blog, dan satunya lagi menggunakan kata Favicon.
Latar Belakang
Apa maksud dari artikel ini? Masalah ini muncul saat saya membuka blog saya di browser ponsel dan kemudian mencoba menyimpannya di speed dial supaya mudah dicari. Ketika saya lihat di speed dial browser, logo blog tidak muncul. Yang terlihat malah nama blog Cerita Madya.
Di sisi lain, saya buka YouTube dan mencoba menyimpannya di speed dial browser, logo YouTube berhasil tersimpan dan terlihat. Begitu juga saat saya praktekkan di situs-situs terkenal lainnya. Saya coba di blog milik saya yang lain, tetap gagal.
Kemudian, saya cek membuka blog via browser laptop. Terlihat favicon blog muncul dengan baik tanpa suatu hambatan apapun. Sama halnya saat mengecek blog-blog saya yang lainnya. Trus masalahnya dimana?
Silahkan lihat perbandingannya |
Hasilnya ternyata muncul nama situsnya saja. Saya langsung lemas karena saya kira penulis sudah berhasil mempraktekkan di situsnya. Atau jangan-jangan saya yang salah paham mengenai artikelnya. Entahlah. Maaf ya gan.
Sebelum saya lanjutkan kembali. Bagi anda yang mempunyai blog dan sudah dipasangi favicon, coba buka browser opera di Android Anda lalu simpan di speed dial. Jika sudah, cek di speed dial apakah blog Anda berhasil memunculkan favicon blog atau hanya tulisan saja.
[Baca juga: Beli Domain di RumahWeb]
Mencari Solusi
Sehari dua hari, saya kebingungan mencari jalan keluarnya. Alhamdulillah, solusi muncul saat saya mencobanya dengan blog saya yang menggunakan layanan W0rdpress. Ketika membuka dan menyimpannya di speed dial, logo blog W0rdpress berhasil muncul.
Dari sana, saya berusaha mengutak-atik kode html yang ada di dalam blog W0rdpress saya. Setelah melalui uji coba trial and error, akhirnya saya berhasil menemukan caranya dan sukses diterapkan di blog Cerita Madya.
Adapun langkah-langkanya adalah sebagai berikut :
Langkah Ke-1
Unggah atau upload logo blog Anda di dalam blog Anda. Ingat, logo yang diunggah sudah berformat PNG. Jika berformat JPEG, saya kurang mengerti. Untuk hati-hati, gunakan format PNG saja.
Langkah Ke-2
Jika logo blog Anda sudah diunggah, sekarang salin alamat tautan gambar tersebut. Caranya, buka foto lalu klik kanan dan pilih salin alamat gambar.
Langkah Ke-3
Selanjutnya, buka tab Tema blog Anda dan klik Edit HTML. Salin kode di bawah ini dan letakkan di bawah kode <head>
<link rel="icon" href="alamat gambar logo blog Anda?w=32" sizes="32x32" />
<link rel="icon" href="alamat gambar logo blog Anda?w=192" sizes="192x192" />
<link rel="apple-touch-icon-precomposed" href="alamat gambar logo blog Anda?w=180" />
<meta name="msapplication-TileImage" content="alamat gambar logo blog Anda?w=270" />
<link rel="icon" href="alamat gambar logo blog Anda?w=192" sizes="192x192" />
<link rel="apple-touch-icon-precomposed" href="alamat gambar logo blog Anda?w=180" />
<meta name="msapplication-TileImage" content="alamat gambar logo blog Anda?w=270" />
Langkah Ke-4
Ganti kata-kata alamat gambar logo blog Anda dengan alamat tautan gambar blog Anda. Tanda petik dua jangan dihapus.
[Baca juga : Menonton Anime SAO Movie Ordinal Scale]
Selesai. Simpan dan silahkan cek di opera Android Anda. Lihat apakah berhasil berubah atau tidak. Jika mengalami kesulitan, silahkan bertanya di komentar atau di forum. Atau sekedar menyapa saja. Keep respect and thanks for visiting!
Tidak ada komentar:
Posting Komentar