Saturday, December 15, 2012

Tutorial : Pasang Blockquote Part 2

Assalamualaikum dan Salam 1 Malaysia


Lama dah tak buat tutorial kan ? Ok mari kita belajar bersama !

1.Dashboard > Templates > Edit HTML > Proceed > Tick Expand Widget Templates

2. Tekan CTRL+ F serentak dan search code ini :- .post blockquote {

3. Copy code dibawah dan pastekan di BAWAH code .post blockquote {

background:url(URL BACKGROUND);
padding:5px;
border-radius:10px; display:block;
border-left:10px solid #F3D9FF;
border-right:10px solid #F3D9FF;
border-top:2px solid #F3D9FF;
border-bottom:2px solid #F3D9FF;
color:#000000;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
}
blockquote:hover{
border-radius:20px;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
-webkit-box-shadow: 0px 0px 5px #F3D9FF;
-moz-box-shadow: 0px 0px 5px #F3D9FF;
box-shadow: 0px 0px 5px #F3D9FF;
}
4. Preview dan SAVE !

Merah : Url background anda
Biru : Tukarkan code warna  Klik Sini


0 Pengomen Terhebat !!:

 

Copyright © 2012 Reserved to Fujiwara Asuka Design with love by Fatimah Azzarah