Cara buat posting dalam Kotak yang Terpisah-pisah

Biasanya banyak yang ngulas tentang kolom widget terpisah .
Nah sekarang blog progress mau ngasih sedikit cara buat posting dalam kotak terpisah sekaligus kotak komentarnya jika sobat blogger mau...
Gini tahapannya.

    * Login ke account blogger kamu.
    * Pilih Tata Letak --> Edit HTML.

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

    * Cari kode CSS .post antara <head> ... </head>. Kodenya lebih kurang seperti berikut.

    .post {
    margin:.5em 0 1.5em;
    padding-bottom:1.5em;
    }


Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

Catatan :
Kode template mungkin berbeda tapi cari yang memiliki kemiripan (.post). Atau jika belum ada maka tambahkan kode tersebut.

    * Modifikasi kode .post, seperti dibawah ini.

    .post {
    background:#fff;
    border:1px solid #6E6E6E;
    margin:0 0 1.5em;
    padding:0.5em;
    }


Tambahan :
Rasanya kurang afdol apabila posting ditampilkan dalam kotak terpisah tanpa diikuti pula dengan komentar, karena akan kelihatan janggal dan kurang seimbang. Nah, untuk membuat komentar dalam kotak yang terpisah cukup dengan menambahkan kode berikut (tergantung karakteristik kode template masing-masing blog).

    .comments {
    background:#fff;
    border:1px solid #6E6E6E;
    margin:0 0 1.5em;
    padding:0.5em;
    }



Catatan :
Sesuaikan kode dengan tampilan template blog kamu, jangan asal copy-paste.

    * Kamu bisa membuat kotak posting dan komentar versi kamu sendiri dengan merubah kode-kode yang berwarna merah di atas.
    * Jangan lupa di simpan.


Selamat membuat posting dalam kotak yang terpisah-pisah...

No comments:

Post a Comment