Header Ads Widget

Ebook GRATIS Bisnis Online dari Nol - Banner Post Ads Uka Fahrurosid

Latest

6/recent/ticker-posts

Cara Membuat Blogspot Ramah Mobile agar Tidak Kehilangan Pembaca

Pelajari cara bikin blogspot jadi ramah mobile supaya pembaca nggak kabur gara-gara loading lambat di HP.

Ilustrasi seseorang mengakses blog di ponsel dengan tampilan responsif

Kenapa Blogspot Harus Ramah Mobile?

Pernah nggak sih ngebuka blog di HP terus tampilannya berantakan dan loading-nya lambat banget? Nah, itu tandanya blog tersebut belum ramah mobile. Padahal, sekarang mayoritas pengunjung datang dari ponsel. Jadi kalau blogspot kita nggak dioptimalkan, siap-siap aja ditinggal pembaca.

 

Fakta: Pengguna Internet Lebih Sering Akses Lewat HP

Seiring pesatnya teknologi, layanan internet makin cepat. Ada 3G, 4G, bahkan 5G. Orang-orang makin nyaman baca blog sambil rebahan pakai HP. Tapi blog yang tampilannya masih kaku dan berat diakses di layar kecil? Auto ditinggalin, Bro.

 

Trik Biar Blogspot Anda Jadi Mobile Friendly

1. Masuk ke Dashboard Blogger

Login dulu ke akun Blogger anda kayak biasa. Pilih blog yang mau anda optimalkan.


2. Buka Menu Template

Di sidebar kiri, klik Template, lalu pilih Edit HTML. Tenang aja, ini nggak seseram kelihatannya.


3. Cari Kode Tertentu

Gunakan CTRL+F dan cari kode ini:

<b:include data='blog' name='all-head-content'/>

4. Tambahkan Kode Viewport

Langsung di bawah kode tadi, paste kode berikut ini:

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
  <meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>
<b:else/>
  <meta content='width=1100' name='viewport'/>
</b:if>

Jangan lupa klik Save ya!

 

Uji Coba: Buka Blog Anda dari HP

Setelah disimpan, langsung aja cek blog anda pakai HP. Harusnya tampilan jadi lebih bersih, responsif, dan ringan diakses. Ini bikin pembaca betah scroll-scroll artikel anda.

 

Kesimpulan

Membuat blogspot jadi ramah mobile itu penting banget, apalagi di era sekarang yang serba HP. Cuma dengan nambahin beberapa baris kode, blog anda bisa jadi lebih cepat dan nyaman dilihat di layar kecil. Pembaca senang, trafik pun naik.

 

Yuk Optimalkan Blog Anda!

Kalau artikel ini bermanfaat, jangan lupa share ke teman blogger lain. Atau kalau anda punya pertanyaan seputar blogging, langsung aja tulis di kolom komentar ya. Selamat ngoprek blog dan semoga makin rame pengunjungnya!

Semoga Bermanfaat!

Miliki ebook GRATIS yang akan bantu kamu cuan dari dunia digital.

Dapatkan di Sini!

Follow @ukafahrurosid

Posting Komentar

10 Komentar

  1. untuk timplet yg baru, keknya kode itu udah otomatis ada
    mantap bro

    BalasHapus
  2. wew menarik bgt bos.....smpeh....

    jgn lp knjung blik :D

    BalasHapus
  3. A thoughtful insight and ideas I will use on my blog. You've obviously spent some time on this. Well done!

    BalasHapus
  4. Anonim8:23 PM

    bagus makasih

    BalasHapus
  5. makasih sob tipnya,emang lg nyari,mudah2an kode tersebut bisa sukses saya terapkan di blog saya

    BalasHapus
  6. Looking for cheap gadget ? http://revieweverywhere.blogspot.com

    BalasHapus
  7. thaks gan tips nya
    pantesan blog ane susah klo di akses lwat HP ^^
    TQ

    BalasHapus
  8. sama saja gag berhasil

    BalasHapus
  9. Sangat Berguna

    BalasHapus
  10. Jika blog wp kira2 apakah script di atas bisa juga dijalankan ?
    terima kasih

    BalasHapus

Banner Ads 728x90