Với các blogger chuyên về thủ thuật thì tạo 1 trang end code là rất cần thiết. Bài viết này sẽ hướng dẫn các bạn cách tạo một trang endcode cho blog của mình.
Với thủ thuật này thì khung Input và Output dùng chung trong 1 thẻ textra nhìn rất gọn gàng và đẹp mắt.

Tác dụng của khung Convert code (Endcode)

- Khi chèn 1 đoạn code vào nhận xét hay bài viết thì đoạn code đó sẽ biến mất. Do vậy phải đổi các  thẻ < sẽ chuyển thành &gt; và thẻ > sẽ bị chuyển thành &lt;để code có thể hiển thị tốt. 

- Nếu thay thủ công từng dấu < và > thì quá lâu và mất thời gian. CÔng cụ này sẽ giúp bạn việc đó.


Làm thế nào để thêm khung end code vào blog.
» Thêm CSS và Xml vào Template

1. Đăng nhập vào tài khoản Blogger

2. Vào phần Mẫu (Template)

3. Chọn chỉnh sửa HTML (Edit HTML)

4. Chèn code bên dưới vào trước thẻ  ]]></b:skin>

/*-------Form----*/
input.abt1 {
color:#FF8E1F;
font:10px 'trebuchet ms',helvetica,sans-serif;
background-color:#fff;
border:1px dotted #0080ff;
}
input.abt1hov {
color:#0080ff;
font: bold 10px 'trebuchet ms',helvetica,sans-serif;
border:1px solid;
}
textarea {
width:100%;
color:#6E818C;
font:14px 'trebuchet ms',helvetica,sans-serif;
border:none; }
/*-------Form2----*/
input.abt2 {
color:#ffffff;
font: bold 14px 'trebuchet ms',helvetica,sans-serif;
border:none;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVGjmhn7VN0AAnooPUUbFMuxwVLDlIqX8wM6znzRH0Er2BoAhjKqBYyBCi10ANV1pQ-rouTPlSQXTTCcd82Ew801y7kurUyWnjmA1KEPLWcGfqKLa349jE9H_5Wtj8XAAdl35cManJ7Ek/s1600/convert-button-namkna-blogspot-com.gif);
width:149px;
height:39px;
}
input.abt2hov {
color:#000000;
font: bold 14px 'trebuchet ms',helvetica,sans-serif;
border:none;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVGjmhn7VN0AAnooPUUbFMuxwVLDlIqX8wM6znzRH0Er2BoAhjKqBYyBCi10ANV1pQ-rouTPlSQXTTCcd82Ew801y7kurUyWnjmA1KEPLWcGfqKLa349jE9H_5Wtj8XAAdl35cManJ7Ek/s1600/convert-button-namkna-blogspot-com.gif);
width:149px;
height:39px;
}

input.abt3 {
color:#ffffff;
font: bold 14px 'trebuchet ms',helvetica,sans-serif;
border:none;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrn7HLQsolHlw0XVq8xAbZO0Vdq0dCsnCKO6UuIsZjnehBfoShdWFhy_sTfq-IrJzvwi8MrS17yli2DAL3grl-oFUmMktJLlDWilWuaR54TUhU64A82wVgqlJjlj0V2EWIgYzhn68QvhQ/s1600/button-clear-namkna-blogspot-com.gif);
width:149px;
height:39px;
}
input.abt3hov {
color:#000000;
font: bold 14px 'trebuchet ms',helvetica,sans-serif;
border:none;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrn7HLQsolHlw0XVq8xAbZO0Vdq0dCsnCKO6UuIsZjnehBfoShdWFhy_sTfq-IrJzvwi8MrS17yli2DAL3grl-oFUmMktJLlDWilWuaR54TUhU64A82wVgqlJjlj0V2EWIgYzhn68QvhQ/s1600/button-clear-namkna-blogspot-com.gif);
width:149px;
height:39px;
}

5, Thêm code trước thẻ </head>

<script type='text/javascript'>
//<![CDATA[
function html2entities(){
var re=/[<>"'&]/g
for (i=0; i<arguments.length; i++)
arguments[i].value=arguments[i].value.replace(re, function(m){return replacechar(m)})
}
function replacechar(match){
if (match=="<")
return "&lt;"
else if (match==">")
return "&gt;"
else if (match=="\"")
return "&quot;"
else if (match=="'")
return "&#039;"
else if (match=="&")
return "&amp;"
}
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
//Character count script
function countit(what){
formcontent=what.form.charcount.value
what.form.displaycount.value=formcontent.length
}
//]]>
</script>
<script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};
</script><script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>

6. Lưu Template lại.
7. » Thêm Khuing convert
- Tạo 1 widget HTML/Javarscip và dán code bên dưới vào:

<form>
<p><font color='#6B828E' face='Verdana, Arial, Helvetica, sans-serif' size='2'><img alt='Html character encoder' height='225' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheRra7P9H7pV5wMKXqcDFunrffuGjsFEreMYjn20K2sZyfK4n0AHINAwqTfXYMuWaeEv3c5tpB2sPruBtqTU_nX5aDiG1E6Pvl4Kc8YKW1Om8Rgt3Gec_3rKqsYIXE2yKUwPqgbTT4qRo/s1600/guide-code-namkna-blogspot-com.png' width='478'/>
</font></p>
<p>
<font color='#6B828E' face='Arial, Helvetica, sans-serif' size='2'>
<textarea name='data1' style='width: 622px; height: 254px;overflow:hidden; background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2WAPXxYSgmrYA6sQVJXaExt9rAFsjwT13ktXb-O66j12jJ8uJBb97d6YP3xtAAnzTRI8AU5HcDhjQS5BoQZp5S3LhivfcBdAxZlYKf4BNPqjToc1K16u4YA28iv9dILm7tqH0MjIbfCk/s1600/bg-code-namkna-blogspot-com.jpg&#39;); background-repeat:no-repeat; padding:10px'></textarea>
</font></p>
<p align=''><font color='#6B828E' face='Arial, Helvetica, sans-serif' size='2'><br/>
<input class='abt2' name='button' onClick='html2entities(this.form.data1)' onMouseOut='this.className=&#39;abt2&#39;' onMouseOver='this.className=&#39;abt2 abt2hov&#39;' type='button' value='Convert'/>
<input class='abt3' name='Clear' onMouseOut='this.className=&#39;abt3&#39;' onMouseOver='this.className=&#39;abt3 abt3hov&#39;' type='reset' value=' Clear '/>
</font></p>
</form>

- Lưu lại là OK.

DOWNLOAD:

- cập nhật sau...