Tutorial : Cute Blockquote

tuto ni cm klu uat blockquote sntuh kt tmpt kite nk blockqoute uh ad icon love..phm ta??
ain un ta pndai nk explain..so let do..
1.dashboard > design > edit HTML > tick expand widget
2.copy kod kt bwh ni
.post blockquote {
3.da jumpa..copy kod kt bwh ni
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/AVvXsEiSDy7vxSQixXslinMy_1Vampu1Fq_HoM0t6HF0uvbLHMbHvk9CLU4xB3PNg1p9pe33ZtI3X0DLN32M4fKJVy0VqWejxYwsul_rfsPoBtx00gdDrhrybY41g2tJ3NlAuxgVm0f_c90jmP0/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;
}

4.paste kod tu kt BAWAH kod .post blockquote {

*yg wrna merah tu tkr ngn background korng..
*yg wrna purple blh ambik kt glitter graphic

ni ain bg free..

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSDy7vxSQixXslinMy_1Vampu1Fq_HoM0t6HF0uvbLHMbHvk9CLU4xB3PNg1p9pe33ZtI3X0DLN32M4fKJVy0VqWejxYwsul_rfsPoBtx00gdDrhrybY41g2tJ3NlAuxgVm0f_c90jmP0/s1600/lovegerak.gif

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

Tiada ulasan: