9.12.12

Tutorial : Blockquote Mine Version

Author : Nabila Medan Time : 12/09/2012 08:30:00 PM Total Comment : 13 Label :

اَلسَّلَامُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَا تُهُ Dan Selamat Malam


Blockquote Preview (Mine Version)

Live Preview

1.Dashboard > Template > Edit HTML > Proceed > Tick Expand Widget
2.Ctrl + F , Search code .post blockquote p {
(Kalau sebelum ni dah ada buat tutorial untuk blockquote, tolong padam dulu code nya ye)
3.Copy code bawah ni dan paste atas code .post blockquote p {
blockquote{
border-left:12px solid #FFBEB7;
border-top:2px solid #FFBEB7;
border-right:12px solid #E6A69F;
border-bottom:2px solid #E6A69F;
border-radius: 8px;
background:#FFE9E6;
-webkit-transition: 1.1s;
-moz-transition: 1.1s;
padding: 5px;
}

blockquote:hover{
-webkit-transition: 1.1s;
-moz-transition: 1.1s;
border-radius: 15px;
-moz-box-shadow: 0 0 12px 4px #FFE9E6;
-webkit-box-shadow: 0 0 12px 4px #FFE9E6;
background: #FFDCD7 url(http://a.deviantart.net/avatars/s/p/sparklesplz.gif?1);
}
4.Preview dan save
Warna merah tu boleh tukar ikut kesesuaian.

13 comments

Sunday, December 09, 2012 8:53:00 PM Delete! [Reply Comment]

menarik..nnti boleh try..=)

Sunday, December 09, 2012 9:15:00 PM Delete! [Reply Comment]

Thanksyou ;D

Sunday, December 09, 2012 9:35:00 PM Delete! [Reply Comment]

Cantik!

Sunday, December 09, 2012 10:03:00 PM Delete! [Reply Comment]

menarik tutorial ni

Sunday, December 09, 2012 10:25:00 PM Delete! [Reply Comment]

smart..:D
Nabila, klu dah open tempahan..inform ye..:D

Sunday, December 09, 2012 10:31:00 PM Delete! [Reply Comment]

TUTO YG TERBAEK

Monday, December 10, 2012 2:36:00 AM Delete! [Reply Comment]

baru lepas berjaya buat. haaaaaaaa

Monday, December 10, 2012 9:38:00 PM Delete! [Reply Comment]

bersinarnyaa *.*

Tuesday, December 18, 2012 9:44:00 AM Delete! [Reply Comment]

Nabila , saya tukar kod tu sikit2 eyy.. nak buat dkt post title.

Wednesday, May 08, 2013 5:34:00 PM Delete! [Reply Comment]

NM, deno guna tutor ni ya... terima kasih ya... :)

Wednesday, May 29, 2013 5:54:00 PM Delete! [Reply Comment]

trimas

Wednesday, June 26, 2013 11:03:00 PM Delete! [Reply Comment]

best , nak guna kt blog =)

Friday, January 17, 2014 3:08:00 PM Delete! [Reply Comment]

menjadi..thanks nabila..:)

Post a Comment
Related Posts Plugin for WordPress, Blogger...