Blockquote Hover
Saturday, October 15, 201111:16 PM
Blockquote Hover For Blogger. (:
Who want? Okok, Follow the instructions below k?
Okay here,
1) Dashboard>Design>Edit html>Tick Expand Widget Templates
2) Find .post blockquote {
3) Copy the codes below.
4) Change the thingy in:background:url(IMAGE URL); background: #CED8F6;
border-top: 2px dotted #58ACFA;
border-left: 4px solid #58ACFA;
border-right: 4px solid #58ACFA;
border-bottom: 2px dotted #58ACFA;
margin:1em 20px;
colour:}
blockquote:hover {
background-color: #CED8F6;
-webkit-transition-duration: 2.5s;
background-image:url(IMAGE URL);
background-position:bottom right;
background-repeat:no-repeat;
border-top: 2px solid #58ACFA;
border-left: 4px dotted #58ACFA;
border-right: 4px dotted #58ACFA;
border-bottom: 2px solid #58ACFA;
margin:1em 20px;
Orange-Colours of the border.
Green-Colours of the borders.
IMAGE URL-Images for the hover.
You can get images from >here<
*Small reminder: images that you've picked must be small. (:
