TUTORIAL | Kotak Blockqoute shadow + icon comei +liplapliplap

Bila Tangan dah Gatal nak hapddett...

Korang ! korang ! HAHA. saje je . hari ni iza nak kongsi macam mana nak buat Kotak Blockqoute yang ada Shadow + Icon comei + boleh lip lap lip lap gitu ! hihii . tak percaya tengok kat bawah nih ! tapi !! sebelum tuh janji KLIK INI oke lepas tengok ! lalalaaa ~~

HAI . NAMA SAYA CHOMEIEYZA . 

KALAU SUDI ADD LA SY KAT FACEBOOK 

DAN LIKE FB FAN PAGES IZA ! SARANGHEE !!

Nampakkan ? jom kita bertutorial ! sebelom tuh lap peluh sikit! uhhh, ponat ! haha! 

STEPS : : :

1) Dashboard <> Design <> Edit HTML <> Tick Expand Widget

2) Tekan CTRL + F serentak ,  dan cari kod di bawah : 

.post blockqoute { 

3) Cpoy code di bawah dan paste kan di bawah code yang korang cari tadi .

background:url(URL BACKGROUND);

border-top: 2px solid #IZAIZA;

border-left: 2px solid #IZAIZA;

border-right: 2px solid #IZAIZA;

border-bottom: 2px solid #IZAIZA;

border-radius: 5px;

margin:1em 20px;

padding: 5px;

}

blockquote:hover {

background-color: #IZAIZA;

-webkit-transition-duration: 3.5s;

background-image:url(URL ICON COMEI-ANIMATED);

background-position:bottom right;

background-repeat:no-repeat;

-moz-box-shadow: 0 0 10px #IZAIZA;

-webkit-box-shadow: 0 0 18px #IZAIZA;

 IZAIZA : Background sebelum cursor di gerakkan . Cari yang SIMPLE oke !

 IZAIZA : Ketebalan border . boleh adjust samaada nak tebal / tak dgn tambahkan angka.

 IZAIZA : Pilih samaada Solid / Dotted / Dashed

 IZAIZA : Warna border.

 IZAIZA : Warna background bila cursor di gerakkan ke kotak blockqoute.

 IZAIZA : Copy dan paste url icon (animated). Pastikan kecik dan comei oke ! :)

 IZAIZA : Warna shadow

✿Code warna korang boleh dapatkan kat SINI

✿ Icon Comel korang boleh dapatkan dekat SINI

3) Preview dan SAVE ! law menjadi tepuk tangan ! yeayyyy ! Cantikkan ??  

^______^  

[ senyum lebor ]

---

♥ Menarik? Like dan tinggalkan komen oke! tq ♥

---