Tool Parse HTML

Mungkin anda pernah mendengar istilah Parse Kode HTML dan bertanya apa itu Parse HTML ? dan apa kegunaan dari Parse HTML ? untuk lebih jelasnya silahkan ikuti penjelasannya dibawah ini.

Parse atau Parsing adalah suatu cara untuk memecah susunan atau rangkaian masukkan kode yang menghasilkan suatu uraian dari kode tersebut dan biasanya digunakan untuk para blogger memposting kode HTML agar tampil sempurna pada hasil postingannya.

Dari pengertian diatas tentu sudah cukup jelas tentang Pengertian dan Kegunaan Parse HTML dan dibawah ini adalah kotak untuk memparse HTML. Silahkan memasukkan kode HTML yang ingin anda parse kedalam kotak, kemudian klik tombol Parse Script.


Setelah mengetahui kegunaan dari Kotak Parse HTML diatas, anda dapat memasangnya pada blog anda sendiri. Silahkan buat posting baru, dan pada bagian HTML (harus menggunakan Edit HTML bukan Compose), masukkan kode di bawah ini.

<center>
<script  type="text/javascript">function convert(){var ele1 =  document.getElementById("somewhere");var replaced;replaced =  ele1.value;replaced = replaced.replace(/&/ig, "&");replaced =  replaced.replace(/</ig, "<");replaced =  replaced.replace(/>/ig, ">");replaced =  replaced.replace(/"/ig, """);replaced =  replaced.replace(/±/ig, "±");replaced =  replaced.replace(/©/ig, "©");replaced =  replaced.replace(/®/ig, "®");replaced =  replaced.replace(/ya'll/ig, "ya'll");ele1.value =  replaced;}</script><table border="0" cellpadding="0"  cellspacing="0" style="width: 400px;"><tbody><tr> <td  valign="top" width="400"><textarea cols="50"id="somewhere"  rows="15" style="background: none repeat scroll 0% 0% rgb(248, 248,  248); border: 2px solid rgb(204, 204,  204);"></textarea><input onclick="convert();" type="button"  value="Parse Script" /></td>  </tr></tbody></table><br/></span></span><span  class="Apple-style-span" style="font-family: 'trebuchet ms'; font-size:  x-small; line-height: 20px;">
</center>

Selamat mencoba dan semoga bermanfaat.

Cara Memasang Widget Translate Pada Blog

Pernahkah anda melihat statistik blog anda dan melihat bahwa ternyata blog anda di kunjungi oleh orang-orang yang berasal dari negara lain ?. Itu terjadi akibat kata kunci yang diketik pada search engine seperti Google dan Yahoo mungkin sesuai dengan isi posting yang telah anda buat. Tetapi mungkin visitor tersebut tidak akan berlama-lama di blog anda, karena tidak sesuainya bahasa yang digunakan. Jika anda tidak ingin kehilangan visitor dari tersebut, coba gunakan widget yang dapat menterjemahkan bahasa pada blog anda menjadi bahasa yang mereka gunakan. Untuk itu saya akan memberikan tutorial bagaimana cara memasang widget translate bahasa yang dapat anda praktekkan langsung di blog anda  masing-masing.

Ada banyak jenis widget translate yang dapat di gunakan, namun kali ini saya akan menjelaskan tentang bagaimana cara memasang Widget Google Translate Standar dan Widget Google Translate Dengan Flag pada blog. Untuk cara memasang widget tersebut, silahkan mengikuti langkah-langkahnya dibawah ini.

Widget Google Translate Standar

• Login ke Blogger
• Masuk ke Tata Letak » Add Gadget » Traslate.
• Klik Simpan/save.

Hasilnya akan seperti gambar di bawah ini.

Widget Google Translate Dengan Flag

• Login ke Blogger.
• Masuk ke Tata Letak » Add Gadget » HTML/Javascript.
• Masukkan kode di bawah ini pada kolom HTML/Javascript.

<center>
<style>
.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
</style>
<div>
<a class="google_translate" href="" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSa6J1jPrverod86qQU_qRtPL_21_9YUqkH9qb6G0VLZxPj3aKmcr1efnu7Dbax1Nb_iRy_XKi3CCgnguUfP4B5QzO5-YNcPBNlWSa_EzQV0u0VbRE53KFSCVFYscKgGZs1SQO2JB2hiQ/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<a class="google_translate" href="#" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk0PnjEu7g7fSK7kW4tOBUp2i5F0jRQEYTf7xrwe3n4dl5pUg_DKz4EYc4-3UObCen-_u92tVS3eS8_9Bp3qZaF7G5RqSK5XOqOw3FZaYgemovwnIymx1HKagfXP3BPfYBLdtU38KPzQ8/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<a class="google_translate" href="#" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg29hHysZ1_QyHjhnbKP78I3qVh37I_uXAT-PQl9jrFOqJ0coLN0pltcqvzvC-_MWM2RI57MFpf3Kf7I929IuyCL9XHVqxWf8jKNKZ2EpQdeFR0nh-JPHfYqkgM5_DdCe_ziaiKrd0ao1bH/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<a class="google_translate" href="#" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7h3Q6gCqFl3DRLh5i8ntxcIis2GJSgU4jlz-K0ZYgDrg2l3UBj6kvFaVegZSiFZ3M3jy10V5xArnuE5_O6sINpVt-dFZt-cWxdUuIqXz6V02mQIrv3zT_D13WmSxYD0WaLfdv7DnYxgLF/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<a class="google_translate" href="#" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlyWtlHyScxYpNBiB-QzvRfeuh1eWjmubYdqvEjp3L9Ha5sp5fe9r6C1u5jprzhyrAeO8GICxAPA2xlCvU1pMhXJmI21c3oeXCsEfPXGpXwwuOUDJw0nyLqwWYIU-fqAWnYLAyI6nccb4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<a class="google_translate" href="#" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbCTaWSuxZq7rM4F6NT61nJ38xNa5cXtn1RXTRS3Zo98PFrVkR4-HoajcMhtIfAGWzF98aOjM-l5wDRwqihXVT_h6LgQchMRpYvL9nHBBBhrcMTEx9_caZj9z3VE15z9O_luL2XHWALo0/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<br /><br />
<a class="google_translate" href="#" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTAsPXrb-G_C2QP45J02U300DXLNuNBEx11KpYwq9qXkaR6gk9YjfOwNv9HwTe0L5x8TA3FJ2s34hmhh1O6EapZW5fa0btp_QCuK6M8X4_FEpscxnghyTUUi3H6jpckPcOafDLvP2pmAs/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<a class="google_translate" href="#" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgapQgawZgwyOrjRu6i-1GeB_ajUKsef9CIpz_oucquUGPbX0QmQ2aHMl7BYuKKafTb25sK28oLHIC4_PYwRc16o4DoXKLcXUU2-aitGAnoo2hP-8Lap8ZcXcS3s1ANC5r8ytV-szX7TGk/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<a class="google_translate" href="#" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJmj6JskAfNRh2obXXNgSS4atKKOLK7Uy6Ov4_PHw-heKXZUvoOxB3cAMFAEi0IkyGwyKn9OKwfx2a1kIOtLHUuQCEKh658AKsBeZ22zxQi5wezduHohEQb2S6-9kjJChipNmdyy6Odfsc/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<a class="google_translate" href="" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij_4rFBv7bs8THlLi6RJe7PWrM2jLfoQi9ODSSvOGttydUxkInsTQhSnFnAZTsUc9JueqhN_lZ0hCIYx8uljTNSWQFXH1K1JZVlFhpk8qP87rE7ilaE5G_Zulmu1bTHFKqj2jaE7uNXuw/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<a class="google_translate" href="" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2KbuMSRoIN1aqxkw6GrQUhwG_e-XX6Vsvhyb8F1voSiMYCV2pY6qWlnYxVaNQ_MXWeAkWvfEPHpnDQxEkfnuYwUJl9CWf9gRsA8Fp9WvZSxAG4rAc2eCd5KPoUr7j8UrDWGa8CFAhoeI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
<a class="google_translate" href="" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI4yDsPvDMLTRh1ezXrR-U9AT40nl3XDl-CYEle-4U_A6G-GsgQvnt2AZ0RYjsU_UDyGPkow13P9HUp_2rO6WurYFqRt3pXr88vnq488LpyP-X-qfIk2kdzzpN5zlKGbvKoTrBE6yeF_4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="30"/></a>
</div></center>
<div style="text-align: center;">
<a href="http://satria0720.blogspot.com/2013/04/widget-google-translate.html" rel="nofollow" target="_blank"><span style="font-size: 8px;"><i>Get This Gadget</i></span></a></div>

• Klik simpan/save.

Hasilnya akan seperti gambar dibawah ini.

Widget diatas mempunyai kelebihan dan kekurangan masing-masing. Pada Widget Standar Google Translate Dengan Flag, visitor akan dengan mudah memilih bahasa yang di inginkan berdasarkan gambar bendera yang ada, tetapi jumlah bahasa yang dapat diterjemahkan terbatas. Sedangkan pada Widget Traslate Google Standar, jumlah bahasa yang dapat diterjemahkan lebih banyak, tetapi visitor kadang-kadang kurang suka pada tampilan drop down untuk memilih bahasa uang mereka inginkan. Jika anda ingin mendapatkan hasil yang lebih baik, anda dapat memasang kedua widget tersebut pada blog anda seperti yang saya gunakan pada blog ini.

Selamat mencoba dan semoga bermanfaat.

Kode Warna HTML

Dalam mendesain sebuah website atau blog, hampir tidak bisa dilepaskan dari apa yang namanya warna, walau memang kadang kita jumpai sebuah blog / website hanya berupa putih dan hitam saja, meski dalam bahasa website HTML putih dan hitam pun juga disebut warna.

Dalam bahasa HTML warna-warna mempunyai kode sendiri sendiri misal #FFFFFF untuk warna putih, #000000 untuk warna hitam dan masih banyak lagi lainnnya. Namun sepertinya kita mustahil untuk mengingat satu persatu kode warna HTML tersebut. Nah untuk mempermudah anda dalam mengingat kode warna, berikut saya berikan tools warna html yang sering dipakai dalam membuat website dan atau blog.

Silahkan pilih warna yang anda inginkan, dan kodenya akan keluar.

 

Selamat mencoba dan semoga bermanfaat.