Thủ thuật CSS3 tạo khung chứa Code cho Blogspot

Thủ thuật CSS3 tạo khung chứa Code cho Blogspot

Cách thực hiện: khá đơn giản bạn chỉ cần chèn đoạn code CSS sau trên ]]></b:skin>
(dành cho người thiết kế Blogspot chuyên nghiệp)

.post blockquote{width: 500px;
overflow: auto !important;
text-align: left !important;
max-height: 250px !important;
background: #eee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinBwpCD5qgR6-9VEbzPs3YugXWZIGJi0-pl_h2sCK6MNnKGUsspiPer91x6L5F1xNMd7cWdr5U9Y72Mx6cnXYrVl8U373hXofLnpRqEqIHTGh7vM8mi-0ip1UCgLFWD_K7gXgTBoMWJG__/s0/code-thaiaiti.gif) !important;
background-repeat: no-repeat !important;
padding: 15px 20px 15px 35px !important;
color: #333 !important;}
.post blockquote p{margin:.75em 0}
blockquote::-webkit-scrollbar {width: 10px;}
blockquote::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.1);background:#fff;}
blockquote::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.2);border-radius: 20px;}
blockquote::-webkit-scrollbar-thumb:hover {background: #F8CD52}

Ghi chú: Khi post bài dạng Code, bạn thực hiện như hình dưới để có được khung chứa code như í nhé:

Nguồn : Thaiati