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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhSLKreSiG69i8zGkH744mhGAhh374in5YlnaPF4IXtPIlXPrmPZRDfxg8ApHH0icuL64x_MfwbigtV7b2BPKQoj3DVR075iDORweiWNxv57EAbYr_WGZ7gpBdRM7q2fiGuQRPsfMu7Pk/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 :-

Cute Background 1

Cute Background 2

boleh ambik icon kat bawah ni atau kat sini :-

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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhSLKreSiG69i8zGkH744mhGAhh374in5YlnaPF4IXtPIlXPrmPZRDfxg8ApHH0icuL64x_MfwbigtV7b2BPKQoj3DVR075iDORweiWNxv57EAbYr_WGZ7gpBdRM7q2fiGuQRPsfMu7Pk/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 ^^*