As requested from Nina, this tutorial is about how to make round edge for post title. Of couse la kan! Tajuk pun dah terang2. Tapi apa dia round edge tu kan.. Aku pon lama pikir tajuk apa yang patut aku letak. Actually, dia macam kat gambar atas tula.. Tepi2 dia lengkung, bukan bentuk 4 segi.. :)
Dashboard>Design>Edit HTML, search kod di bawah gune ctrl+f
.post h3 {Copy kod di bawah & paste selepas kod di atas
-webkit-border-radius: 20px;
Korang boleh tukar 20 tu ikut keselesaan korang. Preview dulu, kalau korang rasa dah okay, bolehla save! Senang je kan? :)
Kod tu boleh letak kat tempat2 lain gak. Kalau nak wat untuk wrapper, letak kat bahagian wrapper. It depends on you!
p.s; Aku mintak kod tu dari sorang blogger tu tapi lupa website dia apa.. Sorry! Kalau kau jumpa tutorial ni, sila komen “Akulah yang ajar kau. Berani kau lupa aku! Tak kenang budi!” okay? And time tu aku takkan lupa kau dah sampai bila2 :(
17 comments:
wooohhh. dah apply. ;p maseyhh.
@.:padie_eyla:. same same :)
Thank You tau (:
@ninayour welcome ;D
sukaaaa... i pun rasa nak try. thank u babe buat tutorial ni.
@The Nurul great! your welcome :)
thank you for this tuto :)
@Nurulezzah your welcome ;)
sofia huhu knp tak jadi..huhuu
@Nurul Atiqah Mutaza.iQa pesal plak tak jadi! hehe. gelabah plak tetibe.. cube awak edit kat notepad dulu, then paste blek kat html, jadi tak? kalau tak jadi gak kasitau tau..
@nur nazihah,akak kalau code tuh tade?
cm mner?
@Nazihah awk gune template bukan blogger punye ea?
OHMYY,sangat best tgk blog awak tawww
hampir semua yg kt blog sy tuh sy edit gune tuto awk:)
thanks dear:)
@lysa wardrobe yeke? terharu :') hehe. your welcome dear :D
tambah dengan
-moz-border-radius: px px px px;
untuk browser firefox, firefox dapat baca moz je ..
@Inspirationalefeks thanks kasitau! :) jarang bw lately. busy cket :(
tak jadi kakak ku :(
Post a Comment