Khung Blockquote với hiệu ứng chuột cho Blog

Xin giới thiệu với các bạn khung trình bày code bằng Blockquote với hiệu ứng chuột rất đẹp các bạn có thể sử dụng để làm nổi bật khung trình bày code.

DEMO

1- Đăng nhập vào blog
2- Vào Mẫu (Template)
3- Chọn chỉnh sửa HTML (Edit HTML)
4- Thêm một trong các mẫu dưới vào trước thẻ: ]]></b:skin>

blockquote{font:italic 400 14px Verdana;max-height:250px;overflow:auto;background:#D6DDE0;color:#fff;border:2px dotted #D3D3D3;transition:background .777s;-webkit-transition:background .777s;-moz-transition:background .777s;-o-transition:background .777s;-ms-transition:background .777s;margin:0;padding:10px;margin:10px 0}
blockquote:hover{background:#59b9e7;color:#fff}
blockquote:active{background:#C7FDD2;color:#fff}
max-height:250px;min-height:50px;
overflow:auto;

- Thay đổi màu hiệu ứng ở những ô tô màu xanh.
- Thuộc tính max-height:250px;min-height:50px;overflow:auto; là để xuất hiện thanh cuộn nếu không muốn bạn có thể xóa nó đi.