Tạo trang covert code (endcode) for blogger
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 > và thẻ > sẽ bị chuyển thành <để 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>
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 > và thẻ > sẽ bị chuyển thành <để 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/AVvXsEgvGmITyiKOKS45A98ONZ4AqIyAHv1rtNuTijY5V9RgfGgZ8CRoaATh3tCCQuU2D99sKh2ztLGjk9XXz3G0t_6AxqnP60dBbdz3xvfFI4qInMTSBbBZtM75hesNJUENjBNUIKqovTuykpMW/s149/convert-button.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/AVvXsEhhIwRcbgRcyhxfTN-Wsm-_MoqWTPfH2YTUmf8ctM0YfH27LC6d2A45AegN0TGvFNUrEzpZ8-vGQPuHb0Y1yLLkxsb0_t_kkFSjqaHBand8-AgqDouf2g4Y4E50emjOnnRz942_Ka7o-ynk/s149/convert-button.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/AVvXsEjMPohV7rLb4R6UtG8xyy5-MBG8PyFBL2VtyAaeHFpb3TFGzswZgkYF8zMkiohhqPt9V9q0DUqBwFj-s7tHMrf6hWtve-ZVHr3URNrT3D7xVYbpOp8dtd3j_tvK5Grg1ptKh0in08-341tK/s149/button-clear.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/AVvXsEjXFzXIix1COqPLVHHueej55rW-BFHB7XCbk6VLl3qZSnIOj8GHdYCgABwYXVtEB_93aYVMTbfbTquqQK6od1rJE-tboC3BA9vrilFUCWWbvu7Zd-Nl3J6AfQ9ydVwcjLupxJlKrQDe0H2M/s149/button-clear.gif);
width:149px;
height:39px;
}
Lưu Template lại
Thêm Khung convert
Tạo 1 widget HTML/Javarscip và dán code bên dưới vào:
Thêm Khung convert
Tạo 1 widget HTML/Javarscip và dán code bên dưới vào:
<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
"<"
else if
(match==">")
return
">"
else if
(match=="\"")
return
"""
else if
(match=="'")
return
"'"
else if
(match=="&")
return
"&"
}
//]]>
</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>
<form>
<p><font
color='#6B828E' face='Arial, Helvetica, sans-serif' size='2'><img
alt='Html character encoder' height='225'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8JHkvruIHday1veR8MWFOaopB9H5rnIIqguMfLQtusZw_K0PpaUW5pQ0GMy_eKV1M_l8hLFEA3Uix4U_pvqgyj_3ONGXVNIBMAeTF80BnH8IBmgVVL6trHU85RvF_BeveDev1molzXMoo/s478/guide-code.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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9HhpKGhJwLeX_qjjGpTyxnT8xn8z-BwCuzX-nJRc4lYrcs7POSc6qrADuvHClwisyoOkcWrC6Tq4FUXcu3wTTgLhA2xDL-wnBOJ9Tmm-HgWOSHr_P4y-4HAqGhW7ni1GsKNwGxfoyXiRh/s623/bg-code.jpg');
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='abt2''
onMouseOver='this.className='abt2 abt2hov'' type='button'
value='Convert'/>
<input
class='abt3' name='Clear' onMouseOut='this.className='abt3''
onMouseOver='this.className='abt3 abt3hov'' type='reset'
value=' Clear '/>
</font></p>
</form>
bây giờ lưu lại
là ok chúc các bạn thành công.
0 nhận xét:
Post a Comment