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/AVvXsEjGERXy0MUHqjxThL8zEsdjZjej2Quqc5gDlEyGJEhbbCNNwakB34Vkal2K63IO5ccvtjGF7L0wh1102O3pM8VJTYJ1qZy89XJvNIC93cbEpiBQ35TNzoIm0uxsAvYYRIqcJPUzW2ydoaOp/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}