Tutorial Blockquote Like Me
Kayy ,ade request someone ^^ dea tanye cam mana nak buat blockquote macam blog aku ? tengok ni Haii ,nama saya eykaa , bile sentuh ,die keluar 1 icon comel kan ? hahaa .senang jer .ikot step
1.Dashboard --> Design --> Edit Html 2.Picit CTRL+F and search code : .post blockquote { 3.Copy code bawah ,then paste bawah code .post blockquote { :
background-image: url(URL GAMBAR);
border:1px solid #C06A45;
border-left:10pt double #C06A45;
padding: 3px;
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
}
.post blockquote:hover {
background-url(URL GAMBAR);
-webkit-transition-duration: 2.5s;
background-image:url(URL IMAGE ICON COMEL);
background-position:bottom right;
background-repeat:no-repeat;
border:1px dashed #C06A45;
border-right:10pt double #C06A45;
}
.post blockquote p {
margin: .75em 0;
} *code atas ni memang code eyka tau yang eyka guna,*
diari kecil -- warna biru : background blockquote yang korang nak ,korang boleh ambil FREEBIES BACKGROUND EYKA
- warna merah : warna border blockquote sebelum hover (KODE COLOUR)
- warna ungu : url gambar icon2 comel ,bila sentuh ,dia akan keluar ,boleh pilih di SINI atau SINI
- warna hijau : warna border blockquote after hover
4.Preview dulu ,then Save ^.^
CARA-CARA MENGGUNA BLOCKQUOTE
* klik gambar atas jika tidak jelas *
« OLD // NEW »
|