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.

• Lưu ý:Nếu blog của bạn đã có thì xóa đoạn code dạng như bên dưới trước khi áp dụng:

.post blockquote{
.....
}
.post blockquote p{
....
}
.post blockquote:hover {
....
}

Các sử dụng khi post bài:
Khi cần chèn một đoạn code hay văn bản vào khung bạn check vào HTML của bài viết và dùng code sau:

<blockquote>Mã code hoặc đoạn văn</blockquote>

Tweet

Related Posts

• Bài viết mới theo nhãn hiển thị hai cột với hiệu ứng toolipBài viết này mình sẽ hướng dẫn cách tạo widget Bài Mới Nhất Hiển Thị 2 Cột khi rê chuột vào bài viết sẽ có hiệu ứng too
• Thêm comments facebook song song với comments bloggerTheo yêu cầu của bạn DINH VAN Tu mình sẽ hướng dẫn bạn cách thêm "comment facebook song song với comments blogger vào b
• Tạo nhiều chuyên mục cho bài viết theo nhãnTheo yêu cầu của 1 số bạn nhờ mình hướng dẫn cách đăng bài theo từng chuyên mục với nhãn riêng biệt .Hôm nay mình sẽ hư
• Ẩn Widget ở những trang tùy chọn BlogspotĐây là 1 thủ thuật dùng để ẩn Widget ở những trang bài viết tùy chọn, thủ thuật này cũng không phức
• Thêm Reactions vào bài viết của blogspotBlogspot cung cấp chức năng reactions cho độc giả để họ thể hiện phản ứng của mình khi xem 1 bài viết nào đó. Chức năng
• Featured Posts Widget chuyển động với Css và jQuery.Hôm nay mình sẽ giới thiệu với các bạn tiện ích Featured Posts chuyển động xoay vòng sử dụng với Css và jQuery. Với t

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

4/ 5

Oleh Đỗ Trực

Đỗ Trực Pada 06:34 5 Komentar