Cara Membuat Kotak Terpisah Pada Blog
Kali ini saya mencoba untuk berbagi informasi, bagaimana membuat kotak posting terpisah-pisah disetiap judul dengan cara 2 pilihan :
- Kotak Posting terpisah dengan bentuk garis kotak
- Login ke"Blogger" dengan user ID Anda
- Pilih "Tata Letak"
- Pilih "Edit HTML"
- Cari Kode berikut .post {
- Copy "kode dibawah" ini dan letakan dibawah kode tersebut
Padding:10px; /* Jarak text post dengan garis pinggir */
Border-top: 2px solid #D8D8D8; /* warna garis pinggir atas */
Border-bottom: 2px solid #D8D8D8; /* warna garis pinggir bawah */
Border-left: 2px solid #D8D8D8; /* warna garis pinggir kiri */
Border-right: 2px solid #D8D8D8; /* warna garis pinggir kanan */
Margin-bottom: 30px; /* jarak antara post yang satu dengan yang lainnya */ - Simpan Template
Contoh kotak posting terpisah garis lurus
KOTAK POSTING I bentuk garis kotak
KOTAK POSTING II bentuk garis kotak
- Login ke Blogger dengan user ID Anda
- Pilih Tata Letak
- Pilih Edit HTML
- Cari kode h2.date-header {
- Letakan kode dibawah ini tepat dibawah kode tersebut
border-left:3px solid #A9D0F5;
border-right:3px solid #A9D0F5;
border-top:3px solid #A9D0F5;
border-bottom:0px solid #A9D0F5;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
- Kemudian Anda cari kode .post-body {
- Letakan kode dibawah ini tepat dibawah kode tersebut
border-right:3px solid #A9D0F5;
border-left:3px solid #A9D0F5;
- Berikutnya cari kode .post-footer {
- Letakan kode dibawah ini tepat dibawah kode tersebut
border-left:3px solid #A9D0F5;
border-right:3px solid #A9D0F5;
border-top:0px solid #A9D0F5;
border-bottom:3px solid #A9D0F5;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
- Simpan Template
By : Bang Udin
Tidak ada komentar:
Posting Komentar