Cara menyembunyikan header blog pada versi mobile

Baca Juga

Halo sahabat blogger,,

Pada kesempatan ini saya akan membagikan tutorial tentang bagaimana cara menyembunyikan header blog pada versi mobile. Kenapa harus disembunyikan?? mungkin anda bertanya demikian. Pada dasarnya header blog sangat penting untuk tampilan kita namun ada beberapa kasus header dianggap menggangu tampilan blog terutama ketika menggunakan gambar pada header. Mungkin pada saat ditampilkan dalam versi dekstop akan terlihat baik-baik saja tapi bagaimana ketika ditampilkan dalam versi mobile?? sebagai contoh tampilan header blog saya dibawah ini

Versi Dekstop

Versi Mobile

Versi Mobile Setelah Menghilangkan Header

Nah terlihat perbedaannya kan. Untuk itu silahkan simak langkah-langkah dibawah ini
Pertama anda masuk ke blogger lalu masuk ke bagian Tema>>Edit HTML lalu pilih lompat ke widget lalu pilih header.Lihat gambar dibawah ini

Kemudian tambahkan kode berikut sebelum section header dan penutup

<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'> 

</b:if>

kemudian save template dan coba buka blog kamu di smartphone kamu.
Bagaimana mudah bukan??.
Mungkin itu saja dari saya pada kali ini, jika ada yang ingin ditanyakan silahkan tanyakan pada kolom komentar atau live chat blog ini.
Terima kasih & salam blogger

Cara merubah warna tema address bar browser sesuai warna blog anda

Baca Juga

Hallo Sahabat Bloggger

Pada kesempatan ini saya akan memberikan trik agar warna address bar browser kita mengikuti warna theme blog kita. Nah yang belum tau maksud mengubah warna addres bar coba anda buka situs facebook.com di browser gadget anda ,saya sarankan anda menggunakan Google Chrome. Contoh dibawah ini:

Lalu apa gunanya menyesuaikan warna theme blog kita dengan address bar browser?. Yang pertama manfaat menyesuaikan warna address bar browser dengan blog kita tentu untuk mempercantik tampilan blog kita pada saat di buka di browser dan yang kedua dan yang paling penting yaitu memberi kesan kepada pengunjung blog bahwa blog kita ini terlihat profesional dan tentu saja akan membuat pengunjung merasa betah dan akan mengunjungi blog kita lagi.
Lalu bagaimana cara nya menyesuaikan warna blog kita dengan addres bar browser?. Caranya gampang banget sobat tidak perlu repot-repot membongkar skrip sana sini cukup masuk ke edit html lalu tambahkan script dibawah ini

<meta name="theme-color" content="#001b2a" />

Masukkan kode tersebut tepat diatas </head> atau dibawah <meta content='id' name='geo.country'/>
Untuk kode warna dapat diperoleh dari situs http://www.color-hex.com/ dan pilih warna yang sesuai dengan warna theme blog anda. Setelah itu save dan coba buka blog anda di gadget anda (saya sarankan pakai chrome). Tampilannya akan berubah kurang lebih seperti dibwah ini

Nah mudah bukan, mungkin itu saja dari saya pada kesempatan ini mudah-mudahan dapat bermanfaat bagi tema-teman semua.

Warna addres bar hanya dapat berubah di perangkat mobile

Cara menambahkan atau mengganti icon menubar blog

Baca Juga

Pada tutorial kali ini saya akan mengajarkan cara menambahkan atau mengganti icon pada blog sobat. Icon yang akan saya gunakan yaitu icon dari font awesome. Font Awesome sendiri merupakan situs yang menyediakan icon yang menarik dan simple serta memiliki ribuan bahkan puluhan ribu icon.
Nah langsung saja  caranya seperti di bawah ini

Pertama masuk pada blog sobat lalu masuk ke tema lalu edit html. Lalu cari menu yang ingin ditambahkan icon . Contoh seperti sub menu Visual Basic akan saya tambahkan icon.

Lalu kembali ke edit html, find "Visual Basic" agar lebih mudah Ctrl + f kemudian ketikan "Visual Basic" seperti gambar dibawah ini 

Kemudian tambahkan skrip di bawah ini tepat diatas "Visual Basic" tadi.

<i class='fa fa-code'/>

Untuk mengganti icon sesuai keinginan sobat cukup ganti 'fa fa-code' dengan code icon lainnya di Font Awasome . Setelah itu save dan refresh blog sobat.

Nah itulah tutorial dari saya semoga dapat membantu teman-teman blogger. Jika ada yang ingin ditanyakan tanyakan lewat kolom komentar.

Terima kasih

Cara Mengubah Icon Favicon pada blog

Baca Juga

Mengubah icon blog tentu adalah hal yang wajib mengingat secara default icon blogspot pada blog teman-teman sekalian pasti sangat mainstream. Tentu Mengubah icon sedikit mengubah persepsi pengunjung bahwa blog kita sudah profesional. Sebenarnya mengubah icon blog sangat mudah dan bahkan mungkin banyak blogger yang tidak memerlukan tutorial cara mengganti icon blog. Namun bagi yang belum tau bisa mengikuti langkah-langkah dibawah ini:

1. Masuk di blogger anda masing-masin.
2. Masuk di tata letak dan kemudian klik edit pada favicon

3. Kemudian click choose file

4. Pilih icon andalan sobat.

5. Kemudian klik simpan dan refresh kembali blog sobat.

Nah sekarang blog sobat sudah memiliki icon sendiri.

Jangan lupa coment jika ada yang ingin ditanyakan