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}

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é:

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

Nguồn : Thaiati

Unknown

Add Comment

Thủ-Thuật-Blogger

Tuesday, December 30, 2014

About Admin

Mang thế giới Template Blogger đến với bạn 1 cách hoàn thiện nhất. Chúng tôi chuyên sưu tầm template blogspot trên nguồn internet

Hướng dẫn tạo trang 404 thân thiện cho blogspot Hướng dẫn tạo trang 404 thân thiện cho blogspot Nếu các bạn đã đọc bài viết các thẻ điều kiện if
Xóa biểu tượng chỉnh sửa nhanh widget cho blogspot Xóa biểu tượng chỉnh sửa nhanh widget cho blogspot Nút chỉnh sửa nhanh cho widget à một tiện
Tạo Button Download đẹp từ CSS3 cho blogspot Tạo Button Download đẹp từ CSS3 cho blogspot Thủ thuật này sẽ giúp bạn tạo một nút download đẹp
Hướng dẫn tạo Tab comment Facebook, Google +1 , Dispus cho Blogspot Hướng dẫn tạo Tab comment Facebook, Google +1 , Dispus cho Blogspot Chắc hẳn các bạn xẽ hỏi

About Admin

Related Posts