Cara Modifikasi Template Simpel Bawaan Blogger Menjadi Responsif Dan Seo friendly

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

Cara-modifikadi-template-simpel-bawaan-blogger

Buka dasbord blog anda pilih template ,pilih template bawaan blogger simpel ,yang seperti gambar dibawah ini penampakanya

Cara modifikadi template simpel bawaan blogger

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         ? &quot;width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0&quot;         : &quot;width=1100&quot;' 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 .


Cara modifikadi template simpel bawaan blogger


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





Subscribe Our Newsletter