Senin, 16 April 2012

Cara Membuat HTML Parse Kode Box Di Blogger

Cara Membuat HTML Parse Kode Di Blogger. Pada kesempatan kali ini Saya akan mengulas cara membuat tool parse kode. contohnya seperti di Gambar ini 


HTML Parse Box, digunakan untuk menulis kode di kotak komentar, atau intalasi kode di dalam template, seperti Adsense
HTML Tool Parse box Ini sangat berguna untuk para blogger dalam melakukan instalasi kode, apalagi untuk blog yang bergerak di bidang blog tutorial. maka memasang tool parse merupakan suatu kewajiban.
Ini Kode Untuk Membuat HTML Parser Box


Kodenya Gan:
<script type="text/javascript">function convert(){var ele1 = document.getElementById("somewhere");var replaced;replaced = ele1.value;replaced = replaced.replace(/&/ig, "&amp;");replaced = replaced.replace(/</ig, "&lt;");replaced = replaced.replace(/>/ig, "&gt;");replaced = replaced.replace(/"/ig, "&quot;");replaced = replaced.replace(/&#177;/ig, "&plusmn;");replaced = replaced.replace(/&#169;/ig, "&copy;");replaced = replaced.replace(/&#174;/ig, "&reg;");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;"> © Kucoba.com Webmaster Tools |&nbsp;<a href="http://www.kucoba.com" style="color: #0b5394; text-decoration: none;">Blogger Tool</a>
Keterangan:
  1 - Nama Parse Script boleh diubah mengikut kehendak masing-masing.
  2 - Ukuran Box boleh diubah dengan menukar angka-angka di bagian ini:
      a)  width: 400px
      b)  "top" width="400"
      c)  textarea cols="50"
 3 - Cara Pengunaan: Copy-paste kode HTML yang hendak diparse kedalam kotak dan klik parse kode SEKALI saja.


Cara Pemasangan
      a) Anda dapat memasangnya di dalam postingan dengan menaruh kode di atas di Edit HTML (bukan di compose) nya.
      b) Anda dapat memasangnya sebagai widget dengan maruhnya di sidebar, caranya saya rasa sudah tau, pilih Rancangan » add widget » HTML/Javascript (paste kode dan simpan)

Oke sobat blog tutorial semoga gadget ini bermanfaat bagi anda.

Tidak ada komentar:

Posting Komentar

HOT NEWS

Welcome In Kode Blogger

Contoh Sliding Login Dengan JQuery

Disamping ini adalah contoh Sliding Login menggunakan JQuery. Login Form Disamping hanya Contoh dan tidak dapat digunakan layaknya Login Form FB, Karena Blog ini terbuka untuk umum tanpa perlu mendaftar menjadi Member

Tutorial Blog

Untuk membuatnya Silahkan : Klik Disini

Member Login

Lost your password?

Not a member yet? Sign Up!