Home
Blogger

Merubah Warna Addressbar Browser Mengikuti Warna Template Blog

Jika kamu berkeinginan untuk merubah addressbar browser pada blog kamu
Cara Merubah Warna Addressbar Browser Mengikuti Warna Template Blog
Addressbar

Tampilan blog juga berpengaruh pada kenyamanan pengunjung. Tampilang yang tak menarik serta susunan blog yang tak beraturan akan membuat pengunjung malas untuk melihat artikel yang ada pada blog kita. Halhasil blog kita bisa sepi ujung-ujungnya bikin malas untuk ngeblog.

Tampilan blog yang menarik sebetulnya di mulai dari pemilihan template yang tepat pula. Tapi jika kamu malas untuk mengganti template sebaiknya redesign saja secara bertahap sambil belajar. Belajar dari pengalaman itu akan lebih efektif loh sobat.

Pada kebanyakan blog yang ada ketika url nya kita buka. Pasti kamu pernah melihat warna addressbar browser sesuai atau sama dengan warna dari template yang di pakai. Contoh seperti blog saya ini atau seperti pada website mainstream lainya. Untuk lebih jelasnya tentang perbeda yang dimaksud kamu bisa melihat pada gambar berikut.

Cara Merubah Warna Addressbar Browser Mengikuti Warna Template Blog
Contoh

Nah jika kamu juga berkeinginan untuk merubah addressbar browser pada blog kamu. Menyesuaikan warna antara addressbar browser dengan warna pada template yang di pakai. Kamu bisa mengikuti tutorial berikut ini. Caranya sangat mudah dan gampang untuk diterapkan walaupun kamu masih blogger pemula.

Kita hanya diminta untuk menambahkan beberapa kode meta tag kedalam template yang kita gunakan. Berikut langkah-langkahnya silahkan di ikuti dan di praktekan langsung. Sebagai catatan untuk yang saya kasih tanda (xxxx) kamu isi dengan kode warna templatemu atau warna lain juga boleh.

  1. Login ke akun blogger kamu. 
  2. Masuk ke dashboard blog yang akan dirubah.
  3. Kemudian pilih template dan edit HTML.
  4. Copy kode script di bawah ini.
  5. Letakan kode tersebut dibawah kode
  6. Lalu simpan template dan lihat hasilnya.

<!-- Untuk Android -->
<meta content='xxxx' name='theme-color'/>
<!-- Untuk Windows Phone -->
<meta content='xxxx' name='msapplication-navbutton-color'/>
<!-- Untuk iOS Safari -->
<meta content='xxxx' name='apple-mobile-web-app-status-bar-style'/>

Gimana sobat mudah bukan, sekarang tampilan blog kamu sudah lebih menarik dari sebelumnya. Coba url blog kamu di buka melalui smarphone. Maka warna addressbar pada browser smartphone akan otomatis ikut berubah sesuai warna template yang di gunakan.

Post a Comment