Dùng Blockquote tạo trích dẫn bài viết cho blogspot

Xin chào các bạn hôm này thủ thuật blogspot sẽ chia sẽ cho các bạn một thủ thuật hay về cách sử dụng Blockquote tạo trích dẫn bài viết cho blospot một cách dễ dàng nhất, với nhiều mẫu khác nhau bạn có thể lựa chọn cho mình một mẫu theo phong cách của bạn.
Thực hiện tạo trích dẫn bài viết trong blogger như sau
1. Đăng nhập blog
2. Vào bố cục (layout)
3. Vào chỉnh sửa code HTML (edit code HMTL).
Ctrl + F : tìm bỏ các đoạn :

Giao diện 1:

Code:

blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }

Giao diện 2:

Code

blockquote { margin: 1em 3em; color: #999; border-left: 2px solid #999; padding-left: 1em; }

Giao diện 3

Code

blockquote { margin: 1em 2em; border-left: 1px dashed #999; padding-left: 1em; } blockquote p:first-letter { float: left; margin: .2em .3em .1em 0; font-family: "Monotype Corsiva", "Apple Chancery", fantasy; font-size: 220%; font-weight: bold; } blockquote p:first-line { font-variant: small-caps; }

Giao diện 4:

Code

blockquote { background-color: #666; color: #fff; font-weight: bold; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } blockquote { background-color: #666; color: #fff; font-weight: bold; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

Giao diện 5:

Code

.post blockquote { margin : 0 20px; padding: 10px 20px 25px 20px; background : #9FCFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5A-trRN_R5vqys1quq4_SUdhbWzg51kebkxFVx0pJyZ_jL1xMgkOGrY0ikoQXMpCzCBJZ2lqgIh6C3c3eQ8sffVHs9vfR0ensn5yiKgNyMevFf88B4Qb3eWtPsGCVr1ch3FCRLwwumGc/h120/block22-namkna-blogspot-com.gif) no-repeat right bottom; font: bold .9em "comic sans ms", arial, Helvetica,verdana, Georgia; color : #484848; border: 5px dashed #fff; } .post blockquote p { margin: 0; padding-top:10px; }

Bạn có thể tham khảo thêm cách tạo khung chứa code bài viết trong blogger.