Kali ini trik membuat salah satu tool di blogger yaitu "HTML Encrypter".

Apa itu "HTML Encrypter" ? adalah salah satu tool untuk mengencript kode html, yang intinya untuk menyembunyikan kode html. Bahasa gaulnya menyamarkan gitu.
Cara menggunakannya hanya tinggal memasukkan kode html, setelah itu klik Encrypt. Lalu copy hasil encryptnya. Untuk membuat tool ini, silakan :
  • Masuk Dashboard Blogger
  • Setelah itu buat Laman Baru
  • Pilih HTML
Lalu masukkan kode html berikut


<script language="JavaScript">
 function doencrypt(theform) { if (theform.code.value == "") { alert("Masukkan Kode Yang Ingin Di Encrypt Terlebih Dahulu!"); 
return false; } else { enctext=encrypt(theform.code.value); codetocopy="<script type='text/javascript'>\n"; codetocopy+="&
lt;!-- 
www.tupangboy.blogspot.com HTML Encrypt -->\n"; codetocopy+="document.write(unescape('"+enctext+"'));\n";codetocopy+="<!-- 
Encrypt kode HTMLmu di http://tupangboy.blogspot.com/p/html-encrypter.html -->\n"; codetocopy+="</script\>"; 
theform.ecode.value=codetocopy; theform.sac.disabled = false; } return false; } function sandc(thisform) { 
thisform.ecode.focus(); thisform.ecode.select(); copytext=thisform.ecode.createTextRange(); copytext.execCommand("Copy"); 
alert("HTML tersimpan di clipboadr, silakan kalian paste di tempat yang kalian inginkan!"); } function encrypt(tx) { var hex=''; 
var i; for (i=0; i<tx.length; i++) { hex += '%'+hexfromdec(tx.charCodeAt(i)) } return hex; } function hexfromdec(num) { if (num 
> 65535) { return ("err!") } first = Math.round(num/4096 - .5); temp1 = num - first * 4096; second = Math.round(temp1/256 -.5); 
temp2 = temp1 - second * 256; third = Math.round(temp2/16 - .5); fourth = temp2 - third * 16; return 
(""+getletter(third)+getletter(fourth)); } function getletter(num) { if (num < 10) { return num; } else { if (num == 10) { 
return "A" } if (num == 11) { return "B" } if (num == 12) { return "C" } if (num == 13) { return "D" } if (num == 14) { return 
"E" } if (num == 15) { return "F" } } }
</script>
<br />
<div style="text-align: justify;">
<br /></div>
<form name="pageform" onsubmit="return doencrypt(this);">
<table border="0" cellspacing="5" style="border-collapse: collapse;"><tbody>
<tr><td height="28" width="924"><b>Masukan HTML kalian disini:</b></td></tr>
<tr><td height="21" width="931"><textarea cols="68" name="code" rows="11" style="border: 1px solid rgb(9, 58, 107); outline: none; width: 100%;"></textarea></td></tr>
<tr><td height="21" width="931"><input onclick="doencrypt(pageform);" style="float: left;" type="submit" value="Encrypt!" /></td></tr>
<tr><td width="956"></td> </tr>
<tr><td width="956"><textarea class="toolbot" cols="68" name="ecode" onclick="this.focus();this.select();" readonly="readonly" rows="11" style="border: 1px solid rgb(9, 58, 107); outline: none; width: 100%;"></textarea></td></tr>
<tr> <td width="956"><input disabled="true" name="sac" onclick="sandc(pageform);" style="float: left;" type="button" value="Select All" /></td></tr>
</tbody></table>
<br />
<script type='text/javascript'>
document.write(unescape('%3C%61%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%74%75%70%61%6E%67%62%6F%79%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%2F%32%30%31%34%2F%31%32%2F%6D%65%6D%62%75%61%74%2D%74%6F%6F%6C%2D%68%74%6D%6C%2D%65%6E%63%72%79%70%74%65%72%2D%62%6C%6F%67%67%65%72%2E%68%74%6D%6C%22%20%73%74%79%6C%65%3D%22%63%6F%6C%6F%72%3A%20%23%36%31%36%34%36%39%3B%20%66%6F%6E%74%2D%73%69%7A%65%3A%20%31%34%70%78%3B%20%74%65%78%74%2D%64%65%63%6F%72%61%74%69%6F%6E%3A%20%6E%6F%6E%65%3B%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%3E%47%45%54%20%54%48%49%53%20%45%4E%43%52%59%50%54%45%52%3C%2F%61%3E'));
</script></form>



Mungkin tidak banyak template blog yang menyediakan fasilitas elemen gadget di bawah header, atau dibagian tertentu yang kita mau. Terpaksa harus mencari template baru yang menyediakan fasilitas seperti itu. Atau mungkin terpaksa menggunakan template standar yang disediakan oleh blogger.

Misalnya kita ingin membuat tab menu tepat di bawah header, tetapi template hanya dapat meletakkan di bagian kanan tata letak, atau mungkin dibagian bawah postingan.
Langsung aja meluncur ke TKP. *Cihuyyy
  1. Masuk ke dashboard blogger.
  2. Lanjut ke menu template klik "Edit HTML"
  3. Lalu cari kode dibawah ini :
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

    atau seperti ini :
    <b:section class='header' id='header' maxwidgets='1'>
     
  4. Setelah itu ganti kode tersebut dengan kode dibawah ini :

    <b:section class='header' id='header' preferred='yes'>
     
  5.  Save. Dan lihat hasilnya.