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

Cara PERTAMA c'jai kongsi dari blog Shida

Langkah 1
masuk>> design >> editHTML >> klik expand widget

cari kod ini >>
.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);
(yang ini hanya letak background warna sahaja.)

seterusnya pastekan kod ini di bawah .post blockquote:hover { tadi

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

Akhir Kalam....¸.•*´¯) Salam Ukhuwah. ¸.•*´¯)*Sesiapa yg nak kongsi silakan.Klik butang 'SHARE'..kalau sudi (◠‿◠✿)Selamat Beramal ~ Moga ada manfaatnya...~♥♥ ummuainries ♥♥~

Ulasan

Catatan popular daripada blog ini

BuKaN SeMua GaMBaR PeRLu KiTe uPLoaD/ LiKe/ SHaRe/ KoMeN ... sama2 kita fikir.

Kenali Kuih Tradisional Kita

Info untuk Wanita: Fibroid dan Cyst

TIDAK TAHU BACA AL-QURAN, TAPI KUBURNYA BERCAHAYA MENJULANG LANGIT.

Biar Gambar Berbicara [2]..SYRIA..

Merah Bak Delima....Banyaknya Khasiat Dia..

Mana Satu Gaya Tidur Pilihan Awak...