Owner Post Them Follow Dash



HaziraSyaza
CintaIman;

Bonjour!


 Alien (s)


Hello and welcome to my blog
I pour my heart and thoughts here
Pardon my words

Tagboard

⊰HOVER ME!⊱
Please do not spam my cbox. Please put your blog link so I can visit you back.
[POST CODE. WIDTH 219 HEIGHT 100]
[FORM CODE. WIDTH 175 HEIGHT 86]


Skins by: IlliShuhada
Basecode : PikaChan
Best viewed in Mozilla and Google Chrome
Adalah haram untuk buka page source dan curi code di sini

Cara Meletakkan Hover Di Blockquote



Salam.. Heyy.. Dah lame tak update.. Hee.. Ok la.. Just straight to the point. Hari ni Jia nak ajar cara buat hover untuk blockquote.


Ok let's begin..



Mula2 macam biasa login dulu kat blogspot..

Then Klik Design > Edit HTML

Lepas tu korang tekan ctrl + F.. Tekan serentak tau!.


Now korang taip kat atas atau bawah tu blockquote n tekan enter

Selepas itu dia akan bagitahu kat mana lokasi blockquote tu berada..

now kat html korang tu akan ada macam ni..

.post blockquote {
margin: 1em 20px;
}
.post blockquote p {
margin: 0.75em 0;

then korang copy yang ni..

.post blockquote {
background:url(http://i293.photobucket.com/albums/mm62/happyy-
stop/cross1-happyy-stop.png);
border:2px solid #000000;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
}
blockquote:hover {
background: url(http://dl7.glitter-graphics.net/pub/558/558167tuj26n9jvj.gif)no

-repeat ;
-webkit-transition: 1s;}
}

then korang gantikan code tadi kat tempat yang Jia dah hightlight ni

.post blockquote {
margin: 1em 20px;
}
.post blockquote p {
margin: 0.75em 0;

Okayy.. yang Jia hightlight warna merah tu korang boleh buat eksperiment mangikut citarasa masing2..

then korang preview n if takde masalah.. korang bole save! :)..Selamat mencubeee~

Labels:


0 ANGEL(s)

◀ ▶