Tuesday, April 10, 2012

Pink Background for Heading with Shadow Effect



Many Professional blogs use heading backgrounds to make their blog more interactive and user friendly from others with is always good thing for any blogger, you can easily write some warning notes, some important notes or also can use it as to write your codes of html, javascript, php, c, c++, java

Any thing you can use it for special purpose.



Add Pink Background with Shadow Effect

  • Go to your posting area.
  • Click on EDIT HTML
  • Paste below code in html posting area.

<b:if cond="data:blog.pageType == &quot;item&quot;"> </b:if>
<div style="-moz-border-radius: 9px; -webkit-border-radius: 9px; background: #FEE6E6; border-radius: 9px; border: 1px solid #ddd; box-shadow: 3px 3px 3px #CCCCCC; padding: 5px;">

<center><span type="VERDANA"><b style="color: #e06666;"><span style="font-family: Verdana,sans-serif; font-size: large;">Add Your Text Here</span></b></span></center>
<table border="0"></table>
</div>


Live Demo



      This is Live Demo of Pink Background



Make Changes.....!

  • #FEE6E6 you can change the color of background default clor is pink as you can see in Live Demo.
  • Add Your Text Here change it from your own text.






Thanks for Visit Here Like Us on Facebook.
If Any Problem, Ask in Comments Follow US on Twitter.

help us to grow

Post a Comment