Cara Terbaru Merubah Warna Address bar Di Browser Smartphone

Cara Terbaru Merubah Warna Address bar Di Browser Smartphone

Pada kesempatan kali ini pekanan.com akan berbagi tutorial cara megganti warna address bar dibrowser, terutama pada browser populer saat ini, yaitu chrome, mozilla dan safari miilik apple.

Sebelumnya mungkin sobat sering melihat warna kotak pencarian atau kotak alamat yang ada paling atas pada setiap browser berubah warna mengikuti warna blognya, terutama ketika dibuka via smartphone.

Memang terlihat sangat menarik dan tampilan blog juga semakin unik dan cantik, hal ini yang membuat saya juga ingin mencobanya, sehingga sobat lihat sendiri tampilannya pada blog saya ini, searchbarnya berubah warna menyesuaikan warna blog saya.

Satu yang harus sobat ketahui, bahwa cara ini tidak berpengaruh jika dibuka via desktop, karena memang cara ini khusus untuk ditampilkan di versi mobile.

Dan ada beberapa browser yang tidak mendukung perubahan warna pada searchbarnya, diantaranya UC browser, browser bawaan HP, dan operamini, ketiga browser ini ketika saya coba lihat blog saya, ternyata bagian atas browsernya tidak berubah seperti pada tiga browser yang saya sebutkan diatas.

Meski merubah warna pada bagian kotak pencarian pada browser ini tidak memperngaruhi score SEO, namun sangat perlu untuk sobat coba sekedar untuk mempercantik tampilan blog sobat, agar lebih kekinian.


Nah, bagi sobat yang penasaran bagaimana cara untuk merubah warna searchbar pada setiap browser, kebetulan kali ini saya akan berbagi tutorialnya.

Cara Terbaru Merubah Warna Addressbar Di Browser Mobile 

Caranya cukup mudah, sobat cukup menyimpan kode CSS dibawah ini pada bagian tag heading, biasanya disimpan setelah tag meta, dan sebelum ]]><b:skin>.

Nah, sekarang sobat copy kode dibawah ini dan simpan sebelum kode ]]><b:skin>.


<!-- Warna untuk Chrome, Firefox OS, Opera dan Vivaldi -->
<meta content='#0048b4'name='theme-color'/>
<!-- Warna untuk Windows Phone -->
<meta content='#0048b4' name='msapplication-navbutton-color'/>
<!-- Warna untuk iOS Safari -->
<meta content='yes' name='apple-mobile-web-app-capable'/>
<meta content='#0048b4' name='apple-mobile-web-app-status-bar-style'/>

Bagian kode warna, silahkan sobat ganti sesuai dengan warna blog sobat atau dengan warna sesuai dengan selera sobat masing-masing.

Jangan lupa disave templatenya.


Nah, jika sudah selesai memasangnya pada template sobat, sekarang sobat coba lihat dengan cara membuka blog sobat dengan browser chrome di smartphone sobat.

Makan tampilan address bar rnya akan berubah sesuai dengan warna yang sobat setting tadi.

Demikian tutorial Cara merubah warna searchbar di blogspot dengan mudah, semoga bermanfaat.

0 Response to "Cara Terbaru Merubah Warna Address bar Di Browser Smartphone "

Post a Comment

Selamat Datang di Blog Pekanan.com