Bar Theme Color untuk Mobile Template

Halo sobat Ramaibeud, Apa kabarnya hari ini? Tampaknya sedang sibuk edit edit template ya, Baiklah, Kali ini Ramaibeud akan membuat tutorial tentang Bagaimana cara membuat bar theme color untuk mobile template pada blogspot.

Sebelumnya pasti anda sudah tau apa itu Bar theme color, tapi bagi yang belum tau akan penulis jelaskan di bawah ini.

Bar Theme Color adalah sebuah warna latar yang di ciptakan oleh mobile browser. Dan untuk masing masing mobile browser tentu berbeda beda cara setingnya.

Untuk membuat bar theme color anda di haruskan menambahkan meta tag color schema pada bagian head template anda. Kira kira seperti ini yang di maksud dengan bar theme color.




Lalu seperti apa dan bagaimana cara menulis meta tag color schema agar bisa bekerja pada bar theme color? Baiklah, kita lihat kebawah lagi.

Berikut ini adalah contoh penulisan kode meta tag untuk membuat bar theme color pada template blog anda.


<!-- Bar theme color -->
<meta content='#CC3278' name='theme-color'/>
<meta content='#3BB53D' name='msapplication-navbutton-color'/>
<meta content='#FFD026' name='apple-mobile-web-app-status-bar-style'/>

Tambahkan meta tag color schema di atas tepat di atas kode <b:skin> untuk template blogspot.

Namun jika anda menggunakan platform wordpress, kode di atas bisa anda tambahkan di bagian kode yang ada di barisan kode tag meta yang sama.

Untuk template wordpress anda bisa mencari bagian head pada file header.php.



Sekarang silahkan anda coba dan lihat hasilnya apakah berhasil atau tidak. Jika belum berhasil juga bisa kembali lagi ke artikel ini atau hubungi saya via google plus.

Demikianlah sedikit artikel tutorial tentang bagaimana cara membuat bar theme color untuk mobile template pada blogspot dan wordpress. Semoga bermanfaat dan berguna bagi kita semua.

Akhwan Beud
Hanya orang biasa yang suka dengan dunia blogging. Mengelola lebih dari 350 Blog yang tersebar di berbagai Negara.

Related Posts