Cara Membuat Halaman Statis 1 Kolom




Mencoba untuk tampil trendy dengan membuat halaman statis menjadi satu kolom sperti yang digunakan blog ini, caranya cukup mudah. Bagi Anda yang ingin mencobanya bisa ikuti langkah-langkah berikut ini:

  • Login ke Blogger, lalu pilih TEMPLATE dan lanjutkan dengan pilihan EDIT HTML.
  • Kemudian cari kode <body>. Gunakan tombol CTRL+F biar cepat mencarinya
  • Kemudian letakkan kode di bawah ini sebelum kode <body>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style>  
#sidebar-wrapper, #menu-wrapper, #header-wrapper {display: none;}
#post-wrapper {width: 100%;}
</style>
</b:if>
  • Jika sudah, simpan kerjaan anda
  • Sekarang coba anda buat 1 halaman statis dengan judul apa saja, terserah anda.
    Cara Membuat Halaman Statis 1 Kolom
  • Lalu beri nama laman baru tersebut dan simpan.
  • Lihat apa yang terjadi, apakah sudah sesuai yang anda inginkan. Kalau belum, artinya id yang ada di bagian sidebar pada template anda tidak sesuai dengan id yang saya jadikan contoh disini #sidebar-wrapper. Jadi anda harus mengetahui dulu id yang terletak di bagian sidebar pada template masing-masing. Jadi Kode CSS yang berwarna merah tersebut anda sesuaikan dengan template masing-masing.

    Bahkan dalam contoh ini saya tambahkan untuk menghilangkan menu navigasi bar horizontal dan judul blog sekaligus.

    Contohnya dapat dilihat pada blog ini. Coba anda klik salah satu navigasi bar untuk halaman statis di atas.

    Ok... Selamat mencoba.



    Previous


    Next Post »
    Berlangganan :
    Masukan e-mail Anda untuk mendapatkan kiriman artikel terbaru dari langsung di pesan kotak masuk.
    feedburner


    Jangan lupa Jempolnya atau dishare ya.

    Terima kasih, ditunggu kunjungan balik.
    Cara style text di komentar Disqus:
    • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
    • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
    • Untuk menulis huruf underline silahkan gunakan <u></u>.
    • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
    • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.
    • Untuk COPY - PASTE gunakan ctrl+C untuk copy dan ctrl+V untuk paste.

    Rekomendasi Untuk Anda × +
    Blogger
    Disqus
    Pilih Sistem Komentar Yang Anda Sukai

    Tidak ada komentar