Cara Edit Template Asli Blogger Jadi Responsive

Sebenarnya saya juga tidak tau bahasa yang lebih mudah dimengerti untuk judul posting ini apa. Tapi yang jelas posting ini akan menjelaskan bagaimana : Cara Edit Template Asli Blogger Jadi Responsive, Cara membuat Template Asli Blogger Jadi Responsive, Edit template jadi responsive, edit blogger jadi responsive, cara ubah template blog jadi responsive. Kesemuanya itu hampir sama, hanya beda kata-katanya.

Tampilan template asli blogger jadi responsive

Ketika kita membuat blog di blogger, tentunya blogger telah menyediakan beberapa template yang ada di dibagian : Blogger > Template. Disana telah banyak terdapat beberapa pilihan template yang dapat digunakan secara gratis.
Untuk cara mengubah template tersebutbisa dilihat pada posting Ganti Template Standar bawaan blogger. Jika diperhatikan, template tersebut masih sangat standar dan jika ingin tampil beda, tentunya masih banyak pekerjaan yang harus dilakukan untuk untuk edit template bawaan tersebut.
Posting kali ini akan menjelaskan bagaiaman Cara Edit Template Asli Blogger Jadi Responsive, berikut edit template tersebut:
- Pastikan telah login ke blogger
- Buka Template > Edit html
- Cari kode

.post-body img, .post-body .tr-inscription holder {

cushioning: $(image.border.large.size)

}

- ganti kode tersebut dengan kode

.post-body img, .post-body .tr-heading compartment {

cushioning: 0;

width:auto;

max-width:100%;

height:auto;

}

- Tambahkan kode berikut dibawah kode </head>

<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>

- Cari kode ]]> </b:skin> tambahkan kode berikut diatasnya :

@media screen and (max-width:1024px){

body,.content-external, .content-fauxcolumn-external, .district inward {width: 100%!important;min-width:100%!important;padding:0!important}

body .navbar {height: 0!important;}

.footer-internal {padding: 30px 0px!important;}

}

@media screen and (max-width: 603px){

.primary inward .segments {padding-right: 0!important;}

.primary inward .segment right-external {width: 100%!important;margin-privilege: 0!important;}

}

- Simpan dan lihat hasilnya
Untuk melihat hasilnya bisa melalui website https://www.responsinator.com/
Baca juga cara membuat Membuat menu di blogspot responsive http://caraeditblogger.blogspot.co.id/2015/05/membuat-menu-di-blogspot.html