Buku Tamu

Cara buat posting dalam Kotak yang Terpisah-pisah

Diposkan oleh revolterdie
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...
Share |

Blog Archive

 

Langganan Via Email

Twitter icon facebook icon Digg icon Technorati icon facebook icon Delicious icon More share social bookmark service

Flag Counter

Blog Progress
Admin : Revolter Diehard
Blogger From : Indonesia, Jogjakarta
Status Now : Jangan Lupa Komentar and Follow "Blog Progress" ya, Tar Gw Pasti Komentar Balik

Sahabat Blog Progress