Membuat warna adress bar browser android berubah sesuai warna template blog

B-KREATIF - Ketika saya mengunjungi dan menggunakan sebuah template dari Arlina dan igniel ada yang keren dari template mereka. Ketika saya mengunjunginya, ternyata warna pada adress bar search engine pada android saya berubah sesuai dengan warna pada blog tersebut. Kemudian terlintas di benak saya sebuah pertanyaan.

adress bar

Lalu apakah kita juga bisa membuat warna address bar pada browser menjadi berubah mengikuti warna blog kita?


Tentu saja bisa ! Lihat blog saya , saat kalian membuka blog ini maka address bar pada browser kalian berubah mengikuti warna header blog ini. Bagaimana ? apakah kalian tertarik merubah warna address bar mengikuti warna blog?

Tentu akan menjadi keunikan dan ciri khas tersendiri bila warna pada addres bar browser mengikuti warna blog kita,pengunjung akan merasa lebih takjub dan akan mudah mengingat blog yang kita punya. Karena mereka akan familiar bahwa situs yang mereka kunjungi mempunyai ciri khas tersendiri dari segi warna.


Apa manfaat membuat address bar menjadi berubah warna sesuai tema blog ?


Ada beberapa maanfaat yang akan kita dapatkan seperti :
  • Membuat Blog Menjadi Lebih Keren
  • Membuat Tampilan Blog Lebih Unik
  • Membuat Pengunjung Terkesima
  • Menambah Ciri Khas
  • Meningkatkan User Experience
  • Bagaimana? Cukup bagus bukan manfaat yang akan kamu dapatkan.baiklah langsung saja.

Berikut adalah contoh adress bar yang berwarna sesuai dengan template blog dari arlina design



Penasaran bagaimana membuat adress bar pada blog berubah ? Berikut caranya :

Cara Merubah Warna Addres Bar Mengikuti Warna Dasar Template Blog


Untuk menggantinya sangat mudah berikut adalah langkah-langkah untuk membuat warna adress bar pada blog anda mengikuti warna dasar template blog :
  1. Masuk ke Blogger.com
  2. Sign In menggunakan Akun Anda
  3. Buka Dashboard Blogger
  4. Masuk ke Menu Tema
  5. Klik Edit HTML
  6. Lalu Cari Kode <head>
  7. Masukan Script dibawah ini tepat dibawah kode <head>
    
    <!-- Untuk Google Chrome, Firefox & Opera --> 
    <meta name="theme-color" content="kode-warna"> 
    <!-- Untuk Windows Phone --> 
    <meta name="msapplication-navbutton-color" content="kode-warna"> 
    <!-- Untuk Safari iOS --> 
    <meta name="apple-mobile-web-app-capable" content="yes"> 
    <meta name="apple-mobile-web-app-status-bar-style" content="kode-warna">
    

  8. Isi content dengan warna sesuai dengan warna template blog anda
  9. Kemudian Simpan  
  10. Selesai dan lihat
Diatas merupakan script untuk semua versi Browser. Namun anda juga bisa mengatur agar perubahan warna addres bar hanya bekerja pada beberapa jenis browser saja. tinggal menghapus salah satu Meta tersebut sesuai dengan browser yang ingin anda tampilkan. Contoh anda hanya ingin menampilkan hanya pada browser chrome dan firefox. anda bisa menghapus  meta untuk versi safari ios dan windows phone tepat bawah coment  <----Untuk windows phone---->

Sekian artikel dari saya. Jika ada seputar pertanyaan silahkan kirimkan di kolom komentar dibawah ini. Terima Kasih Telah berkunjung.

0 Response to "Membuat warna adress bar browser android berubah sesuai warna template blog"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel