Cikgu Kacamata


5
Buat Border Pada Post Body Blogger


Kali ini CK nak tunjukkan bagaimana cara-cara untuk membuat border pada post body (tidak termasuk header dan footer). Sebenarnya cara ini sama juga seperti cara-cara Membuat Border Pada Ruangan Post, Membuat Border Pada Sidebar Gadget dan juga cara Membuat Border Pada Main Blog tetapi cuma kodnya saja yang berbeza.



Tanpa berlengah lagi, jom CK mulakan:

1. "More options"

2. Pilih "Template" kemudian klik butang "Customise"



"Copy" kod di bawah:
.main-inner {
border: 5px dotted #cccccc;
}

Jika hendak lengkungkan keempat-empat penjuru border:
.main-inner {
border: 5px dotted #cccccc;
border-radius:15px;
}

Jika hendak lengkungkan beberapa penjuru border:
.main-inner {
border: 5px dotted #cccccc;
border-top-right-radius:15px;
border-top-left-radius:0px;
border-bottom-right-radius:0px;
border-bottom-left-radius:15px;
}

Tambah background color dalam border:
.main-inner {
border: 5px dotted #cccccc;
background:#999999;
}

Nota:

3. Pada "Blogger Template Designer", klik butang "Advanced"

4. Scroll bawah sikit dan pilih "Add CSS"

5. Pada bahagian "Add custom CSS", "Paste" kod tadi dalam kotak berwarna merah dan jangan lupa TEKAN ENTER

6. Kemudian "Apply to Blog"


Selesai!

*sekiranya anda ingin kembali mengubah kod-kod ini dalam kotak Add custom CSS dan anda dapati kod-kod tersebut telah tiada, jangan panik...anda cuma perlu paste sahaja kod-kod ini dalam kotak Add custom CSS seperti biasa




Sila Share Post CK Ini Sekiranya Anda Suka
Dapatkan Widget Ini!

5 comments: