Tutorial : Images Effect (Flip)

Live Preview

1. Template --> Klik dekat no. 29
2. Cari kod :  img{ kalau nak semua image termasuk dekat sidebar blur.. atau .post img{ images blur dekat dalam post aje.
3. Copy dan paste code ini dibawah code img{ atau .post img{ :
a img {
-webkit-transform: perspective(400px) rotateX(0deg);
-moz-transform:perspective(400px) rotateX(0deg);
-o-transform:perspective(400px) rotateX(0deg) ;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
img:hover {
-webkit-transform: perspective(400px) rotateX(360deg) ;
-moz-transform: perspective(400px) rotateX(360deg) ;
-o-transform: perspective(400px) rotateX(360deg);
}

4. Preview.. Ada apa-apa yang berubah ? ?
5. Kalau tak ada error save !
Siap !


Tutorial : Tukar font Blog *Classic Template


1. Pergi ke web http://www.google.com/webfonts
2. Start Choosing the Font

3. Click Use !
4. Copy coding yang bertulis ''add this to yoour website"

Cara masukkan dalam Classic Template :
1. Search code ni
<head>
2. Paste code font tadi tu kat bawah <head>. Macam ni ;



3. Ganti nama font kat code h2,h3,h4 (ikut template masing-masing) ,cari code font-family:
As example :




Lepastu Preview ,Save.
Apa macam ,ada jadi tak? :