Thursday, June 14, 2012

Pin It

customize Blockquote on blog



Did you dissapoint with your blockqoute style??
, this tutorial will show you some trick how to customize your simple blockquote, and make it good looking.

first,open your blogger dashboard and Edit your HTML , next find
.blockquote{ 
, it usually on <style> section,
it will show like his
blockquote{margin:bla-bla;color:bla-bla;font-style:blablabla;xxx....}

next replace it with my code

blockquote{
margin:20px;
color:#666;
font-style:italic;
border-radius:10px;
opacity:0.5;
Background: url(http://4.bp.blogspot.com/-Koxtm3hF3-g/TsXQ6VHwfTI/AAAAAAAAAd8/qNR_Q-COx6s/s1600/background.png)}
blockquote:hover{opacity:1;
Background: url(http://4.bp.blogspot.com/-Koxtm3hF3-g/TsXQ6VHwfTI/AAAAAAAAAd8/qNR_Q-COx6s/s1600/background.png)}


you can edit my code above
little explaination
blockquote:hover ,this style will active when your mouse over the blockquote area

Just let me know if you have a problem
Comment Please

Next Post Will Be :

How To Add Smooth Transform Effect

Like the Post? Do share with your Friends.

Reaksi:

0 komentar:

Post a Comment