testing post

<div class="clear">
</div>
<div class="widget HTML" id="HTML16">
<h2 class="title">
Message</h2>
<div class="widget-content">
<div class="widget HTML" id="HTML6">
<div class="widget-content">
<div id="ketik" style="display: none;">
<b><i class="tanya">Jika kamu bertanya kepadaku</i></b> dimanakah tempat terjauh di bumi ini ? <jeda>
<br /><b><i>aku akan menjawabnya..</i></b> <jeda>

<br />"tempat itu ada tepat di belakangmu, karena kamu harus mengelilingi bumi untuk sampai kesana"<ujung>

<b><i class="tanya">Jika kamu bertanya kepadaku</i></b> dimanakah hal terjauh dari dirimu, ? <jeda>
<br /><b><i>aku akan menjawabnya..</i></b><jeda>
<br /> "hal itu adalah kenyataan.. karena yang terdekat adalah impianmu"<ujung>

<b><i class="tanya">Jika kamu bertanya</i></b> siapakah musuh terbesarmu, maka ? <jeda>

<br /><b><i>aku akan menjawabnya..</i></b>
<br />"musuh terbesar itu adalah dirimu.. karena dirimu lah yang bertanggung jawab atas kesalahan dan musuh-musuhmu"<ujung>

<b><i class="tanya">Jika kamu bertanya kepadaku</i></b> dimana letak kebenaran, maka ? <jeda>
<br /><b><i>aku akan menjawabnya..</i></b>
<br />"di setiap kesalahan.. karena darinya kita tahu suatu kebenaran"<ujung>

<b><i class="tanya">Jika kamu bertanya kepadaku</i></b> dimana masa depan ?, <jeda>

<br />maka <b><i>aku akan menjawabnya..</i></b>
<br />"disini, mulai saat ini"<ujung>

<b><i class="tanya">Jika kamu bertanya kepadaku</i></b>, bagaimana caranya bisa mencintaimu?, ? <jeda>
<br /><b><i>aku akan menjawabnya..</i></b>
<br />"jadilah orang pertama yang menyayangiku dengan kesetiaan mu"<ujung>

<b><i class="tanya">Jika kamu bertanya kepadaku</i></b> kapankah hari yang paling jauh, ? <jeda>

<br /><b><i>aku akan menjawabnya..</i></b>
<br />"kemarin... karena kita tak akan bisa kembali kesana"<ujung>

<b><i class="tanya">Jika kamu bertanya kepadaku</i></b> bagaimana untuk menjadi jujur, ? <jeda>
<br /><b><i>aku akan menjawabnya..</i></b>
<br />"berbohonglah pada kebohonganmu"<ujung>

<b><i class="tanya">Jika kamu bertanya kepadaku</i></b> diperlukan berapa orang kah untuk merubah dunia? <jeda>

dan <br /><b><i>aku akan menjawabnya..</i></b>
<br />"cukup satu orang, dengan pemikiran yang berbeda.."<ujung>

<b><i class="tanya">Jika kamu bertanya kepadaku</i></b> bagaimana untuk memulai, maka ? <jeda>
<br /><b><i>aku akan menjawabnya..</i></b>
<br />"mulailah"<ujung>

<b><i class="tanya">Jika kamu bertanya kepadaku</i></b> berapa banyak mesin yang di butuhkan untuk bisa melebihi kecepatan cahaya, maka ? <jeda>

<br /><b><i>aku akan menjawabnya..</i></b>
<br />"cukup satu mesin, yang di bangun di atas ambisi dan tekad"<ujung>

<b><i class="tanya">Jika kamu bertanya kepadaku</i></b> bagaimana cara menjadi dewasa, ? <jeda>
<br /><b><i>aku akan menjawabnya..</i></b>
<br />"lihatlah anak kecil.. karena hanya dari mereka kita bisa memahami seberapa dewasanya kita"<ujung>

<b><i class="tanya">Jika kamu bertanya kepadaku</i></b> seberapakah aku mencintaimu, maka ? <jeda>

<br /><b><i>aku akan menjawabnya..</i></b>
<br />"tidak tahu.. karena seandainya ada alat yang bisa mengukur cinta sekalipun, alat tersebut tak akan cukup untuk mengukur cintaku"<ujung>

<i>tambahan satu lagi dari gue,</i> <jeda>
<br /><b><i>kau bertanya kepadaku, kapan aku dapet pertamax ?</i></b> <jeda>,
<br /><b><i>aku akan menjawab..</i></b>
<br />"dengan internet lemot kaya gitu = never"<ujung>

