HOW TO Create Blockquote Using HTML Code

HOW TO Create Blockquote Using HTML Code Make Money Online Queries? Struggling To Get Traffic To Your Blog? Sign Up On (HBB) Forum Now!HOW TO: Create Blockquote Using HTML CodeUpdated On 13/05/2011Author : Pradeep KumarTopic : DesignShort URL : http://hbb.me/Y7pczU CONNECT WITH HBB ON SOCIAL MEDIA Follow @HellBoundBlogI hope you are familiar with block quotes. They are nothing but some sections of texts used for highlighting quotes from other sources. They are mostly indented from the blog post and they have different background color or text size and color.BlockquotesWhy Should I Use Blockquote In My Blog Articles?If you are quoting about some matter from another blog, then it should be different. Your readers should feel the different.Quotations can be easily recognized from the main section of your posts.They can enrich and complement your theme.Your readers will get to know that those are special lines.How To Design My Own Block quotes?Most of the wordpress themes have cool block quotes, but for some it just indents t he quote and changes the font size and color.In this tutorial we are going to create blockquote using HTML code alone, without messing the stylesheet.Actually this tutorial is quite simple and of course, the blockquotes are also simple but effective, because Simplicity is Essential.1. Changing the Background color with some text formattingCoding For Yellow :p style=padding: 5px; background-color: #FFFF99; border: dotted 2px #FF9900; Text Here/pI love and believe in this quote ‘Impossible is Nothing’. Every new idea is a joke until one man achieves it. Concentrate and work hard for reaching your goal. Always be constant and make your mind repeat this phrase ‘Don’t give up’. Happy Blogging.READGuest Blogging: So Why Should You Care?Coding For Blue :p style=padding: 5px; background-color: #E1E8F2; border: dotted 2px #00518A;Text Here/pI love and believe in this quote ‘Impossible is Nothing’. Every new idea is a joke until one man achieves it. Concentrate and work hard for reaching your goal. Always be constant and make your mind repeat this phrase ‘Don’t give up’. Happy Blogging.2. Without Changing The Background Color With Text FormattingThis is a cool alternative for above mentioned block quote. This creates indent from the main blog post. This one uses no image but satisfies the look of an image.I love and believe in this quote ‘Impossible is Nothing’. Every new idea is a joke until one man achieves it. Concentrate and work hard for reaching your goal. Always be constant and make your mind repeat this phrase ‘Don’t give up’. Happy Blogging.Coding :b style=float: left; font-weight: normal; font: 14px/22px arial; margin-top 10px; margin-bottom: 10px; margin-left: 50px; padding-left: 15px; border-left: 3px solid #666666;Text Here/b Note : This Tutorial is compatible with Blogger and WordPress blogs. If you are familiar with HTML you can use your own codings to edit and customize.