Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Menampilkan Icon Logo Blog Agar Tampil di Tab Browser pengunjung

Halo sobat blogger semua, kita jumpa lagi dengan saya arief setiawan pada postingan kali ini saya akan membahas cara menampilkan Logo blog atau website agar bisa tampil di Tab browser pengunjung atau browser yang kita gunakan sendiri.

Dengan memasang Logo icon pada sebuah website maka website tersebut akan terlihat profesional, serta akan mudah di kenali oleh para pengunjung yang menyukai website atau blog Tersebut. Dan untuk logo atau gambar yang akan dijadikan Icon blog, dapat ditentukan sendiri oleh pemilik website atau blog.

Nah lalu bagaimana caranya supaya logo icon blog kita bisa tampil di tab browser pengunjung, sebenarnya caranya tidaklah sulit atau ribet untuk menampilkan logo blog pada tab browser pengjung yang telah mengunjungi blog atau website kita.

Biar tidak penasaran mari kita lihat dulu dibawah ini sebagai contoh kecil tentang apa yang saya bahas di postingan artikel kali ini.

Cara menampilkan Logo blog agar bisa tampil di tab browser pengunjung seperti pada contoh diatas, Hal pertama yang harus anda lakukan adalah.
  • Siapkan satu buah logo icon yang akan anda buat sebagai logo blog anda dengan format png. Dan dengan ukuran yang berbeda.
  • Pastikan logo yang akan anda terapkan berformat png dan ukuranya adalah, 60×60 152×152 192×192 Selanjutnya silahkan anda upload logo icon tersebut satu persatu, anda bisa upload logo tersebut di halaman statis blog anda.
  • Selanjutnya setelah ketiga logo icon tersebut sudah di upload, sekarang silahkan anda copy URL dari ketiga Logo yang tadi anda upload di halaman statis blog anda.
Anda bisa lihat contoh di bawah ini jika anda merasa kebingungan URL yang mana yang harus di Copy.

Untuk sementara anda bisa menyimpan URL logo tersebut pada notepad di komputer atau di smartphone anda.

Selanjutnya silahkan anda Copy Script dibawah ini dan Paste di bawah tag <head> di dalam Templete blog atau website yang anda kelola.

<link href='URL_GAMBAR_ANDA _60x60' rel='icon' sizes='60x60' /> <link href='URL_GAMBAR_ANDA_152x152' rel='icon' sizes='152x152' /> <link href='URL_GAMBAR_ANDA_192x192' rel='icon' sizes='192x192' />

KETERANGAN : Ganti URL_GAMBAR_ANDA dengan Url gambar yang tadi sudah anda copy, untuk penempatan URL nya sesuaikan dengan ukuran logo/gambar masing masing. Supaya lebih mumudahkan anda, sebelum logo di upload sebaiknya rename dulu logo tersebut.

Kita ambil Contoh merename Logo yang berukuran 60x60 Dan kita beri nama logo tersebut misalnya Arief_Setiawan_60x60.png Nah dengan demikian kerjaan anda akan menjadi mudah, Tapi sebenarnya Tidak di haruskan anda merename logo icon tersebut. Karena nanti setelah logo tersebut di upload, maka secara otomatis akan ada data original image, data original width dan data original height. Setelah semua dirasa sudah betul lalu klik Simpan Templete anda.

Oke...jika semua hal di atas sudah di lakukan dengan benar sesuai dengan intruksi, maka setiap kali blog anda di kunjungi oleh pengunjung. Maka secara otomatis logo blog anda akan tampil di Tab browser pengunjung Tersebut.

Gimana sobat! Terlihat Keren dan profesional kan jika blog anda mempunyai ciri khas tersendiri, dan selain itu juga akan memudahkan para pengguna agar cepat bisa menemukan blog anda di browser yang mereka gunakan.

Cukup sampai disini ya pembahasan sederhana cara menampilkan logo icon blog agar bisa tampil di Tab browser pengunjung. Apabila di antara sobat ada yang mengalami kesulitan silahkan Tinggalkan komentar anda dikolom komentar Dibawah. Wasalam

Posting Komentar untuk "Cara Menampilkan Icon Logo Blog Agar Tampil di Tab Browser pengunjung"