[Blogspot] Tạo trang mã hóa code đơn giản mà hiệu quả cho blogger

Như các bạn đã biết, đối với mỗi blog chuyên về thủ thuật thì code không còn là khái niệm quá xa lạ đối với mỗi IT Blogger rồi. Nhưng không đơn giản mà chúng ta có thể chèn code như HTML, Javascript hay Jquery vào bài viết hay bình luận được mà trước tiên phải mã hóa chúng đã, không thì sẽ bị lỗi tùm lum và không hiển thị đúng code mình thêm vào đâu!
Để làm được điều đó thì hôm nay mình xin chia sẻ với các bạn một công cụ có thể mã hóa các đoạn code có sử dụng những kí tự đặc biệt ( < > '" & ).

Công cụ mã hóa code đơn giản mà hiệu quả cho blogspot

Demo cụ thể các bạn có thể xem ngay tại blog của mình trong phần mã hóa code này nhé!

Cách thực hiện: Bước 1: Truy cập quản trị Blogger - Trang - Trang mới.
Bước 2: Trong khung viết bài hãy bật sang tab HTML - Copy và dán toàn bộ đoạn code dưới vào và xuất bản.

<script type="text/javascript">
function $(esc_tool){
 return document.getElementById(esc_tool)
}
var char2entity = { "'" : '&#39;', '"' : '&quot;',  '<' : '&lt;', '>' : '&gt;',  '&' : '&amp;'};
function escape_entities(str) {
 var rv = '';
 for (var i = 0;i < str.length; i++) {
 var ch = str.charAt(i);
 rv += char2entity[ch] || ch;
 }
 return rv;
}
function do_escape(e){
 document.getElementById('escaped').value = escape_entities(e.value)
}
</script>
<textarea onchange="do_escape(this)" onkeyup="do_escape(this)" rows="10" style="border: 1px solid #000; font-family: &quot;courier new&quot; , monospace; height: 10em; width: 100%;"></textarea>
<textarea id="escaped" onclick="this.select()" readonly="readonly" rows="10" style="border-top: none; border: 1px solid #000; font-family: &quot;courier new&quot; , monospace; height: 10em; width: 100%;"></textarea>

Cách sử dụng: Rất đơn giản thôi, bạn chỉ cần dán đoạn code cần được mã hóa vào khung trên; khi đó khung dưới sẽ tự động mã hóa cho bạn sang code mới.
Ngoài ra, để trang trí thêm cho thẻ pre, code đẹp hơn cũng như tạo màu sắc cho chúng, các bạn có thể tham khảo bài viết ở dưới.

Xem thêm: [Blogspot] Tô màu cho code dành cho blogspot tuyệt đẹp

Chúc các bạn thành công nhé!

TSM Blogger

Chào mừng các bạn đến với TSM. Blog chia sẻ thủ thuật blogspot, tin tức công nghệ, thể thao, kho template blogspot và nhiều thứ khác. Mong các bạn luôn ủng hộ để blog luôn vững mạnh!