Download Template Default Blogger Versi Responsive Terbaru

Bagi Anda yang sedang mencari template bawaan Blogger yang responsive, disini tempatnya. Namun saya tidak akan langsung memberikan link downloadnya, tetapi saya akan kasih tahu juga “bagaimana langkahnya agar template default blogger menjadi responsive”. Bagi yang ingin langsung mendownloadnya silahkan saja scroll ke bawah.

Pertama, copy paste kode berikut dan letakkan di atas kode </head>

<style type='text/css'>
body {
  min-width: 280px;
}
.content-outer, .content-fauxcolumn-outer, .region-inner {
  min-width: 280px;
}
img {
  max-width: calc(100% - 10px);
  height: auto;
}
.separator a {
  margin-left:0 !important;
  margin-right:0 !important;
}

@media only screen and (max-width:768px){
  .main-inner .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .main-inner .fauxcolumn-center-outer {
 left: 0;
 right: 0;
  }
  .main-inner .fauxcolumn-left-outer {
    width: 0;
  }
  .main-inner .fauxcolumn-right-outer {
    width: 0;
  }
  .main-inner .column-left-outer {
    width: 100%;
    margin-left: 0;
 right: 0;
  }
  .main-inner .column-right-outer {
    width: 100%;
    margin-right: 0;
  }
  .main-inner .column-center-outer {
 margin-bottom: 25px;
 padding-bottom: 25px;
 border-bottom: 1px solid #eeeeee;
  }
}

@media only screen and (max-width:480px){
  body {
 padding: 10px;
  }
  .main-inner .column-center-inner {
 padding: 0;
  }
  .main-inner .column-center-inner .section, .main-inner .column-left-inner .section, .main-inner .column-right-inner .section {
 margin: 0;
  }
}
</style>

Kedua, cari kode berikut :

<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'/>

Kemudian ganti dengan kode berikut :

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

Selesai. Jangan lupa untuk menyimpannya ya..

Sangat mudah bukan. Cukup hanya 2 langkah saja untuk membuat template default Blogger menjadi responsive. Untuk mengujicobanya silahkan klik link di bawah ini.

Demo | Download