BloggerIndonesia.net - Materi Kupas Tuntas Template Blogspot ini adalah materi presentasi seperti yang telah dipaparkan oleh Arizal Firmansyah (pendiri Komunitas Blogger Indonesia) pada Webinar 11 tahun KBI (Komunitas Blogger Indonesia) kemarin, Jum'at, 27 Mei 2022. Yuk, selamat belajar:
- Kode CSS diawali dengan kode <b:skin> dan diakhiri dengan </b:skin>
- Kode HTML dibungkus dengan tag <div> dan </div>. Kode JS dibungkus oleh kode <script> dan </script>
- Kode JS dibungkus dengan <script> dan </script>
Cari dan Ganti kode:.post-body img, .post-body .tr-caption-container { padding: $(image.border.large.size); }dengan kode:.post-body img, .post-body .tr-caption-container { padding: 0; width:auto; max-width:100%; height:auto; }Cari dan Ganti kode: <b:if cond='data:blog.isMobile'> <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/> <b:else/> <meta content='width=1100' name='viewport'/> </b:if>dengan:<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>Simpan kode berikut ini di atas kode </head><style>@media only screen and (max-width:568px){.post{height:auto;width:100%!important;display:inline-block;text-decoration:none;float:left;margin:0 1.1% 2%;padding:0!important}.main-inner .column-right-outer{width:100%!important;padding-bottom:50px!important;padding-top:50px}}@media only screen and (max-width:800px){.main-inner .column-center-inner {padding: 0px;}.main-inner .columns{padding-left:0;padding-right:310px;width:100%!important;position:relative;right:0!important}.main-inner .column-right-outer{width:310px!important;margin-right:0!important;position:relative;right:10px!important}.main-inner .column-right-outer{padding-top:50px!important;padding-bottom 50px!important}}@media only screen and (max-width:1010px){body .navbar {height: 0px !important;}body{min-width:0!important;width:100%!important;padding:0!important}.content{width:100%!important;min-width:0!important;overflow:hidden!important}.header-outer{width:100%}.fauxborder-left{width:100%!important}html body .region-inner{min-width:0!important;max-width:100%!important;width:100%!important;padding-left:0}.header-inner .section{margin:0;width:100%!important}.footer-outer{width:100%!important}.content-outer,.content-fauxcolumn-outer,.region-inner{min-width:0!important;max-width:100%!important}#sidebar-right-1{width:100%!important}.main-inner .column-right-outer{width:45%!important;margin-right:-310px;position:relative;right:10px!important}.main-inner .columns{padding-left:0;padding-right:310px;width:70%!important;position:relative;right:20px!important}#sidebar-right-1 a img{max-width:100%!important}.post-body img, .post-body .tr-caption-container {max-width: 100%;height: auto;}}</style>
Tidak ada komentar: