Saturday, 16 May 2015

Blockquote Design For Blog #1

Blockquote Shadow saat di hover Hover



credit: Yulia


1. Sign In Blogger Account.

2. Dashboard >> Template >> Edit HTML

3. Click Ctrl+F to find this code :

]]></b:skin>

 4. Kemudian, Copy this code and Paste Before/ Above code ]]></b:skin>



blockquote{
margin: 10px;
border:2px solid #fdcfde;
background:#eee;
-webkit-transition: 1.1s;
-moz-transition: 1.1s;
padding: 5px;
}
blockquote:hover{
-webkit-border-radius: 0px 0px;
-moz-box-shadow: 0 0 2px 2px #808080;
box-shadow: 0 0 3px 3px #808080;
}


 5. Click Preview, No error?? Click SAVE.


No comments:

Post a Comment