Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Menciptakan Warna Address Kafe Berubah Mengikuti Warna Blog Di Browser Mobile



Tutorial Merubah Warna Address Bar Browser Mengikuti Warna Blog


Apakah kalian pernah mengunjungi situs tutorial blogging populer ibarat milik Igniel.com atau Arlina Design ? Pasti kalian menemukan keunikan dari kedua blog tersebut dimana ketika kita membukanya melalui perangkat mobile ibarat android atau iOs, Warna address kafetaria dari browser yang kita gunakan berubah mengikuti warna blog.

Seperti pada gambar berikut ini :






Gambar diatas ialah contohnya,saat kita membuka blog igniel warna pada address kafetaria browser berubah mengikuti warna hijau yang dipakai di blog tersebut,dan ketika membuka blog arlinadzgn juga address kafetaria berubah warna mengikuti dasar yang dipakai pada situs tersebut yaitu orange.

Baca Juga : Cara Submit Sitemap yang SEO dengan Benar ke Google Webmaster / Search Console

Lalu apakah kita juga bisa menciptakan warna address kafetaria pada browser menjadi berubah mengikuti warna blog kita?


Tentu saja bisa ! ,lihatlah ini ketika kalian membuka blog ini maka address kafetaria pada browser kalian berubah mengikuti warna gelap yang menjadi warna dasar.

Bagaimana ? apakah kalian tertarik merubah warna address kafetaria mengikuti warna blog?


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

Apa manfaat menciptakan address kafetaria menjadi berubah warna sesuai tema blog ?


Ada beberapa maanfaat yang akan kita dapatkan ibarat :

  • Membuat Blog Menjadi Lebih Keren
  • Membuat Tampilan Blog Lebih Unik
  • Membuat Pengunjung Terkesima
  • Menambah Ciri Khas
  • Meningkatkan User Experience

Bagaimana? Cukup manis bukan manfaat yang akan kau dapatkan.baiklah pribadi saja.

Cara Merubah Warna Addres Bar Mengikuti Warna Dasar Template Blog


  • Masuk ke Blogger.com
  • Sign In menggunakan Akun Anda
  • Buka Dashboard Blogger
  • Masuk ke Menu Tema
  • Klik Edit HTML
  • Lalu Cari Kode Berikut :

<head>

  • Bila sudah ketemu,silahkan anda pilih salah satu instruksi di bawah ini sesuai kebutuhan anda. Dan Tempelkan di bawah instruksi pembuka head yang sudah kita cari tadi.
  • Bila anda sudah tamat menempelkan kode. Silahkan klik Simpan Tema

a. Script Kode untuk merubah Warna Adrress Bar mengikuti Warna Template Blog di semua Jenis Browser


Scriopt Kode ini bisa anda gunakan kalau anda ingin warna addres kafetaria di semua jenis browser berubah mengikuti warna blog anda :

<!-- 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">

Ganti goresan pena kode-warna di dalam rangkaian instruksi tadi sesuai dengan warna dasar pada blog anda.

Bila anda memakai instruksi tersebut maka warna address kafetaria pada semua jenis browser ibarat Opera For Android,Firefox For Android,Chrome For Android,Browser Windos Phone,Browser Safari pada iOs akan berubah mengikuti warna blog anda.

Baca Juga : 6 Penyebab dan Cara Mengatasi Submit Sitemap Error di Google Webmaster atau Search Console

Namun anda juga bisa mengatur semoga perubahan warna addres kafetaria hanya bekerja pada beberapa jenis browser saja. Berikut ini tutorialnya :

b. Mengubah Warna Address Bar Mengikuti Warna Blog di Browser Chrome,Firefox dan Opera Android


Bila sebelumnya kita sudah membahas tutorial untuk semua jenis browser maka berikut ini cara mengatur semoga warna berubah hanya di browser Chrome,Firefox dan Opera untuk Android. Sehingga kalau di buka dari aplikasi peramban selain itu warna address kafetaria akan tetap putih / warna default dari browser.

Berikut ini kodenya :

<meta name="theme-color" content="kode-warna">

Jangan lupa untuk mengganti goresan pena kode-warna dengan instruksi dari warna yang sesuai template blog yang anda gunakan.

c. Mengubah Warna Address Bar Mengikuti Warna Blog di Browser Windows Phone Saja


Anda juga bisa mengatur semoga warna address kafetaria berubah kalau blog dibuka dari browser Windows Phone saja,sedangkan untuk peramban lainnya tetap normal,berikut ini instruksi yang bisa anda gunakan :

<meta name="msapplication-navbutton-color" content="kode-warna">

Ganti tulisan kode-warna dengan instruksi warna yang anda inginkan atau yang sesuai dengan warna dasar dari template blog anda.

d. Warna Address Bar Mengikuti Warna Blog di Browser Safari iOs


Selain dua pengaturan tadi,anda juga bisa mengatur semoga warna address kafetaria berubah hanya kalau dibuka melalui perangkat iOs yang memakai browser Safari. Sperti yang kita tahu bahwa sistem operasi iOs dipakai pada smartphone besutan Apple yaitu iPhone.

Berikut ini instruksi yang bisa anda pasang untuk mengubah warna address kafetaria mengikuti warna blog kalau di saluran melalui browser Safari iOs :

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="kode-warna">

Lalu jangan lupa untuk mengganti goresan pena kode-warna yang di warnai kuning tadi dengan instruksi warna yang akan anda gunakan di blog.

Berikut ini Demo dari tutorial merubah warna address kafetaria mengikuti warna blog yang sudah di praktekkan oleh Dirga.id :



Penutup


Itulah tadi tutorial memasang instruksi untuk merubah warna address kafetaria pada browser mobile mengikuti warna pada blog. Pastikan anda mengikuti langkah-langkahnya dengan benar dan menentukan instruksi yang sesuai untuk anda gunakan.

Baca Juga : 5 Cara Membuat Halaman Sitemap Otomatis yang SEO Friendly dan Keren di Blogger

Ada baiknya juga untuk melaksanakan backup template sebelum melaksanakan pengeditan untuk menghindari kemungkinan jelek yang tidak di inginkan. Baiklah, selamat mencoba.

Semoga artikel Cara Membuat Warna Address Bar Berubah Mengikuti Warna Blog di Browser Mobile yang aku berikan ini bermanfaat dan bisa menambah semangat blogging teman-teman.

Sumber https://www.dirga.id/