Blockquote Cute Border

Blockquote Cute Border - Live Demo

Blockquote Cute Border seperti gambar screenshot di atas, dan cara memasang blockquote di blog berikut ini.

template > edit html > cari kode .blockquote { > tambahkan kode css di bawah ini setelahnya .blockquote { > simpan

-webkit-transition-timing-function: ease-out;

-webkit-transition-duration: 250ms;

-moz-transition-timing-function: ease-out;

-moz-transition-duration: 350ms;

color:#000000;

font:12px Verdana;

padding:5px;

border-right:5px #FAAFBE solid;

border-left:5px #FAAFBE solid;

text-align:justify;

opacity:1;

}

blockquote:hover {

background:#FDEEF4;

text-align:center;

-webkit-transition-timing-function: ease-out;

-webkit-transition-duration: 250ms;

-moz-transition-timing-function: ease-out;

-moz-transition-duration: 350ms;

color:#000000;

border-top-right-radius: 15px;

border-bottom-right-radius: 15px;

border-top-left-radius: 15px;

border-bottom-left-radius: 15px;

border-right:4px #C38EC7 solid;

border-left:4px #C38EC7 solid;

}

Semoga tutorial blog tentang Blockquote Cute Border bermanfaat.