Cara Modifikasi Template Simpel Bawaan Blogger Menjadi Responsif Dan Seo friendly-Kali ini Seo Brutal akan berbagi ilmu Bagaimana caranya menjadikan templat simpel bawaan blogger menjadi lebih menarik, menjadi Seo, dan responsife dantentunya
template blog gratis ini bisa tampil premium dan bisa di andalkan performanya ,dan gak kalah sama template blogger premium di luaran sana.
Cara membuat template simpel bawaan blogger menjadi template blogger keren dan ringan itu sangat mudah ,ya tentunya kita harus sedikit paham dan ngerti kode kode html,css dan Javascript, tidak harus mahir sih yang penting ngerti aja.
Lihat tampilan awal template simpel bawaan blogger ini akan kita buat menjadi template blogger seo friendly dengan merubah dan menambahkan beberapa kode css dan html
Mari kita mulai :
Klik tata letak kemudian matikan matkan nafbar seperti gambar dibawah ini
Buka dasbord blog anda pilih template ,pilih template bawaan blogger simpel ,yang seperti gambar dibawah ini penampakanya
Kemudian klik edit template Ko ini cari code di bagian css seperti ini
.post-body img, .post-body .tr-caption-container { padding: $(image.border.large.size); }
Ganti dengan kode seperti ini
.post-body img, .post-body .tr-caption-container {padding: 0;width:auto;max-width:100%;height:auto;}
Setelah itu cari kode html
<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> Atau seperti ini
<meta expr:content='data:blog.isMobile ? "width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0" : "width=1100"' name='viewport'/>
Ganti denga kode seperti ini
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
Kemudian tambakan kode di bawah ini tepat 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>
Kemudian simpan template ,dan lihat hasilnya .
Ya kalau kalian gak paham koding atau males anda bisa langsung download template blogger keren ini di sini Demo Download 1 Donload 2
template blogger gratis 2021
download template blogger gratis 2021
template blogger gratis 2021
template blogger gratis
Sumber dari contohblog.com