iklan banner
YURISTGAMEINIGAMEID101

Jangan Jadi Blogger Kalau Blogmu Berantakan Ketika Diakses Dari HP


Postingan ini sebagai kritikan sekaligus tutorial Cara Membuat Tampilan Blog di HP Berbeda dengan di PC (Responsive Template). Banyak Blogger yang tidak memperdulikan tampilan blognya ketika dilihat melalui ponsel. Bahkan ketika mereka memilih template cuma melihat yang penting SEO. Padahal responsive itu perlu. Karena tidak semua pengunnjung blogmu menggunakan PC atau laptop. Responsive adalah template yang berubah otomatis berdasarkan ukuran browser yang digunakan untuk membuka. Dan yang paling parah, banyak blogger menggunakan template responsive tapi tidak dimanfaatkan dengan baik. Seperti mengaktifkan template seluler.



Mengaktifkan template seluler termasuk KESALAHAN BESAR YANG DILAKUKAN BLOGGER. Apa maksudnya? Mengaktifkan template seluler, berarti membuat template blogmu berbeda tampilan ketika diakses dari HP.

Contoh : Ketika diakses dari HP, template blogmu keren karena menggunakan template unduhan. Namun ketika diakses lewat HP, malah menjadi template putih polos bawaan Blogger. Ciri-ciri blog yang mengaktifkan template seluler, di bawah blog ada tulisan Web Version.







Hal itu dikarenakan kita mengktifkan tampilan seluler. Bagaimana cara mengatasinya?

Buka Blogger > Template > Klik gambar gear pada tulisan seluler > Pilih "Tidak, Tampilkan template selular di perangkat seluler."




Dengan demikian, tampilan selular akan bertuliskan dinonaktifkan. Silahkan buka blog kamu dari HP, maka templatenya akan sama seperti tampilan PC atau Laptop. Nah bagaimana jika tampilan HP terlihat berantakan? Silahkan gunakan template blog yang Responsive. Sehingga ukuran template juga ikut berubah mengikutin browser.




Bagaimana cara memilih template yang responsive?

- Silahkan sebelum mendownload, lihat Demo version terlebih dahulu.
- Kemudian rubah ukuran browsermu dengan klik ikon kotak di pojok kanan atas sebelah tanda silang.
- Rubah jadi ukuran kecil seperti ini :
- Sekarang jelajahi template demo tadi. Lihat dibagian mana saja yang berantakan.
- Yang paling penting, lihatkan kotak komentarnya. Bisa muncul atau tidak.

Banyak template blog yang kotak komentarnya tidak bisa diakses dari HP. Seperti menggunakan Javascript hingga loadingnya lama, seperti gambar animasi loading. (Saya tidak ingin menyebutkan nama template itu karena takut menyinggung developnya).



Kemudian ada lagi komentar tidak muncul di tampilan HP potrait. Setelah di Landscape baru muncul seperti gambar di atas. Ini sering saya temui hingga saya malas mengomentari blog seperti itu. Cara mengatasinya pun gampang. Tinggal merubah CSS display:none;

Mungkin suatu saat saya akan membagikan cara mengedit CSS untuk pemula. Tapi yang terpenting, benahilah template blogmu dalam tampilan selular supaya membuat pengunjung betah. Minimal gunakan template responsive yang baik dan cara diatas (Menonaktifkan Template Selular). Jika masihn susah, ganti template saja mumpung pengunjung belum begitu banyak. Atau tunggu saya membagikan tutorial mengedit CSS Template blog untuk pemula. Sampai jumpa ^^ Go Blogger Indonesia!

About Author

Related Post

16 comments

avatar

Tampilan mobile sangat penting untuk sekarang ini, jadi nggak cuman tampilan web aja yang di perhatikan, tampilan mobile juga yah. Terima kasih info dan masukannya. Salam kenal gan :D

Balas
avatar

memang lebih responsive tampilan mirip template di PC atau putih versi blogger kalau di HP ,

Balas
avatar

emang gan visitor adalah raja , jadi tampilan hp/pc harus nyaman

Balas
avatar

Bener banget gan, sekarang sudah banyak yg akses lewat mobile juga

Balas
avatar

Blogger rapih emang lebih enak di liat gan, dari pada artikel banyak tapi artikel berantakan

Balas
avatar

Blogger rapih emang lebih enak di liat gan, dari pada artikel banyak tapi template berantakan

Balas
avatar

Jadi Yah, Template yg Resonsive dong :v .But thanks is sharing

Balas
avatar

intiny buatlah log kita menjadi mobile friendly ya ka sob

Balas
avatar

bukankah tampilan default pada mobile itu biasanya lebih mobile friendly dan fast loading ya?

Balas
avatar

sip nih responsive (y)
ngapain susah susah ngecilin browser , kan di firefox sama chrome uda ada fiturnya mas :D
mozilla : CTRL + SHIFT + M
chrome : Inspect Element sembarang tempat klik ikon HP :D

Balas
avatar

Karena sekarang jamannya mobile geddon cara ini sangatlah bagus untuk kesehatan blog kita dengan cara ini bisa juga menaikkan earning google adsense juga,
terimakasih sudah share artikelnya,

Balas
avatar

nice tutorialnya.. thanks sudah berbagi

Balas
avatar

Waah, harus optimasi lagi deh ^_^, belum support untuk hp template ane :)

Balas
avatar

Iya gan.. Namun tmpilan yg sderhana ramah buat robot. Tidak guest friendly :)

Balas
avatar

Wah baru tau. Nice info mas bro :)

Balas
avatar

Kamu Pakai Adblock (Anti Iklan)?

Maaf, harap jangan menggunakan Adblock (Anti Iklan) untuk mendukung situs ini tetap berjalan.

Dengan mematikan Adblock (Anti Iklan) berarti kamu telah bersedekah kepada kami.

Terimakasih banyak. ^_^