Blockquote

Requested by Nyimas...

1. Sign in akun blog.

2. Dashboard > Template > Edit Html.

3. Cari kode:

blockquote {

4. Copy kode di bawah ini, lalu pastekan di bawah kode yang kamu cari tadi.

margin: 1em 20px;
border-radius:15px;
padding:10px;background:#ffffff;
border:2px solid #ff6699;
border-left:12px double #ff6699;
font:12px times new roman;
background-image:url(http://media.tumblr.com/6b13012bed560155c76bda4678ff0ee5/tumblr_inline_mo53ftf30L1qz4rgp.gif);
background-repeat:no-repeat;
background-position:99% 100%;
background-size:95px;
-webkit-transition: all 1.0s ease-in-out;
-moz-transition: all 1.0s ease-in-out;
-o-transition: all 1.0s ease-in-out;
-ms-transition: all 1.0s ease-in-out;
transition: all 1.0s ease-in-out;
}
blockquote:hover {
-webkit-box-shadow: 0px 0px 8px 1px #FFE2E6;
-goog-ms-box-shadow: 0px 0px 8px 1px #FFE2E6;
box-shadow: 0px 0px 8px 1px #FFE2E6;
background-image:url(http://media.tumblr.com/6b13012bed560155c76bda4678ff0ee5/tumblr_inline_mo53ftf30L1qz4rgp.gif);
background-size:95px;
background-repeat:no-repeat;
background-position: -35% 100%;
}

Note:

Biru: background kotak blockquote

Merah: border blockquote

Orange: font

Kuning: url smilies 

Hijau: warna shadow (bayangan) box blockquote saat disentuh cursor

5. Selesai.