bQsqpPcZvKyg8Vvzo6jobl9lgcVr4zroDMLffJhS

Mengubah Warna Address Bar Browser Sesuai Dengan Warna Template Blog


Di hari minggu yang berbahagia ini, admin akan share cara untuk mengubah address bar browser sesuai dengan warna dari template blog. Pasti kalian pernah mengunjungi sebuah website atau kah blog lalu dengan sendirinya berubah warna yang awalnya putih berubah jadi warna lain.

Hal tersebut membuat blog menjadi lebih menarik kelihatannya. Tampilan blog juga mempengaruhi tingkat kenyamanan pengunjung. Apabila tampilan sebuah blog tidak beraturan alias amburadul, itu akan membuat pengunjung ngeri untuk melihat artikel dan sesegera mungkin ingin meninggalkan blog yang amburadul tersebut.

Sebaliknya, tampilan blog yang rapi, menarik dan stylish akan membuat pengunjung berah berlama-lama di blog tersebut. Tampilan blog yang menarik diawali dari pemilihan tenplate yang benar. Sudah banyak blog-blog yang menyediakan template gratis dan premium untuk digunakan. Kalian tinggal memilih mana yang lebih cocok untuk jenis blog kalian. Jangan ambil template blog download jika blog kalian adalah blog artikel. Jadi sesuaikan saja jangan berlawanan dengan pembahasan dalam blog.

Setelah melihat tampilan address bar browser berubah saat mengunjungi blog tersebut, maka kalian pasti juga ingin menerapkannya di blog saudara/saudari. Maka dari itu admin akan share beberapa langkah yang akan kalian ikuti untuk membuat warna address bar browser berubah setelah pengunjung mengunjungi blog kalian.

Di sini kita hanya menambahkan tiga meta tag ke dalam template blog kalian masing-masing. Berikut adalah langkah-langkahnya.
  1. Login ke akun blogger kalian.
  2. Sudah login akan tampil dashboard. Pilih blog mana yang akan di edit (jika kalian punya lebih dari satu blog)
  3. Pada menu utama di samping kiri dashboard, pilih tema lalu edit HTML.
  4. Salin kode yang ada di bawah ini.
    <!-- Hape Android -->
       <meta name='theme-color' content='XXX'/>
    <!-- Hape Windows -->
       <meta name='msapplication-navbutton-color' content='XXX'/>
    <!-- Hape Apple iOS -->
       <meta name="apple-mobile-web-app-status-bar-style" content="XXX" />
  5. Letakkan kode di atas sebelum tag </head>
  6. Simpan tema dan silahkan buka blog kamu lewat hape via browser chrome, taraaa berubah deh warnanya.

Untuk catatan, ganti variabel XXX menjadi warna yang sesuai dengan template. Dan warna kalian bisa memakai kode hex yang diawali tanda # seperti #71d54c atau langsung nama dari warna tersebut seperti red, blue dan lain-lain.

Bagaimana cara mendapatkan warna yang sesuai dengan template? Kalian tinggal screenshot blog kalian lalu buka aplikasi Image Color Picker (bisa cari di PlayStore). Pilih gambar hasil screenshot tadi dan silahkan pilih warna template yang dimau seperti pada gambar di bawah ini (template TahuPost).


Sekian sudah tutorial dari admin, semoga bisa bermanfaat bagi kalian sobat blogger. Admin tutup dengan ucapan terima kasih. Sampai jumpa. Bye bye 🙋
Related Posts
Initials JST
Hanya orang biasa yang ingin eksis di dumay. Sering online di Quora dan Pinterest. Jangan pernah menghubunginya lewat WhatsApp jika hari libur.

Related Posts

1 komentar

Dilarang spam dan menyisipkan link aktif pada komentar. Use your brain!