tuto:icon cumil at post title

Posted by yuhanis syaeera April 02, 2012

tuto:icon cumil at post title

huu setelah penat godek-2 dengan code akhirnye b'jaya jugak anis buat tuto ni . act , tuto ni D'REQUEST dari adek angkat anis at FB hee oke contoh laa kalau cursor sentuh post title korang , nanti akan ade icon cute muncul dekat post title tu . :) ikut step ~
1.Dashboard > Design > Edit HTML > Tick Expand Widget Template 2. tekan (CTRL +F) cari code ni .

h3.post-title {

.post-title {

.post h3 {

3. dekat bawah code tu ade tak code yang macam ni ? or yang lebih kurang macam bawah ni .

tolong padam erk code yang macam ni or lebih kurang macam ni .

4.oke , then COPY DAN PASTE code ni pulak DI BAWAH code yang korang cari tadi .

padding:2px;margin:1.5em 0 .75em;background: #FFFFFF;border-top: 3px dotted #000000;border-bottom: 3px dotted #000000;border-left: 3px solid #000000;border-right: 3px solid #000000;-moz-border-radius: 25px 10px / 10px 25px;border-radius: 25px 10px / 10px 25px;text-align:center;} .post-title:hover {padding:2px;margin:1.5em 0 .75em;-moz-border-radius: 1em 4em 1em 4em;border-radius: 1em 4em 1em 4em;text-align:center;background: #FFFFFF;border-left: 3px solid #000000;border-right: 3px solid #000000;background-image:url(URL ICON CUMIL );background-position:bottom right;background-repeat:no-repeat;}

kuning | warna background
biru |Boleh tukar kepada solid or dashed or dotted. ikut suka korang laa . hee
pink |warna border . cari SINI ! ^^
merah | jenis border . boleh tukar . just gantikan code tersebut dengan code border yang korang suka . :)
hijau | url icon cumil korang :) cari yang kecik-2 tau . kangg kalau besar-2 hodoh pulak . HAHA

kalau korang nak . boleh je amek yang anis sediakan ni .