Hướng dẫn tạo khung chứa code mình đang sử dụng

- Trong quá trình viết bài chúng tôi sẽ có nhiều thiếu sót mong các bạn đóng góp để chúng tôi rút kinh nghiệm hơn !
- Mọi chi tiết xin liên hệ:
• Email: tiennau1212@gmail.com
• Facebook: www.fb.com/tiennausenpai

CÁCH THỰC HIỆN
Bước 1: Ta Chèn code phía dưới vào trước thẻ ]]></b:skin> nhé.
.postblockquote{margin:10px0;text-align:left!important;padding:50px 10px 10px15px;transition:.3s;font:400 17pxMonospace;color:#888;max-height:400px;overflow:hidden;line-height:1.5;position:relative;background:#f4f4f4;border:2px solid #ddd;overflow:auto}
.postblockquote:before{content:'\f121  CODE';font-family:"Font Awesome 5 Free",Roboto Condensed;font-weight:700;position:absolute;font-size:1em;left:0;top:0;margin:0;display:block;width:100%;background:#ddd;padding:10px;box-sizing:border-box;    -webkit-transition: .3s;}
.post blockquote::-webkit-scrollbar{width:8px}
.post blockquote::-webkit-scrollbar-thumb{background:#ddd}
.post blockquote:-webkit-scrollbar-thumb:window-inactive{background:#ddd}
.post blockquote::-moz-scrollbar{width:8px}
.post blockquote::-moz-scrollbar-track{background:#eee}
.post blockquote::-moz-scrollbar-thumb{background:#ddd}
.post blockquote::-o-scrollbar{width:8px}
.post blockquote::-o-scrollbar-track{background:#eee}
.post blockquote::-o-scrollbar-thumb{background:#ddd}
.postblockquote:after{content:'Cick Double Để Copy Code';padding:2px5px;width:auto;height:auto;font-family:"Font Awesome 5 Free",Roboto Condensed;position:absolute;right:8px;top:8px;color:#595b8a;font-weight:700;background-color:none;transition:all 0.3s ease-in-out;font-size:1em}
.postblockquote:hover::after{opacity:0;top:-8px;visibility:visible}
code{display: inline-block; position: relative; color#6aafa3margin05pxpadding0 10pxtransition: all .3sborder1px solid; border-radius4pxfont400 18pxMonospace;}
Bước 2: ta thêm đoạn js vào trước thẻ </body>
<scripttype='text/javascript'>
//<![CDATA[
for(varpres=document.getElementsByTagName("blockquote"),i=0;i<pres.length;i++)pres[i].addEventListener("dblclick",function(){vara=getSelection(),b=document.createRange();b.selectNodeContents(this);a.removeAllRanges();a.addRange(b)},!1);
//]]>
</script>
 vậy là xong.
Chúc các bạn thành công

No comments