Merubah Warna Address Bar Blog pada Tampilan Smartphone atau Mobile!!


Bismillah oke sob apa kabar sob?...semoga anda selalu diberikan kesehatan selalu ya sob. Oke pada Artikel kali ini admin akan Sharing lagi Tips atau Tutorial Blogging sob, ya...Tips kali ini adalah Merubah Warna Address Bar Blog pada Tampilan Smartphone atau Mobile sob.

Bisa anda lihat pada gambar diatas sob?? ya itu adalah address bar yang dimana blog atau website itu menunjukan alatnya atau URL nya sob.

Setiap Blog yang kita kelola pasti ingin memiliki User Interface yang bagus nan menarik agar semua pengunjung atau pembaca menyukai dan betah nimbrung di Blog anda. Nah cara membuat Blog kita agar terlihat Menarik salah satu nya tips yang akan admin share ini yaitu Merubah Warna Address Bar Blog pada Tampilan Smartphone atau Mobile.

Meskipun yang paling berpengaruh dalam User Interface (Tampilan) Blog itu adalah Template Blog, karena itu merupakan komponen utama dalam Segi User Interface sob, jadi tips yang admin share ini cuma memperindah dan memoles tampilannya khususnya bagian Address bar pada tampilan Mobilenya atau Smartphone nya sob,jadi Warna Header Navigasi Blog,Addressbar,Status Bar itu selaras sob jadi lebih enak dipandang kan.

Apa Kelebihan Mengubah Address Bar pada Blog kita?
ya Berikut kelebihan saat Blog kita  :
1. Merapikan Tampilan Bagian atas atau bagian kelompok statusbar,header Blog,address bar blog/website
2. Membuat Blog anda terlihat  lebih Eye Catching (sangat enak dipandang)
3. Terlihat mirip seperti blog-blog terkenal

Cara Merubah Warna Address Bar Blog pada Tampilan Smartphone atau Mobile bagaimana??
cara Merubah Warna Address Bar Blog pada Tampilan Smartphone atau Mobile sebagai berikut:

1. Masuk Ke Dashboard Blogger anda lalu ke menu Tema


2. Klik Tombol Edit HTML


3. Setelah Muncul kode HTML nya anda Copy saja Source Code Dibawah...

<!-- URL Theme Color untuk Chrome, Firefox OS, Opera dan Vivaldi Browser -->
<meta name="theme-color" content="#fff" />
<meta name="msapplication-navbutton-color" content="#fff" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="#fff" />

4. Setelah Dicopy Pastekan tepat dibawah <head>

#CATATAN PENTING!
Pada setiap code content='#fff' itu anda isi dengan Hexacolor (warna memakai Kode Hexa)...
Sesuaikan dengan warna yang anda inginkan...

jika anda bingung kemana mencari hexa color anda ketikan di google dengan keyword "hexa color"
sesuaikanlah dan copy ke code content='#fff'


Sekian tips dari admin, jika anda bingung atau tidak berhasil maka tulis saja di kolom komentar sob.
Semoga Bermanfaat...
sekian dan terimakasih...
RDF
Full-time Learner

Related Posts