Sunday 24 February 2013

Post Title Style 2

بِسْــــــــــــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم 

Assalamualaikum dan salam sejatera.
Punya rajin saya buat tutorial hari ni. Tapi takpe, Ainira request lagi. Macam mana nak buat post title macam ini. Iaitu daripada Skin Your Strawberry.

Dashboard --> Template --> Edit Html
Tekan f3, dan cari kode
h3.post-title, .comments h4 {
Tak jumpa cari kode
h3.post-title {
Kalau tak jumpa lagi, cari kode 
.post h3 {
Tetap tak jumpa? Haha. Cari kode
.post-title { 
Copy kod bawah ni dan paste dekat bawah kod atas tu. Gantikan je kod title yang lama.
 text-align: center;
font-size:  19px;
color: #585858;
font-family: PWSchoolsOut;
letter-spacing: 3px;
padding: 3px;
border-top:2px dotted #ffbdbd; border-bottom:2px dotted #ffbdbd;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH2vhIvjUHRjzg2VYOUs0vcleDAnJq2n9B7xkEI81FRog1OJmo9AXSSH8vidCvCsH-PnEHOnyackJ-BLkAPNc2wXklGJD7cou2QJI4Y4mfhX28eiJCWnXD2YpqNXDQqOFP-DGNBvaJrCE/s1600/sparkles.png);
border-left:20px double #ffbdbd;
border-right:20px double #fffdbd;
border-radius:3px;
font-weight:bold;
font-style: italic;
margin-top: 10px;
margin-bottom: 10px;
}
 Tukarkan warna merah dengan warna feveret korang.
Apalagi, preview dan Save je :)
 

THANKS FOR READING. DROP YOUR COMMENT PLEASE?

7 comments:

Dayang Deno said...

wah... ada tutor la.... nice sharing^^

Student Kecik said...

@deno yaa ada tutor. thank you kak deno :)

Student Kecik said...

@Sophia Hany my pleasure :)

Nurainira Zurain said...

thanks for the tuto kak :)

Student Kecik said...

ainira : okeyy welcome yunk ^___^

Unknown said...

Thank you very much. kita guna k. :) btw, nice tuto!

Student Kecik said...

Gunalah, Terima kasih awak. Hehehe