Wednesday, January 7, 2009

Membuat Postingan Dalam Bentuk Kotak



Bukan hanya sidebar saja yang bisa tampil dalam bentuk kotak-kotak, postinganpun boleh ditampilkan dalam bentuk kotak.  Untuk contoh cobalah anda kembali ke halaman utama. Jelaskan kan...setiap artikel dari postingan ada didalam sebuah kotak.
Jika anda berminat berikut adalah caranya.

1. Sign ke Blogger.
2. Pilih Tata Letak.
3. Pilih Edit HTML
4. Cari kode ini

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}.

Ganti kode diatas dengan kode dibawah ini.

.post {


padding:10px; /* Jarak antara text post dengan garis pinggir */


Border-top: 3px solid #C3D9FF; /* warna garis pinggir atas */


Border-bottom: 3px solid #C3D9FF; /* warna garis pinggir bawah */


Border-left: 3px solid #C3D9FF; /* warna garis pinggir kiri */


Border-right: 3px solid #C3D9FF; /* warna garis pinggir kanan */


Margin-bottom: 15px; /* jarak antara post yang satu dengan yang lainnya */


}

Kode #C3D9FF merupakan kode dari warna biru muda. Anda  boleh mengganti kode warna tersebut dengan kode warna yang anda sukai.
Klik save Tempate ...lihat blog anda yang baru...hebat bukan...???
Jika ada masalah sila komentar

No comments:

Membuat Postingan Dalam Bentuk Kotak Peringatan Bagi Yang Hidup: Membuat Postingan Dalam Bentuk Kotak Membuat Postingan Dalam Bentuk Kotak

Wednesday, January 7, 2009

Membuat Postingan Dalam Bentuk Kotak



Bukan hanya sidebar saja yang bisa tampil dalam bentuk kotak-kotak, postinganpun boleh ditampilkan dalam bentuk kotak.  Untuk contoh cobalah anda kembali ke halaman utama. Jelaskan kan...setiap artikel dari postingan ada didalam sebuah kotak.
Jika anda berminat berikut adalah caranya.

1. Sign ke Blogger.
2. Pilih Tata Letak.
3. Pilih Edit HTML
4. Cari kode ini

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}.

Ganti kode diatas dengan kode dibawah ini.

.post {


padding:10px; /* Jarak antara text post dengan garis pinggir */


Border-top: 3px solid #C3D9FF; /* warna garis pinggir atas */


Border-bottom: 3px solid #C3D9FF; /* warna garis pinggir bawah */


Border-left: 3px solid #C3D9FF; /* warna garis pinggir kiri */


Border-right: 3px solid #C3D9FF; /* warna garis pinggir kanan */


Margin-bottom: 15px; /* jarak antara post yang satu dengan yang lainnya */


}

Kode #C3D9FF merupakan kode dari warna biru muda. Anda  boleh mengganti kode warna tersebut dengan kode warna yang anda sukai.
Klik save Tempate ...lihat blog anda yang baru...hebat bukan...???
Jika ada masalah sila komentar

No comments: