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 teman gunakan dan berfungsi untuk memodifikasi banyak sekali tata letak (elemen) dari tampilan situs biar terlihat Mobile Friendly dan Responsive saat di jalan masuk melalui smartphone, tablet dan komputer (laptop).

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

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 teman ketahui, hampir semua template blogger premium memakai instruksi CSS Media Queries di atas. Ok semoga mempunyai kegunaan dan selamat memodifikasi template blogger.*
Sumber https://tipsseokiller.blogspot.com/

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel