Tutorial : Blockquote Like Mine

 

 

Hallow guys 

 

kalian mau blockquote kayak aku 

keren lho....

Code :

blockquote{
padding:10px;
display:block;
font:11px arial;
color:#ccc;
letter-spacing:1px;
border-radius:10px;
border:2px solid #FFE2E2;
-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;
background-position:0% 0%;
background:url(http://media.tumblr.com/tumblr_m33wmx1T171qdlkyg.gif);
background-repeat:no-repeat;
background-size:0px;
}

blockquote:hover{
background:url(http://media.tumblr.com/tumblr_m33wmx1T171qdlkyg.gif);
background-repeat:no-repeat;
background-position:100% 100%;
background-size:80px;
color:#777;
}
 

• Blogskins/ Classic template : Paste codes ni sebelum code </style>
• Template designer : Paste codes ni sebelum ]]></b:skin> 
• Remove semua code berkaitan dengan blockquote untuk mengelakkan kekacauan antara code. lol :B

• Blockskins/Classic Template : Paste the codes before </style>
• Template designer : Paste the codes before ]]></b:skin>
• Remove all any other codes that related to blockquote 

 Thxxx to kak Wana for tuto 

Want to repost 

Give me a credit