About & Social

0
Block Quote of any blog or blog post content, usually by Block Quotation Highlight some text to be. This is actually a part of the visitors of the blog is to give a clear idea. Also, when any kind of blog, HTML, CSS and JavaScript code is shared in the Block Quotation is used to identify them easily.


customize-blockquote-style-in-blogger


To use the Block Quotation on all kinds of different styles can be seen. Today we will share with you 02 of the Customize Blockquote CSS Style. The two if you want to customize your heart can take it.

Customize Blockquote Style in Blogger

  • First, login to your blog.
  • The Template> Edit Html click.
  • And from the keyboard by pressing Ctrl+F ]]></b:skin> section of the search.
  • Now, following a style template of your choice ]]></b:skin> tag above the paste.
# Style: 1
customize-blockquote-style-in-blogger
.post blockquote {    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvHboas3lOB_EpLLUPXV5XtZqCiXBorigVWYDlWl45VnEngzX4mo5PgiPA0HWkls9Rrr5b_SPJqsY4RwGO8zmPNfuVrxxGS8WSWWIqSYcWHAG8qTWfK3MZm6FNqzbhHjF-mXemBim_2vgw/s1600/blockquote1.png") repeat scroll center top blue;    border-left:6px solid red;    border-radius:6px;    color:#000;    font-size:11px;    font-family: Georgia,"Times New Roman",Times,serif;    font-style:italic;    line-height:18px;    margin:0px 0px 5px 0px;    overflow:hidden;    padding:10px 0px 10px 40px; }
# Style: 2
customize-blockquote-style-in-blogger
.post blockquote {
    background-color: white;
    background-position:0% 0%;
    background-repeat:no-repeat repeat;
    border-radius:2px;
    border-color:black;
    border-right:2px dashed;
    border-left:2px dashed;
    border-bottom:2px dashed;
    border-top:2px dashed;
    color:#000; font-size:11px;
    font-family: Courier New, Georgia,"Times New Roman",Times,serif;
    font-style:italic; line-height:18px;
    margin:0px 0px 5px 0px;
    overflow:hidden;
    padding:10px 0px 10px 40px;
 } 
  • Finally, Click on Save Template in the Save.

Customization:

  • At the top of the background image or background color can be changed.
  • border-left: 6px solid #CACACA Border Color and Border Width of the change.
  • The color, font-size, font-family and font-style font style to be changed.
  • Also Margin, Padding, including the style and can add a lot.

Post a Comment

Dear readers, after reading the Content please ask for advice and to provide constructive feedback Please Write Relevant Comment with Polite Language.Your comments inspired me to continue blogging. Your opinion much more valuable to me. Thank you.