July 13, 2019

Soho suhunya template layout versi ke 3

Soho suhu
Soho adalah salah satu dari 4 varian template blog terbaru. Namun tampilan dasar bawaannya memiliki 4 varian warna. Saya hanya perlu merlakukan sedikit saja perombakan untuk membuat template ini menjadi berbeda.

Soho memiliki Header yang yang unik karena dapat dihiasi dengan gambar menarik dan mencolok pada bagian homepagenya. Ketika memasuki konten header ini akan bersembunyi. Begini perubahan dasarnya:
  1. Mengganti gambar bagian header
  2. Merobah lebar halaman tataletak (layout) halaman
  3. Menambahkan menu navigasi dan kotak pencarian custom
  4. Menambahkan related post
  5. Menambahkan (membuat) widget atribusi khusus pada bagian footer
  6. Dan lain lain
Untuk merobah ukuran halaman juga juga mudah sekali, cukup dengan menambahkan kode CSS dan tidak perlu melalui edit HTML. Cukup dengan masuk kepengaturan>pilih Tema> pilih "Sesuaikan" kemudian pilih "lanjutan" dan lalu scroll menu hingga ke paling bawah disana ada pilihan "tambahkan CSS" yang jika diklik akan memunculkan blanko atau form kosong. Sebenarnya tool ini akan meletakan CSS yang kita pasang diatas kode ]]></b:skin> secara otomatis ke dalam halaman editor HTML.
kotak CSS blogger designer
Letakan (atau pastekan) kode berikut kedalamnya:
/* untuk lebar layar kurang dari 1280px */
@media screen and (min-width:1280px) {
    .centered-bottom, .centered-top {
        width: 1180px;
    }
     body.item-view .widget.Blog .post {
        width: 800px;
    }
}
  /* untuk lebar layar kurang dari  1400px */
@media screen and (min-width:1400px) {
    .centered-bottom, .centered-top {
        width: 1300px;
    }
     body.item-view .widget.Blog .post {
        width: 1060px;
    }
}
div.blogger {
display: none;
}
CSS ini juga berfungsi menyembuyikan "Powered by Blogger" dengan efektif. Untuk melihat hasilnya lihat
DEMO
www.editblogtema.net

A coding addict, a hard smoker, love boxing even not a boxer. Love maths even not a scientist