Pamula merupakan tema personal yang saya desain dengan beberapa referensi, Tema ini dibuat clean dan elegant untuk membuat lebeih fresh serta memaksimalkan fitur dari fungsi blogger agar dapat meminimalisir penggunaan javascript atau json blogger. Tema ini memiliki kecepatan super cepat seperti tema-tema yang saya share sebelumnya, tapi pada tema yang saya buat sekarang terus menggunakan fungsi javascript dan tidak ada jQuery di dalamnya. Kemungkinan kalian tidak akan paham karena terbiasa dengan jQuery. Pada tema ini kalian akan mendapatkan beberapa fitur menarik seperti : Kecepatan Loading Super Ngebut Dengan memiliki loading yang cepat pasti dapat membuat pengunjung menjadi lebih betah sebab tidak perlu cari Artikel serupa meskipun yang disebabkan oleh loading lambat. Saya sudah mencoba untuk mengetest kecepatan dengan bantuan dari GTmetrix dan Pagespeed. Untuk melihat hasilnya bisa cek gambar berikut: Kecepatan loading ini sudah saya test sendiri mengg...
Waktu kalian browser pada sebuah website / blog mungkin akan ketemu yang warna Address Bar mengikuti warna dari website / blog tersebut. Hal ini juga dapat memperbagus tampilan dari suatu blog yang kita jalankan meskipun memang jarang digunakan oleh para blogger lain, mungkin belum tahu untuk merubah warna Address Bar tersebut. Jika kalian melihat hasil dari Audits maka kita diharuskan untuk menambahkan kode berikut :
Kenapa kita harus menggunakan kode tersebut ? mungkin akan terlihat lebih Profesional dan tentu saja memperbagus tampilan dan menghilangkan Error pada hasil dari Audits itu sendiri. Apa blog ini juga memakai kode tersebut ? Saya jawab "Ya" karena untuk menghilangkan Error pada Audits dan membuat blog ini menjadi lebih nyaman digunakan tentunya maka saya menambahkan kode tersebut sehingga Address Bar mengikuti Warna Blog.
Bagaimana untuk memasang kode tersebut di Blogspot ? disini kita hanya perlu menambahkan kode tersebut tepat dibawah kode <head> dan taruh kodenya disitu. Tapi sebelum menaruh kodenya tentu kita harus tahu warna dari Header blog kita karena ini yang akan dijadikan patokan untuk warna nya.
Kalian bisa menggunakan Inspek Element dan lihat warna pada Background atau jika tidak ingin menggunakan Inspek Element bisa dengan mencari kode #header-wrapper tapi kodenya berbeda-beda sesuai dengan pembuat template. Pokonya dari kode #header saja cari nanti ada yang namanya Background, setelah ketemu kalian copy kode nya yang diberi tanda block dibawah ini ke notepad.
Langsung saja ke penerapan kodenya dibawah ini :
Pertama copy kode berikut dan paste tepat dibawah kode <head>
Hasil dari kode diatas akan terlihat seperti ini
Semoga Postingan ini sangat bermanfaat bagi kalian...
<meta name="theme-color" content="#ffffff">
Kenapa kita harus menggunakan kode tersebut ? mungkin akan terlihat lebih Profesional dan tentu saja memperbagus tampilan dan menghilangkan Error pada hasil dari Audits itu sendiri. Apa blog ini juga memakai kode tersebut ? Saya jawab "Ya" karena untuk menghilangkan Error pada Audits dan membuat blog ini menjadi lebih nyaman digunakan tentunya maka saya menambahkan kode tersebut sehingga Address Bar mengikuti Warna Blog.
Mengubah Warna Address Bar
Bagaimana untuk memasang kode tersebut di Blogspot ? disini kita hanya perlu menambahkan kode tersebut tepat dibawah kode <head> dan taruh kodenya disitu. Tapi sebelum menaruh kodenya tentu kita harus tahu warna dari Header blog kita karena ini yang akan dijadikan patokan untuk warna nya.
Kalian bisa menggunakan Inspek Element dan lihat warna pada Background atau jika tidak ingin menggunakan Inspek Element bisa dengan mencari kode #header-wrapper tapi kodenya berbeda-beda sesuai dengan pembuat template. Pokonya dari kode #header saja cari nanti ada yang namanya Background, setelah ketemu kalian copy kode nya yang diberi tanda block dibawah ini ke notepad.
Langsung saja ke penerapan kodenya dibawah ini :
Pertama copy kode berikut dan paste tepat dibawah kode <head>
<meta content='Kode Warna' name='theme-color'/>
<meta content='Kode Warna' name='msapplication-navbutton-color'/>
<meta content='yes' name='apple-mobile-web-app-capable'/>
<meta content='Kode Warna' name='apple-mobile-web-app-status-bar-style'/>
Kedua ganti kode warna yang ditandai diatas dengan warna pada #header tadi yang di notepad<meta content='#323ba4' name='theme-color'/>
<meta content='#323ba4' name='msapplication-navbutton-color'/>
<meta content='yes' name='apple-mobile-web-app-capable'/>
<meta content='#323ba4' name='apple-mobile-web-app-status-bar-style'/>
Ketiga simpan template dan lihat hasilnya dengan membuat lewat androidHasil dari kode diatas akan terlihat seperti ini
Semoga Postingan ini sangat bermanfaat bagi kalian...
Comments
Post a Comment
To insert a code use <i rel="pre">code_here</i>To insert a quote use <b rel="quote">your_qoute</b>To insert a picture use <i rel="image">url_image_here</i>To insert a video use <i rel="video">video</i>Tinggalkan komentar sesuai topik tulisan, komentar dengan link aktif tidak akan ditampilkan. Admin dan penulis blog mempunyai hak untuk menampilkan, menghapus, menandai spam, pada komentar yang dikirim.


Pada akhirnya nemu apa yg gue cari² �� thanks gan infonya
ReplyDeletesama-sama
Deletebagus ini gan...saya bookmark dulu ya...
ReplyDeletesilahkan, dibookmark dan jangan lupa dishare :D
Deletetest komen
ReplyDelete:D
Delete