Monday, November 21, 2011

Cute Blockquote

This tuto credit to: D'ya Marchmello 

1. Dashboard > Design > Edit Html > Tick Expand Widget

2. Ctrl + F dan cari kod ini :-

.post blockquote {
3. Copy and paste kod bawah ni di BAWAH kod tadi

background-image : url(URL GAMBAR);
border:3px solid #ffc7cd;
padding: 5px;
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
}
.post blockquote:hover {
background-image:url(http://1.bp.blogspot.com/-HDs_dtNwA0Q/TfSPPhX-jSI/AAAAAAAAAk4/yiXL261hHRM/s1600/lovegerak.gif);
background-position:bottom right;
background-repeat:no-repeat;}
border-left:5px solid #ffeded;
padding: 5px;
color: #000000;
-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;
}

Note#

URL GAMBAR = tukar dengan url gambar blockquote
Purple = tukar dengan URL gambar semasa cursor menyentuh

URL GAMBAR tu boleh ambil gambar di :-

boleh ambik icon kat bawah ni atau kat sini :-

http://i561.photobucket.com/albums/ss52/angelicxmelody/Small%20Icons/1552l2f.gif

http://1.bp.blogspot.com/-HDs_dtNwA0Q/TfSPPhX-jSI/AAAAAAAAAk4/yiXL261hHRM/s1600/lovegerak.gif

http://dl2.glitter-graphics.net/pub/2617/2617372pgrsy5telp.gif

http://dl10.glitter-graphics.net/pub/1446/1446520ym4f5k37n5.png

*preview dulu baru save ^^*

0 comments: