Jenis-Jenis Border Post Title

Assalamualaikum bloggers and readers. Musim cuti sekolah nih mesti semua dok terperap dalam rumah ja nih kan,tengah edit blog. ye dak ? *memandai je aku*. Tengok sini dulu sebelum buat,kalau tak jadi nasib korang*joke*.hihi.Kalau tak jadi,amy akan tolong kayy:). Entri nih nanti mungkin panjang amat. Sebelum tu,terjah sini sat naa. Kayy dah ? Jom mula.
1) Dashboard->Design->Edit html->Tick expand widget templates(penting)
2) Tekan ctrl+f and cari code ini

SIMPLE TEMPLATE

h3.post-title, .comments h4 {

atau

h3.post-title {

atau

h3.post-title, h4 {

DENIM TEMPLATE

.post-title {

MINIMA TEMPLATE

.post h3 {

3) Dah jumpa salah satu code di atas?Kayy, kalau nak border title yang baru,code dekat bawah-bawahnye korang delete ye. Nak yang baru kan?Kena lah delete secara rela:D

4) Dekat bawah ni ada beberapa jenis border, amy sertakan codenya sekali, korang copy code salah satu code border di bawah and paste dekat bawah code yang korang cari tadi tu ye. Faham kan? Amy tak tahu nak sebut border apa,amy just buat part-part kayy:)

PART 1

font: 13px arial;
color: #FFFFFF;
background-color: #000000;
border-top: 2px solid #99CCFF;
border-bottom: 2px solid #99CCFF;
padding: 3px;
text-align:center;
}

PART 2

font-family:arial;
color: #FFFFFF;
font-size:14px;
text-align:center;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-top-right-radius: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom: 8px solid #99CCF;
background : #000000;
padding: 3px; margin: 20px ;
}

PART 3

font-family:arial;
color: #FFFFFF;
font-size:14px;
text-align:center;
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
border: 2px solid #99CCFF;
background : #000000;
padding: 5px; margin: 20px ;
}

PART 4

font-family:arial;
color: #FFFFFF;
font-size:14px;
text-align:center;
-moz-border-radius: 35px;
border-radius: 35px;
border: 2px solid #99CCFF;
background : #000000;
padding: 5px; margin: 20px;
}

PART 5

margin: 10px;
padding: 6px;
font-size: 18px;
font-color: #FFFFFF;
text-align: right;
background: #000000;
border-top: 1px dashed #99CCFF;
border-bottom: 1px dashed #99CCFF;
border-right: 6px solid #99CCFF;
border-left: 6px solid #99CCFF;
}

PART 6

text-align:right;
border-bottom: 2px dashed #000000;
margin:1em;
font:12px arial;
color: #99CCFF;
background: #FFFFFF;
}

NOTA KAKI:

1. THIS- Warna font korang,cari dekat SINI.
2. THIS- Warna background title korang.Kalau nak background image,just tukar jadi code background jadi macam ni background-image: url(URL BACKGROUND);
3. THIS- Warna border title korang.
4. THIS- Kedudukan font korang. Boleh pilih salah satu antara right/center/left sahaja.
5. THIS- Jenis border title korang. Boleh pilih salah satu antara dotted/solid/dashed sahaja.
6. THIS- Ketebalan dan kenipisan border title,boleh ubah ikut cita rasa kayy.

5) Kalau dah puas hati,preview dulu,baru save ye.

Ni border-border title yang pernah amy cuba. Kalau korang belum cuba,jom try. Kalau jadi, tengok SINI pulak.

---

Thank you for reading

---

Tweet