Welcome here! Please leave your comment and follow my blog. Use CTRL+C to copy (no right click allowed)
This blog is full of tutorials. Please use them, by clicking the "STUFF" page above^^ Thanks for your visit!!
I'm Gifta, I can't online everyday /^-^\/>

Thank you for your visit, please use my tutorials...!
August 05, 2016

Saturday, May 23, 2015

Blockquote Style for Blog #2

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.
blockquote{
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;
}
4. Save Template! 

There are 2 comments.
Please post another comment..