</ujung></jeda></jeda></ujung></jeda></ujung></jeda></ujung></jeda></ujung></jeda></ujung></jeda></ujung></jeda></ujung></jeda></ujung></jeda></ujung></jeda></ujung></jeda></ujung></jeda></ujung></jeda></jeda></ujung></jeda></jeda></div>
<div id="impoh">
<small><i>Pesan ke<b>6</b> dari <b>14</b> pesan yang ada</i></small></div>
<br />
<div id="tempatNgetik">
<b><i class="tanya">Jika kamu bertanya kepadaku</i></b>, bagaimana caranya mendapatkan hati aku, ? <jeda>

<br /><b><i>aku akan menjawabnya..</i></b>
<br />"jadilah orang yang bisa menjaga kesetiaan itu, dari situlah muncul kesetiaan yang bernama cinta."<span style="color: #00f080;"><blink id="cling">_</blink></span></jeda></div>
<script type="text/javascript">
var msg = document.getElementById('ketik').innerHTML.split('<ujung>');

var ngetikSpeed = 100;
var waktuBaca = 3000;
var warnaCursor = '#00f080'
var warnaCursor2 = '#ddddff'

var temp = "";
var temp2 = "";
var count = 0;
var hurup = 1;

var pesanKe = Math.floor(Math.random()*(msg.length-2));

function hajarLahGan(){
document.getElementById('impoh').innerHTML = "<small><i>Pesan ke<b>"+(pesanKe+1)+"</b> dari <b>"+(msg.length-1)+"</b> pesan yang ada</i></small><br>";

if (pesanKe < msg.length-1){

if (hurup < msg[pesanKe].length + 1){
temp = msg[pesanKe].substring(count,hurup);
temp2+=temp;
count++;
hurup++;

if(temp=="<"||temp==">"){status = temp}

document.getElementById('tempatNgetik').innerHTML = temp2 + "<font color='"+warnaCursor2+"'>..</font>";
setTimeout('hajarLahGan();',ngetikSpeed);

}else{
document.getElementById('tempatNgetik').innerHTML = temp2 + "<font color='"+warnaCursor+"'><blink id='cling'>_</blink></font>";
count = 0;
hurup = 1;
temp2 = "";
pesanKe = Math.floor(Math.random()*(msg.length-1));
setTimeout('hajarLahGan();',waktuBaca);
}

}else{
count = 0;
hurup = 1;
temp2 = "";
pesanKe = 0;
setTimeout('hajarLahGan();',waktuBaca);
}
}

function doBlink(){
// Blink, Blink, Blink...
var blink = document.getElementById("cling")
for (var i=0; i < blink.length; i++)
blink[i].style.visibility = blink[i].style.visibility == "" ? "hidden" : ""
}


function amRedey(){
hajarLahGan();
setInterval('doBlink()',500);
}

amRedey();
</script>

<style type="text/css">
div#tempatNgetik, div#impoh {
color:yellow;
background-image:url(http://1.bp.blogspot.com/_bBL9ze_JZsw/TT_VysqlknI/AAAAAAAAAMs/OgtZMowV_m4/s1600/black50.png);
font-size:14px;
font-family:verdana;
display:inline-block;
padding:10px;
-moz-border-radius:7px; border-radius:7px;
border:1px outset black;
}

div#impoh {
padding:2px 10px;
margin-bottom:5px;
color:brown;
font-size:12px;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcAYQFlgkPi7KCPk84Z7MG7k-OKcZk1FJDnbAvs6Fs2xQdNiI4GAbjt3nOwG4uUxuZPOxJpix6bML0S6FsW5vqrrVRtAqCK6986qYl8xaXSc6Pk7CqQjq-B_yvfhUiILgF9t9jrCHdiFI/s1600/green25.png);
}

div#tempatNgetik b i {
color:darkred;
background-image:url(http://3.bp.blogspot.com/_bBL9ze_JZsw/TULZLR21ZxI/AAAAAAAAANM/AR5zmvKZrPc/s1600/white25.png);
border:1px outset white;
padding:1px 5px;
font-size:12px;
-moz-border-radius:5px; border-radius:5px;
}

div#tempatNgetik b i.tanya {
color:#ddddee;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoZ54zfti22CD0-GJQFDn9HB2UlWuuWp_fUwxbG7h8OdcT4cXq8kJyLjKlToK5Q_ar3UJwduN_jkImd7E0mwyN_cKIiNO75-vpY99oTCznX-GPwjClufAg6lULy2rGs9aimPkawxaMqHE/s1600/biru25.png);
border:1px outset skyblue;
padding:1px 5px;
font-size:12px;
-moz-border-radius:5px; border-radius:5px;
}