Sabtu, 2 Mac 2013

Double Dashed Hover Bila Cursor Menyentuh

Tahu tak macam mana double dashed ni? Macam ni gambar bawah ni ha..^^


1 . Dashboard > Design > Edit Html

2. Tekan Ctrl+F dgn serentak .. dan cari kod ini .. :
a:hover

3. Lepas korang jumpa . korang paste kan pulak kod kt ini kat bawah kod yang korang carikan tadi tuh.
border-top: 2px dashed #ff8fc1;
border-bottom: 2px dashed #ff8fc1;

:60: Korang boleh tukarkan kod warna merah diatas .dgn kod warna anda sendiri :face64:

4. Da siap . SAVE ! :) Lihat lah hasilnya ya! :)


Kredit to : Lyssa

Rabu, 16 Januari 2013

Cantikkan Kotak Komen 1

Salam korang semua.Tanpa membuang masa korang jom kita belajar cara nak cantikkan kotak komen.Mungkin ramai yang dah tahu pasal tutorial ini kan?OK.Bagi yang dah tahu itu bagosla.Tapi yang masih tak tahu pasal tutorial ini,jom kita tengok sama-sama contoh ini.

Tukarkan menjadi macam ni ^_^



1.   Dashboard>Design>Edit HTML>Tick Expand Widget Templates

2.  Cari kod ini:(Tekan Ctrl F serentak untuk mencari)

]]></b:skin>

3.   Kalau dah jumpa ,Copy kod di bawah ini pulak


#comments-block{
margin:0;
padding:0;
}
#comments-block .comment-author{
background:#ff6699 !important;

-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;


padding:5px;

font-size:15px;

font-weight:bold;

border:1px solid #ff6699;
}
#comments-block .comment-body{
margin: 0;

font-size: 17px;

border-left: 1px solid #ff6699;
border-right: 1px solid #ff6699;
margin-top: -5px; /*position*/

padding: 5px;
}
#comments-block .comment-footer{
margin:0;

font-size: 13px;

font-weight: normal;

margin-bottom: 20px;

border-left: 1px solid #ff6699;
border-right: 1px solid #ff6699;
border-bottom: 1px solid #ff6699;

-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;

margin-top: -12px; /*position*/

padding: 5px;
}
#comments-block .deleted-comment{
font-style:italic;
color:gray;
}
#comments-block .comment-author a{
color:#ffffff !important;
}
#comments-block .comment-footer a, .comment-body a{
color:#ff6699 !important;
}

3.   Paste di ATAS kod yang korang cari tadi.

Yang dibirukan,korang boleh tukar kepada dotted ataupun dashed 
Yang dimerahkan,korang boleh tukar kepada warna kesukaan korang.Nak cari pelbagai warna boleh KLIK DI SINI

4.  Save.

5.  Bila dah save, korang kena setting ini dulu:

Pergi ke SettingsComments>cari Comment Form Placement>tick  >Save

6.View. Semoga berjaya^ ^


>sumber<

Letak Iklan Nuffnang Dalam Post

1. Pergi ke Template > Edit HTML > Proceed.
2. Tick kotak Expand Widget Templates.
3. Tekan Ctrl F atau F3 di keyboard anda & cari code ni:

<div class='post-footer'>

atau

<div class='post-footer-line post-footer-line-1'>

4. Pastu pastekan kod nuffnang kat atas code tadi. Tengok gambar bawah ni sebagai contoh. Kalau nak kemas sikit, letak macam ni 

<center><code nuffnang korang></center>


5. Dah siap? Ok, jangan lupa SAVE ^_^

Semoga berjaya ^_^

Related Posts Plugin for WordPress, Blogger...