Cara Membuat Template Default Blogger Jadi Responsive

Cara Membuat Template Bawaan Blogger Menjadi Responsive.

TEMPLATE bawaan blogger (default blogger template) tidak responsive. 

Namun, blogger menyediakan fasilitas mobile devices di setting template.

Bagi Anda yang selama ini nyaman dengan template default blogger, dan ingin templatenya menjadi responsive, berikut langkah-langkah mudah untuk mengubah template bawaan blogger ini menjadi responsive (mobile friendly).

Dengan menjadikannya responsive, maka optimisasi lainnya tidak akan sia-sia alias tetap berfungsi saat blog dibuka di HP.

Cara Menjadikan Responsive Template Bawaan Blogger

1. Nonaktifkan widget Navbar. Layout > Edit Widget Navbar > pilih 'Off".
2. Cari (Ctrl+F) kode berikut ini:

.post-body img, .post-body .tr-caption-container {
  padding: $(image.border.large.size);
}

3. Hapus dan ganti dengan kode berikut ini:

.post-body img, .post-body .tr-caption-container {
padding: 0;
width:auto;
max-width:100%;
height:auto;
}

4. Cari lagi kode di bawah ini. Jika kode ini tidak ditemukan, lewati saja.

     
   
     
   

5. Ganti dengan kode berikut ini:

6. Cari kode

lalu Copas kode berikut ini tepat di atasnya:

7. Save! Simpan Template.

Demikian Cara Membuat Responsive Template Default Blogger sebagaimana dishae Kompi Ajaib. 

Demikian  cara menjadikan template bawaan blog jadi responsive mobile-friendly.***

Share This