Css Media Queries Untuk Desktop, Tablet Dan Mobile

Kode Template Blogger Mobile Friendly dan Responsive: CSS Media Queries untuk Desktop, Tablet dan Mobile

CSS Media Queries merupakan kumpulan instruksi CSS yang akan mengatur Mobile Friendly dan Responsive sebuah template blogger.

Kode-kode ini sanggup sahabat gunakan dan berfungsi untuk memodifikasi banyak sekali tata letak (elemen) dari tampilan situs biar terlihat Mobile Friendly dan Responsive dikala di terusan melalui smartphone, tablet dan komputer (laptop).

CSS Media Queries ini sudah usang aku dapatkan melalui situs template blogger SEO Kraken.

CSS Media Queries untuk Desktop, Tablet dan Mobile

Berikut kode-kode CSS yang mengatur tampilan blog Mobile Friendly (Responsive/Adaptif) template blogger:

/*   ##Device = Desktops   ##Screen = 1281px to higher resolution desktops */ @media (min-width: 1281px) {   //CSS } /*   ##Device = Laptops, Desktops   ##Screen = B/w 1025px to 1280px */ @media (min-width: 1025px) and (max-width: 1280px) {   //CSS } /*   ##Device = Tablets, Ipads (portrait)   ##Screen = B/w 768px to 1024px */ @media (min-width: 768px) and (max-width: 1024px) {   //CSS } /*   ##Device = Tablets, Ipads (landscape)   ##Screen = B/w 768px to 1024px */ @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {   //CSS } /*   ##Device = Low Resolution Tablets, Mobiles (Landscape)   ##Screen = B/w 481px to 767px */ @media (min-width: 481px) and (max-width: 767px) {   //CSS } /*   ##Device = Most of the Smartphones Mobiles (Portrait)   ##Screen = B/w 320px to 479px */ @media (min-width: 320px) and (max-width: 480px) {   //CSS } 

Jika ada bab instruksi CSS yang kurang atau belum lengkap, silakan lengkapi di kolom komentar yang telah disediakan.

Tapi sih yaaa... aku rasa, instruksi CSS di atas sudah cukup lengkap.

Perlu sahabat ketahui, hampir semua template blogger premium memakai instruksi CSS Media Queries di atas. Ok semoga berkhasiat dan selamat memodifikasi template blogger.*