Blockquote #2

New! This my first tutorial on Monday! Let's read more my post!

Kalian mau lihat? Ini previewnya :

Ini hanya contoh. Jika kalian mau, kalian bisa ikuti step di bawah ini!

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

Yang berwarna hijau itu url background-nya. Boleh ganti kok!

Untuk designer

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

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

• Copy kode 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.