Cara Mudah Membuat Template Blog Responsive & Mobile Friendly

Halo, tutorial Kali ini saya akan membagikan Cara Mudah Membuat Template Blog Responsive, artikel kali ini cukup mudah dan simpel untuk kalian praktekkan secara langsung, yuk langsung cek artikel dibawah ini.

Apa itu Responsive & Mobile Friendly?, Responsive memiliki arti merespon, dan Mobile Friendly memiliki arti adaptive. Arti Lebih tepatnya tampilan blog akan merespon & menyesuaikan ukuran layar dimana blog itu dibuka baik itu handphone atau komputer. Kelebihan dari Responsive & Mobile Friendly yaitu memiliki fungsi untuk Meningkatkan SEO, Memudahkan Pengguna Smartphone, dan Disukai Pengunjung.

Cara Mudah Membuat Template Blog Responsive & Mobile Friendly

Buka Blogger > Tema > Edit HTML
Simpan HTML berikut dibawah <head>, jika sudah ada tidak perlu ditambah.

<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>

Kemudian simpan CSS berikut di atas </style>

@media screen and (min-width:769px) and (max-width:1024px){
...ISI...
}

@media screen and (min-width:641px) and (max-width:769px){
...ISI...
}

@media screen and (max-width:640px){
...ISI...
}

Ganti ...ISI... dengan CSS yang ingin kamu edit menjadi Responsive & Mobile Friendly.

Untuk lebih jelasnya kalian bisa cari video tutorial diyoutube, sekian tutorial kali ini & semoga artikel kali ini bermanfaat, terima kasih.

Search This Blog

Otaku Desain