Customized Blockquote Style In Blogger Blog

Click To Enlarge

If your post has different headers and something important to say, then you can use blockquote, But styling a blockquote will look more stunning as shown in image above.

How to Edit ?
# First Go to Blogger Dashboard,
# Navigate to Template
# Backup your Template for Safety
# Click on Edit Html
# Find ]]>

and Just above it paste The Code Written in Snippet Below(Any One Style),

1. Red Blockquote

Follow the steps from above and copy the code,

blockquote
{
margin: 10px auto;
padding: 15px;
border: 1px solid red;
border-left: 25px solid;
border-radius: 20px;
color: red;font-size: 25px;
box-shadow: 2px 2px 2px #222;
}

2. Blue Blockquote

Code Snippet :

blockquote
{
margin: 10px auto;
padding: 15px;
border: 1px solid blue;
border-left: 25px solid;
border-radius: 20px;
color: blue;
font-size: 25px;
box-shadow: 2px 2px 2px #222;
}

3. More Custom Color

If you want more custom colors in blockquote, then copy the above css but carefully change the Yellowed text into your desired color [For Example : color: black or color:#eeeeee;]
Some color Codes,
#FFE000 – Yellow
#FFCC09 – Golden
#B5F0AA – Light Green
#FFA300 – Orange
#00D6FF – Aqua
#B800FF – Violet
#EB00FF – Magenta

Problem ?

For any problem / queries related to this article, feel free to comment.

Share This Now:

One Comment

Add a Comment

Your email address will not be published. Required fields are marked *