Bagi pengguna blog yang ingin menggunakan tools for blogger/ alat bantu untuk blogger sebagai sarana untuk meletakkan kode html di postingan dengan baik silahkan menggunakan HTML Encoder Decoder berikut untuk tools yanga diletakkan pada blog Anda, yang edisi trik berikan dengan cara gratis dan praktis dalam menggunakannya, dan kode ini di ambil dari WebToolHub. OK, langsung aja langkah langkahnya ya.

Ikuti langkah-langkah Cara Memasang Tools for Blogger "HTML Encoder Decoder" di Halaman Posting berikut ini :

• Login blogger dulu ya
• Selanjutnya, pilih dan klik ENTRI BARU atau Dasbor-Posting-Entri Baru
• Pilih dan klik Edit HTML, lalu copy dan paste kode di bawah ini di Edit HTML

<table cellpadding="5" cellspacing="0" border="0" style="width: 100%; border-collapse: collapse">
<tr>
<td>
<table cellpadding="2" cellspacing="0" style="border-collapse: collapse; text-align:center; width:500px;">
<tr>
<td>
<b>Insert Your Text Below</b>
</td>
</tr>
<tr>
<td>
<textarea type="text" name="inputdata" value="" style="width:98%; height:120px" ></textarea>
</td>
</tr>
<tr>
<td>
<input type="radio" name="rbEncType" value="1" id="rb561387_1" checked="checked" /><label for="rb561387_1">Do HTML Encoding</label><br />
<input type="radio" name="rbEncType" value="0" id="rb561387_2" /><label for="rb561387_2">Do HTML Decoding</label>
</td>
</tr>
<tr>
<td>
<input type="button" value="Convert Text" onclick="OnSubmitPluginInput(this,'http://www.webtoolhub.com/plugins/wt561387-html-encoder-decoder.aspx');" />
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<iframe name="pluginframe561387" frameborder="0" style="width: 100%; height: 300px"></iframe>
</td>
</tr>
<tr>
<td style="font-size: 9pt; font-family: Verdana, Arial;">
Powered by: <a href="http://www.webtoolhub.com/" title="Free Webmaster Tools">WebToolHub.com</a>
</td>
</tr>
</table>
<script type="text/javascript" src="http://www.webtoolhub.com/plugin.axd"></script>

• Selesai, lihat hasilnya, untuk hasil di blog ini, lihat di sini

Note :
Pada angka angka yang berwarna merah di atas, Anda bisa merubahnya sesuai dengan kehendak atau selera Anda sendiri atau sesuai dengan ukuran halaman artikel blog Anda, dan blog ini saya hanya mengganti angka tersebut yaitu pada angka 500 menjadi 635 karena saya ingin menyamakan panjang dari kolom tersebut dengan ukuran halaman postingan blog ini, sedangkan 120 dan 300 tidak saya ganti, untuk kode yang lain, saya sarankan jangan di rubah, karena nanti kode tools tersebut tidak akan bekerja sebagaimana mestinya.

Semoga Bermanfaat untuk Anda

Fungsi atau kegunaan dari tools/ alat bantu HTML Encoder Decoder ini adalah untuk mengkonversi suatu kode html agar bisa menampilkan kode html di postingan blog Anda secara baik dan benar.

Insert Your Text Below Do HTML Encoding Do HTML Decoding

Powered by: WebToolHub.com

Trik pasang tools HTML Encoder Decoder di postingan blog

Bagi pengguna blogger yang mau gonta ganti warna untuk blog maupun membuat aneka warna di komputer nya dan membutuhkan kode warna, silahkan menggunakan 2 tools di bawah ini. 2 tools untuk kode warna di bawah adalah penghasil kode warna dan warna manual serta otomatis yang saya dapatkan di 2create a website.

Dengan memakai tools ini Anda tidak perlu repot untuk mengetahui kode warna yang ingin Anda ketahui, karena system pada Hex Colors ini dalam pemakaian nya tergolong sangat mudah dan praktis dengan tools penyedia warna atau kode warna yang lain dalam bentuk tabel dan lain lain.

Jika Anda ingin memakai tools ini, silahkan di coba. karena saya telah memberikan cara pakai nya.

Cara menggunakan tools Color Code ini saya bagi menjadi 2 tools, yaitu penghasil kode warna manual dan otomatis, sebagai berikut :

A. Generate Your Own Custom Hex Colors (Penghasil warna manual).
Penggunaan tools :
1. Brightness / Saturation : Tarik ke warna yang cerah
2. hue : Tarik keatas atau kebawah untuk menghasilkan warna
3. Swatch : Penyesuaian hasil warna
4. Hex : Pada kotak isian tersebut adalah hasil kode warna


B. Choose a Color Scheme (Penghasil warna skema / otomatis)
Penggunaan tools :
1. Letakkan kode #660099 tanpa tanda pagar (#) pada kotak di atas tombol Update, hasilnya akan berwarna ungu
2. Pada lingkaran yang berputar ke kanan, pilih warna yang Anda inginkan
3. Di sebelah kanan pada area yang berputar adalah hasil kode warna