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.