4 Kiểu Blockquote đơn giản cho blog

#1 Thêm css

1. >Chọn code tương ứng với mẫu bạn thích ở #2 

2. >Đăng nhập Blogger > Mẫu > Chỉnh sửa HTML 

3. >Tìm thẻ ]]></b:skin> rồi dán code đã chọn vào trên nó

#2 Chọn mẫu

#2.1 Đường viền

blockquote {
margin:1em 20px;
border: 1px solid #619644;
padding: 10px;
font-family: Vollkorn, serif;
font-style: normal; 
background: #ffffff
}

#2.2 Đường kẻ bên trái

blockquote {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 50px;
padding-left: 15px;
border-left: 3px solid #619644;
font-family: Vollkorn, serif;
font-style: normal;
background: #ffffff;
}

#2.3 Đường viền nét đứt

blockquote {
margin:.75em 0;
border:1px dotted #619644;
border-width:1px 0;
padding:5px 15px;
color: #000
font-family: Vollkorn, serif;
font-style: normal;
background: #ffffff;
}

#2.4 Màu nền

blockquote {
margin: 1em 3em;
padding: .5em 1em;
background: #58FAF4;
font-family: Vollkorn, serif;
font-style: normal;
}

#3 Sử dụng

Khi muốn thêm khung Blockquote vào bài viết thì:

1. > Chuyển sang chế độ viết HTML

2. > Sử dụng cặp thẻ <blockquote> và </blockquote>

<blockquote>
code đã mã hóa
</blockquote>

3. > Chuyển sang chế độ viết thường