Cara Memasang Widget HTML Optimizer Di Blogger

html-optimizer-blog
Cara Memasang Widget HTML Optimizer Di Blog - Tutorial blog kali ini saya akan membahas mengenai Tools HTML Optimizer yang bisa dipasang di blog sobat sebagai widget maupun sebuah postingan/laman. Sebelum saya membahas lebih lanjut mengenai cara pasangnya di blog, baiknya kita mengetahui dulu apa itu HTML Optimizer serta kegunaan & manfaatnya bagi para blogger?

HTML Optimizer adalah sebuah tool yang dapat membantu untuk mempercepat loading blog. Tool ini akan menghapus beberapa space / ruang kosong atau biasa disebut whitespace yang sebenarnya kurang perlu, supaya bobot website terasa lebih ringan dan tidak "memberatkan" pengunjung website nantinya.

Jadi, tools ini nantinya dapat diakses dengan mudah oleh pengunjung blog sobat. Hal ini bisa berdampak baik pada peningkatkan traffic blog karena memberikan akses layanan tools gratis dari blog yang sobat kelola. Lalu bagaimana cara pasangnya? Mari ikuti tutorial berikut:

1. Silahkan menuju halaman dashboard blogger kamu
2. Pilih menu Tata Letak > Add Gadget/Tambah Gadget
3. Klik pada menu HTML/JavaScript
tambah-gadget-add-gadget-html-javascript-blogger

4. Copy code HTML di bawah ini dan kemudian paste di kolom yang tersedia

<table border="0" style="border-collapse: collapse; width: 98%px;">
<tbody>
<tr>
<td height="91" valign="top" width="500"><table class="tooltop" style="border-collapse: collapse; height: 76px; width: 98%px;">
<tbody>
<tr>
<td><table border="0" cellspacing="5" style="border-collapse: collapse; width: 98%px;">
<tbody>
<tr>
<td height="28" width="500"><b><span style="font-size: x-small;">Masukkan Kode HTML yang ingin kamu optimalisasi:
</span></b></td>
</tr>
<tr>
<td height="21" width="500"><textarea cols="20" name="code" rows="2" style="height: 182; width: 100%;"></textarea></td>
</tr>
<tr>
<td height="21" width="500"><input style="float: left;" type="submit" value="Optimize!" /></td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td width="500"><iframe class="toolbot" frameborder="0" height="284" name="pageframe" width="100%">
</iframe></td>
</tr>
</tbody></table>
</form>

5. Jangan lupa Save dan lihat hasilnya :)

Keterangan:
- Jika ingin menambahkannya sebagai posting/laman blogger baru, silahkan copy kode HTML diatas pada menu HTML disebelah menu Compose pada postingan/laman yang ingin dipublikasikan.

- Untuk mengatur lebar widget kamu bisa mengubah ukurannyasesuai lebar sidebar/posting blogger kamu. Caranya adalah dengan mengedit angka pada kode width="500" .

Demikian tutorial cara memasang widget HTML Optimizer di blogger. Semoga bermanfaat bagi para pembaca sekalian, salam blogger!

0 komentar:

Posting Komentar