Skip to main content

Meta Tag Theme Color Blogger

Meta Tag Theme Color Blogger - Tutorial kali ini akan membahas sebuah metode atau cara menyesuaikan warna theme browser (Chrome, Firefox & Opera) dengan theme blogger dengan meta tag theme color. Di-era android browser moderen sudah mendukung untuk pembiasaan warna thema dengan theme situs web termasuk situs blogger. Mungkin kau juga telah memperhatikan situs-situs raksasa menyerupai facebook, youtube dan lain-nya dikala di jalan masuk melaui browser chrome secara otomatis akan merubah warna address kafe sesuai dengan warna template mereka. Penyesuaian itu tentu tidak terjadi begitu saja melainkan sebuah meta tag color theme yang mengaturnya. Nah kini kita akan menciptakan hal serupa kepada theme blogger dengan memakai "meta color theme".
Tutorial kali ini akan membahas sebuah metode atau cara menyesuaikan warna theme browser Meta Tag Theme Color Blogger
Meta tag theme color
Gambar diatas yakni teladan situs web sebelum memakai meta theme color dan sehabis memakai meta theme color, situs web yang dipasangi meta tag theme color akan meminta browser menyesuaikan tampilan warna dengan warna pada theme situs sehingga situs web akan terlihat lebih menyatu dan megah.

Memasang Meta Tag Theme Color di Blogger

Pada dasarnya browser akan menelusuri warna pada html situs, jadi biar browser sanggup menyesuikan warna dengan template situs silahkan tambahkan element meta tag theme color berikut ini kedalam html template situs web anda sempurna nya berada diatara arahan <head> dan </head>, berikut meta tag nya.
<meta content='#d32f2f' name='theme-color'/>
Simpan arahan meta diatas dan lihat risikonya melalui ponel android, perhatikan arahan "#d32f2f " dan ganti arahan warna tersebut sesuai dengan arahan warna template situs web. Meta theme color tersebut support pada browser Google Chrome, Firefox & Opera "perangkat android". Praktek terbaik untuk merubah atau menyesuaikan warna browser dengan situs, samakan (serupakan) arahan warna dengan warna header situs web, kalau situs memakai top-menu maka sesuaikan dengan arahan warna dengan warna top-menu situs web.

Catatan: Meta tag theme color diatas hanya support pada browser untuk perangkat Google Chrome, Firefox dan Opera pada perangkat Android saja. Jika kau ingin menerapkan meta tag theme color yang support di banyak perangkat dan browser silahkan tambahkan meta theme color di bawah ini;
<!-- Support Google Chrome, Firefox & Opera -->
<meta content='#d32f2f' name='theme-color'/>
<!-- Support Windows Phone & Safari iOS -->
<meta content='#d32f2f' name='msapplication-navbutton-color'/>
<meta content='yes' name='apple-mobile-web-app-capable'/>
<meta content='#d32f2f' name='apple-mobile-web-app-status-bar-style'/>
Meta tag theme color diatas support untuk pembiasaan warna theme pada browser Google Chrome, Firefox & Opera pada perangkat Android, browser Windows Phone dan Safari iOS. Untuk mendukung kinerja meta tag sebaiknya gunakan arahan warna "color hexadecimal".

Jika situs web memakai platform wordpress jangan sungkan untuk memasang arahan meta theme color diatas alasannya yakni meta tag diatas tidak khusus untuk blogger, melainkan untuk semua platform situs web. Kamu sanggup mempelajari lebih dalam mengenai meta theme color ini di google developer [Open]. Selain theme color disana kau juga akan mempelajari ihwal cara mengatur resolusi icon di perangkat mobile (smrtphone).

Demikian klarifikasi ihwal meta theme color blogger serta panduan penerapan meta tag theme color di blogger dan wordpress. Semoga bermanfaat dan hingga jumpa kembali, jangan lupa follow dan subscribe ya.
Labels:

Comments

Post a Comment

Popular posts from this blog

Cara Melihat Jumlah Followers Blog Sendiri

Cara Melihat Jumlah Followers Blog Sendiri - Situs blog yang terkenal tentu sudah memiki jumlah followers (pengikut) situs yang cukup banyak, ratusan atau mungkin ribuan followers. Taukah kau followers situs blogger yang gotong royong yaitu followers yang di sanggup dari feedburner atau lebih dikenal dengan istilah Follow by E-mail atau RSS Feed . Pertanyaan nya berapakah jumlah followers atau pengikut situs blog anda ketika ini? Untuk mengetahui nya mari kita simak cara melihat jumlah followers situs blogger yang diperoleh dari feedburner google (widget follow by e-mail) berikut ini; Cara Mengetahui Jumlah Pengikut RSS Feed Pertama Login ke Akun G-mail, kemudian Kunjungi laman Dashboard Feedburner Anda akan diarahkan ke dashboard RSS Feed (Laman kawasan melihat statistik dan jumlah followers situs blog) Seperti yang ditunjukkan pada pola berikut ini. Cara melihat atau mengetahui jumlah followers blog Keterangan : Gambar sebelah kiri mengatakan daftar feedburner s...
1 comment
Read more

Cara Buat Tombol Share Sticky Bottom (Melayang Dibawah)

Cara Membuat Share Button Sticky Bottom Blogger - Akhir-akhir ini berbagai variasi tombol share muncul ke pasaran dunia cyber " website & blog " tentunya, dan yang paling terkenal ialah tombol share sticky bottom dan sidebar . Gaya yang lainnya tombol share drop-down. Pada artikel ini aku akan membahas Cara menciptakan tombol share sticky bottom (melayang di bawah) pada perangkat mobile (Handphone) dan tombol share sticky sidebar "melayang di samping jikalau di lihat melalui PC. Adapun tombol share yang akan kita buat merupakan tombol share (share button) yang ringan "sticky bottom" dengan sedikit script namun sangat responsive pada perangkat seluler. Sehingga tidak memberi efek jelek pada loading situs anda. Langsung saja simak langkah-langkah cara menciptakan tombol share sticky bottom berikut ini. Kunjungi laman penyedia tombol share yaitu www.addthis.com Silahkan login dengan dengan e-mail atau facebook anda untuk masuk ke dashboard add...
Post a Comment
Read more

Mengenal Input Dan Output Unit Mcb

MCB (Miniature Circuit Breaker) - Assalamualikum para tekhnisi listrik beberapa waktu kemudian ada yang menanyakan " kenapa jumper (incoming) mcb dari bawah kenapa tidak dari atas? " oleh alasannya itu aku akan menjelaskan mengenai input (incoming) mcb dan output (outgoing) mcb . Mungkin masih ada para instalatir listrik yang resah mana input dan yang mana output mcb yang benar. Pada setiap unit mcb umum nya telah di beri petunjuk berupa  simbol mcb & toggle switch dengan tanda  angka 1 sebagai incoming dan angka 2 sebagai outgoing , namun hanya sedikit elektrikal yang membaca symbol mcb tersebut. Padahal symbol pada mcb tersebut merupakan petunjuk cara penggunaan/ pemasangan mcb tersebut. Mungkin anda telah sering melihat rangkaian mcb pada box/ panel listrik dan beberapa rangkaian memakai alat jumper mcb (Busbar) di bab atas mcm dan beberapa rangkaian lain menjumper mcb dari posisi bawah. Sekarang mari kita kenali Input dan Output unit MCB yang sebenarnya. ...
Post a Comment
Read more