Blockquote #3

Blockquote yang unik lho!

Preview :

Mau kan? Cute kan? Oke deh!

Mau? Yuk, ikuti step!

Untuk blogskins

• Ke dashboard > template
• Cari kode </style>
• Lalu copy kode ini dan paste di atas kode tadi

blockquote{ padding:10px; display:block; font:11px arial; color:#ccc; letter-spacing:1px; border-radius:10px; border:2px solid #FFE2E2; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background-position:0% 0%; background:url(http://media.tumblr.com/tumblr_m33wmx1T171qdlkyg.gif); background-repeat:no-repeat; background-size:0px; } blockquote:hover{ background:url(http://media.tumblr.com/tumblr_m33wmx1T171qdlkyg.gif); background-repeat:no-repeat; background-position:100% 100%; background-size:80px; color:#777; }

• Klik save

Untuk designer

• Ke dashboard > template > edit HTML
• Cari kode ini :

/* Posts ----------------------------------------------- */

• Copy kode di bawah ini dan paste di bawah kode tadi

blockquote{ padding:10px; display:block; font:11px arial; color:#ccc; letter-spacing:1px; border-radius:10px; border:2px solid #FFE2E2; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; background-position:0% 0%; background:url(http://media.tumblr.com/tumblr_m33wmx1T171qdlkyg.gif); background-repeat:no-repeat; background-size:0px; } blockquote:hover{ background:url(http://media.tumblr.com/tumblr_m33wmx1T171qdlkyg.gif); background-repeat:no-repeat; background-position:100% 100%; background-size:80px; color:#777; }

• Klik save!