ok kali ini saya akan memberikan tips agar postigan di blog kalian menjadi responship,, contoh nya seperti blog saya ini kawan,, ok langsung saja
Pergi ke tema,, lalu edit HTML
1.Cari kode di bawah ini:
Ganti kode tersebut dengan kode di bawah ini:
.post-body img, .post-body .tr-caption-container { padding: $(image.border.large.size); }
Ganti kode tersebut dengan kode di bawah ini:
.post-body img, .post-body .tr-caption-container {padding: 0;width:auto;max-width:100%;height:auto;}
2. Cari kode di bawah ini:
<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>
Ganti dengan kode di bawah ini
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
3. Simpan kode CSS Responsive berikut ini di atas kode </head>
<style type='text/css'> @media screen and (max-width:1024px){ body,.content-outer, .content-fauxcolumn-outer, .region-inner {width:100%!important;min-width:100%!important;padding:0!important} body .navbar {height: 0!important;} .footer-inner {padding: 30px 0px!important;} } @media screen and (max-width: 603px){ .main-inner .columns {padding-right: 0!important;} .main-inner .column-right-outer {width: 100%!important;margin-right: 0!important;} } </style>
4. Save! Simpan Template!
Semoga sukses,, tinggal test blog kalian

No comments:
Post a Comment