Tạo khung chứa code có nút Copy, Download và Preview Code đẹp cho Blogger
Tạo khung chứa code có nút Copy, Download và Preview Code đẹp cho Blogger
Tạo khung chứa code có nút Copy, Download và Preview Code đẹp cho Blogger
Xin chào các bạn, lâu rồi mới lại viết thêm bài thủ thuật cho Blogger. Bài này mình sẽ chia sẻ cho các bạn thủ thuật thêm khung chứ code hay còn gọi là codebox có nút Copy, Download và Preview Code cực đẹp cho Blogger. Thủ thuật này sử dụng HTML CSS và JavaScript. Cách thực hiện Bước 1: Truy cập trang quản trị của Blogger và vào phần chỉnh sử HTML, sau đó tìm đến thẻ ]]></b:skin> và thêm đoạn code CSS dưới đây vào phía trên nó: /* Code Box */
.pre{background:#f6f6f6;color:#2f3337;direction: ltr;position:relative;border-radius:3px;overflow:hidden;margin:1.7em auto}
.pre pre{margin:0;color:inherit;background:inherit;display:block;position:relative;font-size:13px;line-height:1.6em;border-radius:3px;padding:30px 20px 20px;-moz-tab-size:2;tab-size:2;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none; overflow:auto;direction:ltr;white-space:pre}
.pre.adv{border-radius:10px}
.pre.adv::before{display:none}
.pre:not(.str) .prCd{display:none}
.pre.str .prTl{display:non…
