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

Blockquote Menjadi Senget

Salam.. Tuto kedua pada hari ni.. Macam biasa.. Jia akan straight..  Tuto niy Jia saje buat untuk semua. Tapi tuto ape yek?. Okay la. Ni tuto blockquote senget.. Hah?. Macam pelik jer "blockquote senget"?.. Haha.. Macamana tu Jia?.

 Meyh Jia tunjuk.. Ni la blockquote senget tuhh..

klik untuk membesar

Dah tengok kan?.

Ok now let's begin the tutorial.. :)


Mula2 macam biasa login dulu kat blogspot..

Then Klik Design > Edit HTML

Lepas tu korang tekan ctrl + F.. Jangan lupa tekan serentak

Then korang taip  blockquote n tekan enter


Kat html korang akan keluar macam ni



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

Then letak kan code ni kat bawah yang Jia dah highlight tu keyh..

blockquote:hover {
-moz-transform: rotate(3deg);
-webkit-transform: rotate(3deg);
}

Tapi tu untuk yang biasa jea..
If korang nak blockquote tu senget secara slow2. Korang just perlu tambah code ni


-webkit-transition: 1s;


Then korang boleh preview n if tak ada apa2 masalah korang bole save!..

Senang kan ;)

Labels: , , ,


2 ANGEL(s)

◀ ▶