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!

Tidak ada komentar:

Posting Komentar