Responsive Web/Blog Desain Adalah Menyesuaikan Tampilan Blog/Website Terhadap Gadget Yang Kita Gunakan, Contohnya Laptop,Iphone,Ipad Dengan Resolusi Layar Yang Berbeda - Beda Dari Setiap Gadget. Mungkin Semua Blogger Menginginkan Templatenya Responsive Agar Dapat Dilihat Dengan Enak Oleh Pengunjung Sehingga Pengunjung Semakin Banyak, Jika Tidak Sabar Berikut Tutorialnya, SIMAK
Cara Membuat Desain Blog Menjadi Responsive
1. Login Ke Blogger
2. Template > Edit Html
3. Letakan Kode Berikut, Di Bawah Kode
<head>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
4.Kemudian Cari Kode
]]></b:skin> Lalu Copy Kode Berikut Diatas Kode ]]></b:skin>
<style>
@media only screen and (min-width:768px) and (max-width:989px) {
#outer-wrapper {width:730px; margin:0 auto }
Kode CSS lainya
}
@media only screen and (max-width:767px) {
#outer-wrapper {width:540px; margin:0 auto }
Kode CSS lainya
}
@media only screen and (max-width: 580px) {
#outer-wrapper { width: 500px }
Kode CSS lainya
}
@media only screen and (max-width: 490px) {
#outer-wrapper { width: 430px }
Kode CSS lainya
}
@media only screen and (max-width: 479px) {
#outer-wrapper { width: 280px }
Kode CSS lainya
}
@media screen and (max-width: 260px) {
#outer-wrapper { width: 210px }
Kode CSS lainya
}
</style>
Untuk Melihat Hasilnya,, Silahkan Kecilkan Tampilan Browser Anda,,
Apakah Udah Responsive ?
Semoga Berhasil , Salam Sejahtera