Blog Blogging, memasang HTML Optimizer

Blog Blogging pada kesempatan kali ini ingin berbagi tutorial tentang memasang HTML Optimizer di blog, yang mana tool ini sangat bermanfaat untuk membantu kita dalam upaya mengkompress kode-kode CSS maupun HTML template blog dalam rangka upaya meningkatkan kecepatan proses loading sebuah blog yang saat ini telah menjadi sebuah kebutuhan bagi seorang blogger yang ingin agar blognya menjadi berkembang serta dapat memperoleh posisi yang bagus pada SERP.

Tool HTML Optimizer ini selain dapat kita gunakan sendiri untuk mempercepat proses loading blog, juga dapat dimanfaatkan oleh pengunjung atau sahabat-sahabat blogger yang lainnya. Proses pembuatannya juga tidaklah sulit, cukup anda membuka sebuah halaman postingan atau halaman statis pada blog anda, kemudian masuk ke mode HTML (bukan compose), selanjutnya copy kan rangkaian script di bawah ini kedalamnya.

<form action="http://www.iwebtool.com/tool/tools/html_optimizer/html_optimizer.php" method="post" name="pageform" onsubmit="return validate(this);" target="pageframe">
<input name="action" type="hidden" value="whois" />
<input name="show" type="hidden" value="1" />
<table border="0" style="border-collapse: collapse; width: 100%px;"><tbody>
<tr><td height="50" valign="top" width="956"><table class="tooltop" style="border-collapse: collapse; height: 76px; width: 100%px;"><tbody>
<tr><td><table border="0" cellspacing="5" style="border-collapse: collapse; width: 100%px;"><tbody>
<tr><td height="50" width="924"><b><span style="font-size: x-small;">Insert
your HTML code to optimize: </span></b></td></tr>
<tr><td height="21" width="931"><textarea cols="20" name="code" rows="2" style="height: 384; width: 100%;"></textarea></td></tr>
<tr><td height="21" width="931"><input style="float: left;" type="submit" value="Optimize!" /></td></tr>
</tbody></table>
</td></tr>
</tbody></table>
</td></tr>
<tr><td width="956"><iframe class="toolbot" frameborder="0" height="284" name="pageframe" width="100%">
</iframe></td></tr>
</tbody></table>
</form>
<script language="JavaScript">
function validate(theform) {
if (theform.code.value == "") { alert("No HTML"); return false; }
return true;
}
</script>

Langkah berikutnya adalah simpan halaman anda tersebut dan kemudian publikasikan, HTML Optimizer Tool telah siap untuk dipergunakan.

Sekian, semoga bermanfaat.

Berikut ini contoh hasil HTML Optimizer yang kita buat di atas :

Rangkaian script sebelum di optimasi :

<b:widget id='HTML4' locked='false' title='Recent Komentar' type='HTML'>
    <b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <!--b:include name='quickedit'/-->
</b:if></b:includable>
  </b:widget>

Rangkaian script setelah di optimasi :

<b:widget id='HTML4' locked='false' title='Recent Komentar' type='HTML'> <b:includable id='main'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <!--b:include name='quickedit'/--> </b:if></b:includable> </b:widget>