Tutorial : Border Dekat Sidebar

Friday, 29 March 2013

Tutorial : Border Dekat Sidebar

بسم الله الرحمن الرحيم

Assalamualaikum w.b.t :)

Uhuh, kepala masih pening sebab buat tutorial tadi, haha. Tapi, lagi pening kalau tak publish ni kan? Alright, ini adalah kesinambungan daripada Tutorial Ini. Macam biasa, baca dulu sampai faham, baru apply. And, don't forget to backup your templates :)

1) Template > Edit HTML > Proceed > Tick Expand Widget Templates.
2) Tekan CTRL+F/F3, search for this code :

SIMPLE TEMPLATE atau seangkatannya

h2 {

DENIM TEMPLATE

.sidebar h2 {

MINIMA TEMPLATE

h2 {

#Kalau bawah code tu ada code yang sama atau lebih kurang sama macam kat bawah ni, TOLONG DELETE.

FOR SIMPLE TEMPLATE.

FOR DENIM TEMPLATE.

3) Now, choose anyone code that you want. Paste code tersebut kat BAWAH code yang korang cari tadi tu.
4) Preview dulu, baru SAVE. Alhamdulillah (: .

JENIS SIMPLE

text-align:center;
-moz-border-radius: 35px;border-radius: 35px;
text-shadow: 3px 3px 3px #FFFFFF;
border: 2px solid #000000;
background : #FFFFFF; font-size:14px;
padding: 5px;
margin: 10px
}

NOTES!

ABC : Can change into center / right / left.
ABC : Type border yang korang nak . Boleh klik SINI kalau nak tukar. Just copy the code dan gantikan dengan code kat atas tu.
ABC : Warna shadow tulisan. Boleh buang kalau taknak.
ABC : Ketebalan border tu.
ABC : Also available dotted / dashed. Choose one only.
ABC : Warna border tu.
ABC : Warna background yang korang suka.
ABC : Saiz border tu, kalau makin besar number, makin besar border korang.
ABC : Size font.

*CODE WARNA BOLEH CARI KAT SINI.

JENIS DOUBLE-COLOURED (Ada 2 colour)

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: 5px solid #000000;
background : #D8D8D8; font-size:14px;
padding: 2px;
margin: 5px
}

NOTES!
ABC : Can change into center / right / left.
ABC : Ketebalan border bawah tu, boleh ditukar la dei ;)
ABC : Just choose one. Available : solid / dotted / dashed.
ABC : Warna border bawah tu.
ABC : Warna background.
ABC : Saiz border tu, kalau makin besar number, makin besar border korang.

JENIS BERBACKGROUND

text-align:center;
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
text-shadow: 3px 3px 3px #FFFFFF;
border: 2px solid #000000;
background : url(URL BACKGROUND); font-size:14px;
padding: 1px;
margin: 10px
}

NOTES!
Sama macam arahan kat atas sekali. Korang just perlu masukkan URL BACKGROUND tu je

KaDaNg-KaDaNg Allah HiLaNgkAn SeKeJaP MaTaHaRi KeMuDiAn DiA dAtAnGkAn PuLa GuRuH dAn KiLaT,PuAs KiTa MeNcArI Di MaNa MaTaHaRi,RuPa-RuPaNyA Allah InGiN MeNgHaDiAhKaN kItA PeLaNgI yAnG iNdAh ~

ORIGINAL MUHAMMAD SHAHRIL® █║▌│█│║▌║││█║▌║▌║ Verified Official by Blogspot

Friday, 29 March 2013

Tutorial : Border Dekat Sidebar

No comments:

Post a Comment

Catch Our Mind

Fresh Post

Memorial