Dulu Gifta sudah pernah buat tutorial blockquote style #1. Sekarang Kak Annisa request cara buat blockquote yang kayak gini:
THIS IS THE BLOCKQUOTE
Pengen? Follow the step!
1. Seperti biasa, 'move' to Blogger, and then 'move' again to Template, and then 'move' again to Edit HTML *lebay*
2. Cari kode blockquote { / .post blockquote {
3. Kalau sudah ketemu, copas kode di bawah dan paste di BAWAH kode yang kamu cari tadi.
THIS IS THE BLOCKQUOTE
Pengen? Follow the step!
1. Seperti biasa, 'move' to Blogger, and then 'move' again to Template, and then 'move' again to Edit HTML *lebay*
2. Cari kode blockquote { / .post blockquote {
3. Kalau sudah ketemu, copas kode di bawah dan paste di BAWAH kode yang kamu cari tadi.
blockquote{4. Save Template!
margin: 1em 20px;
padding:10px;
box-shadow:inset 2px 2px 0px #FFEBCF,inset -2px -2px 0px #FFE3CF;
background-image:url(http://i.imgur.com/2EShx.png);
border: 2px solid #EEEEEE;
color: #000000;
max-height:300px;
overflow:auto;
-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 {
background-image:url(http://i.imgur.com/tDtge.png);
box-shadow:inset 500px 200px 0px transparent,inset -500px -200px 0px transparent;
}
Kak,Aku Re-post ya.
BalasHapusOk, sertakan credit ya
Hapusizin repost, Gifta! aku sertakan credit kok :)
BalasHapusKaka, aku pake yaa..
BalasHapusbtw, aku izin repost juga ya^^
HapusPakai!
BalasHapus