» » » Cara Membuat Warna Template Blog Menyatu Dengan Tab Browser atau Status Bar HP

Cara Membuat Warna Template Blog Menyatu Dengan Tab Browser atau Status Bar HP

,
Pada kesempatan kali ini saya akan berbagi sedikit tutorial tentang dunia blog yaitu menambah sebuah keindahan / mempercantik tampilan blog pada saat dibuka di sebuah smartphone. tidak bisa dipungkiri bahwa tampilan sebuah blog menjadi daya tarik tersendiri selain isi yang ada pada blog itu sendiri. Nah kali ini saya akan berbagi tutorial bagaimana Cara Membuat Warna Template Blog Menyatu Dengan Tab Browser atau Status Bar HP seperti yang ada pada gambar dibawah ini.




warna yang menyatu dengan status bar/ tab browser akan tampak lebih menarik bukan? lalu bagaaimana caranya? sebenarnya sangat simpel, kita hanya bermain meta content dan  theme color pada template blog yang kita gunakan. silahkan ikuti langkah dibawah untuk membuatnya

1. Login ke blogger.com

2. Masuk ke dasbor blog

3. pilih menu Theme kemudian klik EDIT HTML

4. Jika sudah, silahkan cari kode <head> 

untuk memudahkan pencarian silahkan gunakan kombinasi tombol pada keyboard CTRL+F 

5. Jika sudah ketemu, copy kode HTML pada kotak berikut dan letakkan dibawah kode <head>

<meta content='#007A87' name='theme-color'/>
<meta content='#007A87' name='msapplication-navbutton-color'/>
<meta content='yes' name='apple-mobile-web-app-capable'/>
<meta content='#007A87' name='apple-mobile-web-app-status-bar-style'/>

ganti kode warna #007A87 dengan kode warna sesuka kalian. kalau ingin membuat warna menyatu seperti template yang kalian gunakan silahkan gunakan kode warna yang sama.

Untuk mencari kode warna bisa menuju ke link berikut Color Picker

6. Silahkan save hasil edit HTML nya. Selesai

mungkin cukup itu dulu tutorial kali ini, semoga bermanfaat. enjoy and have a nice day :)

Subscribe to receive free email updates:

21 Responses to "Cara Membuat Warna Template Blog Menyatu Dengan Tab Browser atau Status Bar HP"

  1. AnonymousMarch 6, 2019 at 7:01 PM

    Mantapp mas gan, sangat bermanfaat sekali artikel nya

    ReplyDelete
  2. ANEKA CARA BLOGMarch 12, 2019 at 3:16 AM

    Perlu dicoba sepertinya tips ini. Kadang mempercantik blog sangat perlu agar pengunjung betah berlama-lama di dalam blog.

    ReplyDelete
  3. AutonomMarch 12, 2019 at 4:42 PM

    Mantap nih. Agar pengunjung betah dan enak di lihat

    ReplyDelete
  4. Indra AdityaMarch 15, 2019 at 10:22 AM

    owh jadi gitu caraya hmmm boleh di coba nih hehe...

    ReplyDelete
  5. Indra AdityaMarch 31, 2019 at 6:52 PM

    wuih keren juga nih blog ane tampilannya jadi keren pas di buka dari android hehe terimakasih gan tutorialnya

    ReplyDelete
  6. ovoqqApril 2, 2019 at 2:15 PM

    link alternatif royalflush88 selalu memberikan bonus setiap harinya

    royalflush88
    idrbola88
    royalflush99
    bokep indo
    pecintabokep

    ReplyDelete
  7. BangtaxApril 5, 2019 at 11:36 PM

    tips nya bagus nih buat mempercantik blog

    ReplyDelete
  8. Ahmad Subqi AriantoApril 6, 2019 at 4:07 PM

    Siap. Makasih gan

    ReplyDelete
  9. Pandji_ApkApril 7, 2019 at 3:32 PM

    Mantapp tipsnya ane suka gan, makasih


    apkgratisunduh.blogspot.com

    ReplyDelete
  10. gue gabutApril 28, 2019 at 10:37 AM

    keren turotialnya gan iji bookmark buat praktekin ke blog ane

    ReplyDelete
  11. My Universe WebJune 27, 2019 at 9:06 PM

    nyoba dulu gan, mantaf nih matur suwun ilmunya

    ReplyDelete
  12. Ta là taJune 30, 2019 at 8:49 PM

    nice tip

    ReplyDelete
  13. JasablogmuFebruary 20, 2020 at 1:00 PM

    Kren mas

    ReplyDelete

Subscribe to: Post Comments (Atom)