Chào cả nhà! Hôm nay mình xin hướng dẫn các bạn đam mê blogspot/ Blogger, đặc biệt là các bạn làm blog về chia sẽ thủ thuật , chia sẽ code,.. cách thêm khung code cực đẹp cho blog của mình. Đây là một Thủ Thuật Bloger không thể bỏ qua phải không ạ.


Các bước thực hiện

Bước 1: Đăng nhập vào trang quản lý Blogger
Bước 2: Chèn đoạn code dưới đây vào trên thẻ ]]></b:skin> trong template
.post blockquote{margin:10px 0!important;border:2px solid #00deff!important;border-left:none!important;overflow: auto !important;text-align: left !important;max-height: 250px !important;background: #ddd url(http://sv1.upsieutoc.com/2017/07/03/blockquote-starhuyblohbbf80.jpg) !important;background-repeat: no-repeat !important;padding: 15px 20px 15px 35px !important;color: #555 !important;}blockquote::-webkit-scrollbar {width: 0}blockquote::-webkit-scrollbar-track {-webkit-box-shadow:none;background:none}blockquote::-webkit-scrollbar-thumb {background:none;border-radius: 0}blockquote::-webkit-scrollbar-thumb:hover {background:none}


Bạn có thể thay link ảnh màu xanh theo ý bạn!

Bước 3: Lưu template là xong!

Cách sử dụng
Bước 1: Tô đen đoạn code cần cho vào khung
Bước 2: Chọn biểu tượng trích dẫn trong giao diện viết bài của blogger.


Như thế là đã xong rồi. chúc các bạn thành công