Buat Blog Jadi Responsive

Share DongPlus on Google+

Kali Ini Saya Akan Membagikan Tips. Yang Sangat Bermanfaat Bagi

Bloggers Pemula. Tipsnya Adalah Cara Membuat Template Blog

Menjadi Responsive Blogger Template. Nah Bagi Kalian Bloggers Pemula

Kalian Pasti Ingin Blog Kalian Terlihat Seperti Blog Premiumkan..?
Maka Dari Itu Saya Akan Membagikan Tips Gimana Agar Template

Blogger Kalian Bisa Jadi Responsive Seperti Blog Saya Ini...!! Nah

Perlu Kalian Ketahui Bahwa Template Blog Yang Responsive Akan Disenangi

Oleh Para Netizen Karna Tampilannya Gak Bakalan Berubah Baik Itu Di Laptop

Maupun Di Handphone. Jika Kalian Ingin Melihat Perbedaan Blog Yang

Responsive Atau Tidak Bisa Kalian Klik Tombol Di Bawah Ini

No Responsive

Responsive

Kalian Sudah Taukan Mana Responsive Mana Yang Tidak Responsive

Namun Tips Ini Tidak Membuat Template Kalian Menjadi Seo Friendly Karna

Tipsnya Berbeda. Saya Memberikan Tips Buat Blog Jadi Responsive Dulu Setelah

Itu Baru Saya Buat Blog Jadi Seo Friendly. Blog Saya Aja Baru 95% Seo Friendlynya

Makanya Saya Duluanin Membagikan Tips Membuat Blog Responsive...!!

Udah Gak Sabar Untuk Membuat Blog Jadi Responsive....? Ayo Ikuti Langkah Dibawah Ini

1. Klik Edit HTML - Klik CTRL+F - Cari Kode  </head> 

    Copy Code Di Bawah Ini Pastekan Di Atas Kode Tersebut.

  

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

2. Cari Kode ]]></b:skin> Atau </style>
    Copy Code Di Bawah Ini Dan Pastekan Di Atas Kode Tersebut.

 .post-body img {
  max-width:100%;
  height:auto;
} 

Atau Kode Di Bawah Ini

 
.separator a{margin-left:0px !important;margin-right:0px !important;}
.post img{max-width:100%;height:auto;} 

3. Save Template..

Untuk Melihat Blog Anda Sudah Responsive Atau Belum Silahkan Klik Di Bawah

TEST