Saturday 23 February 2013

Tutorial : Blockquote 2

 
 
hai semua ! malam ni nak buat tuto aaa sebab takde idea nak update post apa -..-
haha okey now, tuto untuk blockquote...
 
sentuh sini !!

sentuh ayat atas tu blockquote dia berubah kann ? nak tak nak tak ?
taknak takpe yg nak jom teruskan !

1.dashboard->tempelate->edit html->tick expand widget tempelate.

2.cari code ni:
 .post blockquote {

3.dah jumpa ? kalau takde code tu, korang paste code .post blockquote { dia bawah code ni

/* Posts
----------------------------------------------- */

4.copy code ni and pastekan dibawah code .post blockquote tu :

background:url(URL BACKGROUND ANDA);
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    margin:1em 20px;
    padding: 6px;
    }

    .post blockquote:hover {
    background:url(URL BACKGROUND ANDA);
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-left: 8px groove #DFBAFF;
    -webkit-transition: 1s;}
    }

warna merah tukar dengan background anda sendiri..
warna kuning tukar dengan colour sendiri di sini

5. dah siap, save ! 
 

 

No comments: