Definition And How To Use blocquote Tags On Blogger

Bismillaahirrahmaanirrahiim
Assalaamu'alaikum Wr Wb!

HTML blockquote element is a mechanism for denoting a block of quoted text, in the form of a special phrase or sentence that is a concern in a topic. Perhaps only a few lines, or it may also contain some elements of paragraphs, you can also text inside many of these elements using this element.

According to a recommendation from the W3C which states that a website or blog writers do not need to type the quotes in the text when they use a blockquote, you can set the display blockquote hana with CSS alone. It is classified as very easily.

In general or default, the browser will create a content or paragraphs that you want to be a little more advanced blockquote towards the right. This feature has been widely abused just to simply make an indent text as a way to draw attention to a paragraph or section of the page, even though it is clear that this element is only used as a signal to a source in the form text.

If just the look of it can be arranged with CSS, the core must not set the style with many but many treat it just as a marker alone. For example, if you wanted the paragraph to see a little more advanced towards the right, you can set it to give a bit of CSS properties margin-left.

In this simple example, use the blockquote element you can see in the following script ?

Words

You simply add the following tag into your writing either in the article or static pages ?

<blockquote> Words </blockquote>

Note: Replace the text "Words" green with your sentence.

Blocquote style was formed with the following CSS that you need to put above / before the ]]></b:skin> tags in your blog theme ?

**********************************************************************
*/* CSS blockquote tags By Rahmat Arif (Admin BloggerDiscreet.com) */*
**********************************************************************
input,button,select,textarea{font-size:100%;line-height:normal;vertical-align:baseline;}
textarea{display:block;box-sizing:border-box;}
pre,code{font-family:'Droid Sans';color:#444;}
pre{white-space:pre;word-wrap:normal;overflow:auto;}
blockquote{margin-left:0;padding:15px;background:lightyellow;border:1px solid #d8d8be;font-style:italic;font-family:Georgia;}
blockquote:before{content:'\f10d';display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px;color:#999985}
blockquote:after{content:'\f10e';display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px;color:#999985}

That's it for understanding and tutorials in the articles this edition.
Alhamdulillaah, I think it just enough that I can convey to you in this article.

Note

If you have any questions, please your ask Admin via comment!
Thank You.

Share

Feel free to share this article with your friends on social media, so that they too can benefit from this article!

Alhamdulillaah
Inshaa Allaah, hope my article can help you all!
Wallaahu'alam
Wassalaamu'alaikum Wr Wb!