Sunday, November 28, 2010

Tutorial; Round Edge For Post Title



Round edge for post title


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 :(


Kasi komen sikit k?

17 comments:

.:padie_eyla:. said... [Reply]

wooohhh. dah apply. ;p maseyhh.

Unknown said... [Reply]

@.:padie_eyla:. same same :)

Nina said... [Reply]

Thank You tau (:

Unknown said... [Reply]

@ninayour welcome ;D

De' Nurul said... [Reply]

sukaaaa... i pun rasa nak try. thank u babe buat tutorial ni.

Unknown said... [Reply]

@The Nurul great! your welcome :)

ezzah said... [Reply]

thank you for this tuto :)

Unknown said... [Reply]

@Nurulezzah your welcome ;)

Unknown said... [Reply]

sofia huhu knp tak jadi..huhuu

Unknown said... [Reply]

@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..

Nazihah said... [Reply]

@nur nazihah,akak kalau code tuh tade?
cm mner?

Unknown said... [Reply]

@Nazihah awk gune template bukan blogger punye ea?

lysa wardrobe said... [Reply]

OHMYY,sangat best tgk blog awak tawww
hampir semua yg kt blog sy tuh sy edit gune tuto awk:)
thanks dear:)

Unknown said... [Reply]

@lysa wardrobe yeke? terharu :') hehe. your welcome dear :D

I N S P I R A T I O N A L E F E K S said... [Reply]

tambah dengan
-moz-border-radius: px px px px;

untuk browser firefox, firefox dapat baca moz je ..

Unknown said... [Reply]

@Inspirationalefeks thanks kasitau! :) jarang bw lately. busy cket :(

superb.rara said... [Reply]

tak jadi kakak ku :(

 
back to top Blacy Smiley - Haha Bucktooth