How to Add CSS Warning Box in Blogger

Here is a Cool Warning Box For Blogger.You Can Use these Boxes For Displaying Warnings, Comment Messaging Above the Comment Section, Important Notes and Many more .So Follow the below Steps to add the Comment Box to blogger.

Just have a look at the Warning Box...

Note: CSS Warning Box

This is the Cool CSS Warning Box For Blogger.

1. Login To Blogger Account.
2. Go To Your→ Template → Edit HTML.
3. Click Proceed Button.
4. Check The Expand Widget Templates.
5. Search Following Code Using Ctrl+F.

  ]]></b:skin>

 Now add the Below Code Above it.

• #ErrorYellow{ margin-left: 55px; background-image: url(http://lh6.googleusercontent.com/-STlIUwa6Dkg/UFsfPdrxhJI/AAAAAAAABPc/XNigxZmpvdE/s32/YellowWarning.png); border: 1px solid #FFCF0F; background-color: #FFFFDE; border-radius:3px; font-size:15px; background-repeat:no-repeat; padding-left:40px; border-radius:9px; min-height:32px; width:auto; background-position:3px; margin:10px; padding-top:5px; color:#222; }

6. Save Your Template.
7. Now if You Want to Change the Color of the Box Then Just Change the Red colored Highlighted Color.
8. Now To Use this Box In Post Or Template Where You Want To Display Text In Box

<div id="ErrorYellow"> Text To Display In Yellow Box </div>

That's it Now You're Done.