Tutorial: Blockquote Comel Yang Boleh Gerak2
Alhamdulillah jadi juga c'jai buat blockquote yang comel ni..(Bagi C'jai comel laaa...)
Puas menggode2 akhirnya berjaya..Seronok sangat , puas cuba .. try and error...
Orang lain dah berjaman tau tutorial ni...Ape pun puas hati rasanya...
Terasa pulak nak perturunkan tutorial dia kat sini....Kalau ada yang nak cuba boleh ikut cara dibawah ni ye...Sebelum tu nak ingatkan kengkawan, petua nak senang cari kod kat editHTML
, tekan ctrl dan F serentak ..nanti kat bahagian bawah dia ada kotak .. masukkan kod yg nk dicari dalam kotak..mudah kerja..oke jom mulakan..
pastu paste kat atas kod ]]>
tadi...
Nak dapatkan imae background klik SINI...
dah siap boleh la pratonton dan kalau dah puas hati boleh SAVE
Akhir Kalam....¸.•*´¯) Salam Ukhuwah. ¸.•*´¯)*Sesiapa yg nak kongsi silakan.Klik butang 'SHARE'..kalau sudi (◠‿◠✿)Selamat Beramal ~ Moga ada manfaatnya...~♥♥ ummuainries ♥♥~
Puas menggode2 akhirnya berjaya..Seronok sangat , puas cuba .. try and error...
Orang lain dah berjaman tau tutorial ni...Ape pun puas hati rasanya...
Terasa pulak nak perturunkan tutorial dia kat sini....Kalau ada yang nak cuba boleh ikut cara dibawah ni ye...Sebelum tu nak ingatkan kengkawan, petua nak senang cari kod kat editHTML
, tekan ctrl dan F serentak ..nanti kat bahagian bawah dia ada kotak .. masukkan kod yg nk dicari dalam kotak..mudah kerja..oke jom mulakan..
Langkah 1
masuk>> design >> editHTML >> klik expand widget
cari kod ini >>
bila dah jumpa cari kod .post blockquote:hover {
copy dan paste kod dibawah ni pulak
Cara Ke DUA C'jai konsi dari blog awin
seperti biasa ikut langkah pertama di atas..
Kemudian cari kod
..sila copy kod di bawah ni.....
.post blockquote:hover {
bila dah jumpa cari kod .post blockquote:hover {
copy dan paste kod dibawah ni pulak
background: #F778A1; -webkit-border-radius: 36px 12px; -moz-border-radius: 36px / 12px; -moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg);seterusnya pastekan kod ini di bawah .post blockquote:hover { tadi
(yang ini hanya letak background warna sahaja.)
Cara Ke DUA C'jai konsi dari blog awin
seperti biasa ikut langkah pertama di atas..
Kemudian cari kod
]]>dah jumpa
..sila copy kod di bawah ni.....
.post blockquote {-webkit-transition-duration:
1.0s;background-image: url('BACKGROUND IMEJ
ANDA SEBELUM DIHALAKAN CURSOR')
;border:2px dashed #000000;padding:
8px;color: #888888;max-width: 400px
;-moz-opacity:0.75;filter:alpha(opacity=75)
;-khtml-opacity: 0.75;opacity: 0.75
;-moz-border-radius: 35px;border-radius:
35px;}blockquote:hover{background-color: #FFCCFF;
background-image:url(URL IMEJ BERGERAK YANG ANDA SUKA)
;background-repeat:no-repeat;
background-position:bottom right;-moz-opacity:
1.0;filter:alpha(opacity=100);-khtml-opacity:
1.0;opacity: 1.0;-webkit-border-radius: 36px 12px;
-moz-border-radius: 36px 12px;
-webkit-transform: skew(2.deg,1.5deg);
-moz-transform: rotate(4deg);
-webkit-transform: rotate(4deg); }
border:2px dashed #000000;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright:
10px;}.post blockquote p {margin: .75em 0;}
pastu paste kat atas kod ]]>
tadi...
Nak dapatkan imae background klik SINI...
dah siap boleh la pratonton dan kalau dah puas hati boleh SAVE
Boleh ikut tak penerangan c'jai...Harap2 boleh faham ye...
kalau tak jadi klik la kat SINI atau SENUN..hehe
kalau tak jadi klik la kat SINI atau SENUN..hehe
Akhir Kalam....¸.•*´¯) Salam Ukhuwah. ¸.•*´¯)*Sesiapa yg nak kongsi silakan.Klik butang 'SHARE'..kalau sudi (◠‿◠✿)Selamat Beramal ~ Moga ada manfaatnya...~♥♥ ummuainries ♥♥~
Ulasan