Senin, 26 November 2012

You are here : Home » Tips Blog, TOP WIDGET 2 » HTML Editor Online

HTML Editor Online

Terkadang kita menggunakan 2 cara untuk memastikan suatu script HTML di dalam postingan. Seperti memainkan tombol "Pratinjau" atau juga melalui "blog percobaan".

html editor online

Tapi ada satu cara lagi yaitu lewat HTML Editor. Dan ada situs yang melayani ini, silahkan Agan coba buka link berikut :


Perhatikan di situ ada 2 kolom besar, sisi kiri (Source Code) dan kanan (Result). Yang sisi kiri adalah tempat untuk kode, dan yang kanan adalah hasil terjemahan dari kode tersebut. (dengan klik tombol "Submit Code").

Contoh misalkan Agan ingin memastikan kode berikut ini :

<script language="javascript" type="text/javascript">
/* Visit http://ketagihanbaca.blogspot.com/ for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- Begin
var CurrentMsg = 'Hello?  Welcome to The JavaScript Source!!';
function update(msg) {
var pad_str="";
n = msg.length;
if(n<72) {
pad = (73-n)/2;
for(var i=0; i<pad; i++) {
pad_str+=" ";
   }
}
CurrentMsg = pad_str + msg;
document.messages.field.value = CurrentMsg;
clearTimeout(timer);
timer = setTimeout("idleMsg()",2500);
}
function MakeArray(n) {
this.length=n;
for(var i = 1; i<= n; i++) {
this[i] = "";
}
return(this);
}
var index = 1;
var notice_num = 9;
var notices = new MakeArray(notice_num);
notices[1] = "Selamat datang !! Welcome !";
notices[2] = "Selamat menikmati blog sederhana kami";
notices[3] = "Blog ini menyediakan berbagai macam kategori artikel";
notices[4] = "Menu andalan kami ialah tutorial blog untuk para pemula";
notices[5] = "Kami juga menyediakan hiburan untuk bahan selingan";
notices[6] = "Tinggalkan jejak agar Saya dapat balik mengunjungi Anda";
notices[7] = "Untuk menjalin persahabatan bisa hubungi ponsel Saya";
notices[8] = "Tambahkan Facebook Saya sebagai teman Anda. Enjoy !!";
var timer = setTimeout('idleMsg()',1500);
function nochange() {
document.messages.field.value = CurrentMsg;
}
function idleMsg() {
update(notices[index++]);
if(index>notice_num) {
index=1;
   }
}
// End </script>
<br />
<form name="messages" onsubmit="return false">
<input name="field" onchange="nochange()" onfocus="self.status='This is a JavaScript information data field'; return true" size="60" type="text" value=" Hallo kawan !! " />
</form>


Maka, silahkan salin ke HTML Editor tersebut. Begitu juga dengan script lainnya. Ok, selamat mencoba.

1 komentar: