Wednesday, October 26, 2011

Tutorial: Post blockquote berkelip bersama icon.


Assalamualaikum wbt.

Waaa..panjang sekali tajuk tutorial aku ni kan? Aahaa..bukan apa, aku buat tutorial blockquote berkelip neh siap pakej ngan icon sekali. Macam mana tuh? Cer sentuh kotak kat bawah neh.


Eh eh! post blocquote ni berkelip lah! alalalal sukanyerr..;p
Haa! takdelah lip lap sangat kan. Tapi bole lah... Meh tengok cara nak buat meh.

1. Dashboard > Design > Edit HTML > tick expand widget

2. Tekan ctrl-F, cari kod
.post blockquote {
3. Then copy kod di bawah ni, dan paste selepas/ dibawah kod yang korang cari tadi
blockquote:hover {
text-decoration: none;
color: #ffffff;
background-color: #aaaaaa;
border: 0px dashed #808080;
-moz-border-radius: 35px;border-radius: 35px;
-webkit-transition-duration: 3s;
background-image:url(URL ICON KAMU);
background-position:bottom right;
background-repeat:no-repeat;
}
contohnya macam ni la..
.post blockquote {
background: url(http://th274.photobucket.com/albums/jj242/joy_hellokitty/backgrounds/th_background.png);
border: 2px dashed #808080;
padding: 7px;
}
blockquote:hover {
text-decoration: none;
color: #ffffff;
background-color: #aaaaaa;
border: 0px dashed #808080;
-moz-border-radius: 35px;border-radius: 35px;
-webkit-transition-duration: 3s;
background-image:url(URL ICON KAMU);
background-position:bottom right;
background-repeat:no-repeat;
}
 
4. Sekarang kena tukar
warna text. Tengok kod di SINI
warna background.
border: 0px, ketebalan border. dashed boleh tukar solid, dotted.
duration, boleh tukar 1@2s. tapi 3s da ok kut. try korang ubah jadi 10s, tengok apa jadi. hahaaa..
URL ICON

5. PREVIEW dulu. Kalo da puas hati boleh la SAVE.
6. Apa lagi, jom la try..heee (^__~)


berehh sokmo ;p

Photobucket

Thanks for your reading love! =D

0 00 orang duk bersembang:

Related Posts Plugin for WordPress, Blogger...