Cara Merubah Tampila Warna Address Bar Di Browser Mobile Sesuai Dengan Loyout Blog

Hallo kali ini blog ID Dzgn akan coba mengupas tutorial blog yang mungkin kalian belum ketahui atau mungkin sudah, bagi yang belum mengetahui mungkin masih penasaran dengan tutorial yang saya bagikan kali ini. Tutorial kali ini adalah: Cara Merubah Tampila Warna Address Bar  Di Browser  Mobile Sesuai Dengan Loyout Blog , Nah pastinya sobat ID Dzgn pernah mengunjungi situs web dalam tampilan mobile, nah di addres bar browser pasti terkadang kamu bingung karena addres bar warnanya berbeda dengan tampilan situs web lain, jika kamu pengguna blogger kamu bisa merubah tampilan warna addres bar situs kamu sesuai dengan keingan kamu, caranya pun tidak terlalu ribet hanya harus menambahkan tag untuk merubah warnanya pada setiap tampilan browser mobile yang berbeda.

Baca Artikel Ini

Nah di atas adalah gambar demo yang memperlihatkan perbedaan warna addres bar pada browser mobile, langsung saja ke tutorial pemasanganya di bawah ini!

Cara Merubah Tampila Warna Address Bar Browser Smartphone Sesuai Dengan Loyout Blog

1. Silahkan buka Blogger>Tema>Edit Html, lalu pastekan kode berikut tepat di atas kode </head> untuk mepercepat pencarian silahkan klik tombol

CTRL

+

F

Pada keyboard leptop kamu

<!-- 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'/>(e=Math.max($(this).outerWidth(),$(this).outerHeight()),t.css({height:e,width:e})),i=o.pageX-$(this).offset().left-t.width()/2,n=o.pageY-$(this).offset().top-t.height()/2,t.css({top:n+"px",left:i+"px"}).addClass("animate")})});//]]></script>

2. Sekarang silahkan kamu Save/Simpan dan buka situs web kamu pada tampilan mobile dan lihat hasilnya.

Untuk mengganti warna silahkan kamu ganti kode warna #0048b4 sesuai dengan keingan kamu.

Nah bagai mana shobat mudah bukan, ya caranya cukup mudah dan simple menurut saya. Semoga Tutorial Blog di atas bisa bermanfaat buat kamu, jangan mudah menyerah teruslah melangkah tampa rasa lelah (Kata Bijak) Terimakasi.

Artikel Terkait