membuat teks terbalik

Pada saat saya sedang melihat-lihat pada suatu forum, saya menemukan suatu informasi yang cukup unik yaitu cara membuat teks terbalik dengan notepad atau lebih tepatnya dengan bantuan script html.

Berikut ini caranya..
1. Ketikkan script html berikut pada notepad :

*html#
*head#
*style type=*text/css*#
body {font-family: Verdana; font-size:11pt; background-color:#535353;}
#pgDiv {position:absolute;left:50%;width:800px;margin-left:-410px;background-color:#ffffff;padding-left:25px;padding-top:6px;}
textarea.inputBox {color:#555577; width:770px;padding-left:8px;overflow:auto;font-family:*Arial Unicode MS*, Batang, tahoma; font-size:12pt;}
h1 {color:#993300;font-family:georgia;margin-top:0px;font-weight:normal;margin-bottom:8px;}
.l {font-weight:normal;color:#993300;}
.g {color:#aaa;font-size:0.7em;}
a:link, a:visited {color:#888888;}
a.ref:link {font-size:10pt;text-decoration:none;} a.ref:visited {font-size:10pt;text-decoration:none;}
.phrase {display:inline;padding-left:5px;font-style:italic;color:#555;}
img {vertical-align:text-top;}
*/style#
*/head#
*body#
*div id=pgDiv#
*center#*h1#.: Buat Tulisan Terbalikmu Sendiri :. */h1#*/center#
*form name=*f*#
*span class=*l*# Masukkan !!
*/span#
(hanya huruf) *br#
*textarea rows=*3* cols=*100* name=*original* onKeyUp=*flip()* style=*background-color:#c6e6e7;* class=inputBox#*/textarea#
*br#
Hasilnya !!*br#
*textarea rows=*3* cols=*105* name=*flipped* id=i onClick=*SelectAll('i');* readonly style=*background-color:#e6e6fa;* class=inputBox#*/textarea#
*/form#
*div style=*color:#888;font-size:11px;width:750px;margin-bottom:10px;line-height:15px;*#
*!-- *div#*span class=ref onclick=*TweetMe();* target=*_blank*#*img src=*icon-Twitter.png*# Tweet your upside down text*/span#*/div# --#
*/div#*/div#
*script language=*JavaScript*#
function flip() {
var result = flipString(document.f.original.value.toLowerCase() );
document.f.flipped.value = result;
}
function flipString(aString) {
var last = aString.length - 1;
var result = new Array(aString.length)
for (var i = last; i #= 0; --i) {
var c = aString.charAt(i)
var r = flipTable[c]
result[last - i] = r != undefined ? r : c
}
return result.join('')
}
var flipTable = {
a : '\u0250',
b : 'q',
c : '\u0254',
d : 'p',
e : '\u01DD',
f : '\u025F',
g : '\u0183',
h : '\u0265',
i : '\u0131',
j : '\u027E',
k : '\u029E',
l : '\u05DF',
m : '\u026F',
n : 'u',
r : '\u0279',
t : '\u0287',
v : '\u028C',
w : '\u028D',
y : '\u028E',
'.' : '\u02D9',
'[' : ']',
'(' : ')',
'{' : '}',
'?' : '\u00BF',
'!' : '\u00A1',
*\'* : ',',
'*' : '#',
'_' : '\u203E',
'*' : '\u201E',
'\\' : '\\',
';' : '\u061B',
'\u203F' : '\u2040',
'\u2045' : '\u2046',
'\u2234' : '\u2235'
}
for (i in flipTable) {
flipTable[flipTable[i]] = i
}
*/script#
*font color=*#FFFFFF*#
By : Terbalik™*/font#
*/body#
*/html#

2. Ubah tanda * menjadi < dan tanda # menjadi >

3. simpan dengan nama file *.html

4. lalu bila sudah, klik 2 kali pada file yang disimpan. maka akan muncul suatu jendela browser yang dapat membuat tulisan terbalik sesuai dengan apa yang kita tuliskan.

Selamat mencoba.

^_^