Cara Gampang Menciptakan Template Blog Responsive & Mobile Friendly
Halo, tutorial Kali ini aku akan membagikan Cara Praktis Membuat Template Blog Responsive, artikel kali ini cukup gampang dan simpel untuk kalian praktekkan secara langsung, yuk eksklusif cek artikel dibawah ini.
Apa itu Responsive & Mobile Friendly?, Responsive mempunyai arti merespon, dan Mobile Friendly mempunyai 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 ialah mempunyai fungsi untuk Meningkatkan SEO, Memudahkan Pengguna Smartphone, dan Disukai Pengunjung.
Cara Praktis Membuat Template Blog Responsive & Mobile Friendly
- Buka Blogger > Tema > Edit HTML
- Simpan HTML berikut dibawah <head>, jikalau sudah ada tidak perlu ditambah.
- Kemudian simpan CSS berikut di atas </style>
- Ganti ...ISI... dengan CSS yang ingin kau edit menjadi Responsive & Mobile Friendly.
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>@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... }Untuk lebih jelasnya kalian dapat cari video tutorial diyoutube, sekian tutorial kali ini & biar artikel kali ini bermanfaat, terima kasih.