blokquote #2

Hai!, Fathya lagi seneng posting nih... tapi, paling tutorial sama freebies doang.  Gpp kan? 

Yuk lanjut, Fathya gak tahu mau basa-basi apa lagi :(

Ini hanya contoh. BTW, ini blokquote yang fathya pake lho... cuma, backgroundnya beda!

Mau? Yuk, ikuti step!

 Untuk blogskins :

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

blockquote{ background:url(http://25.media.tumblr.com/tumblr_mbamchIsvG1qhhbndo1_500.jpg); padding:10px; color:#000; letter-spacing:1px; border-radius:10px; border:2px solid #ccc; -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; text-shadow: -1px 0 fff, 0 1px fff, 1px 0 fff, 0 -1px fff; } blockquote:hover{ background:url(http://25.media.tumblr.com/tumblr_mbamchIsvG1qhhbndo1_500.jpg); background-position:50% 50%; }

 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{ background:url(http://25.media.tumblr.com/tumblr_mbamchIsvG1qhhbndo1_500.jpg); padding:10px; color:#000; letter-spacing:1px; border-radius:10px; border:2px solid #ccc; -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; text-shadow: -1px 0 fff, 0 1px fff, 1px 0 fff, 0 -1px fff; } blockquote:hover{ background:url(http://25.media.tumblr.com/tumblr_mbamchIsvG1qhhbndo1_500.jpg); background-position:50% 50%; }

 klik save

NB: yang warna Orange itu backgroundnya, boleh diganti kok!


CREDIT: teteh fia :)