Cara membuat tulisan terbalik secara offline menggunakan notepad

Kali ini saya akan menshare tips dan trik cara membuat tulisan terbalik secara offline menggunakan notepad.
Dengan menggunakan tips dan trik ini kita tidak perlu repot repot membuka sebuah website yang menyediakan layanan ini ketika butuh tulisan terbalik.

Nah langsung aja copy paste script dibawah ini ke 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&-=== Tulisan Terbalik Sendiri ===- $/h1&$/center&
$form name="f"&
$span class="l"& Ketikkan kalimat atau kata !!
$/span&
(hanya huruf) $br&
$textarea rows="3" cols="100" name="original" onKeyUp="flip()" style="background-color:&c6e6e7;" class=inputBox&$/textarea&
$br&
$br&
$br&
Hasil tulisan terbalik dari inputan !!$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&
$br&
Untuk tips dan trik komputer yang lain silahkan kunjungi:
$br&
$a href='http://techno-cafe.blogspot.com/'&Techno-cafe.blogspot.com$/a&
$/body&
$/html&

Setelah copy paste script tersebut ke notepad pilih submenu replace pada menu edit di notepad lalu ganti karakter "$" dengan "<" dan karakter "&" menjadi ">" (tanpa tanda petik) lalu klik replace all.

Setelah selesai save as dengan type file "all files" dan nama file bebas tapi diakhiri dengan ekstensi .HTML pada akhir nama filenya. Nah klo udah beres tinggal klik 2 kali deh pada file yang telah kita buat tersebut, atau buka browser anda dan pilih menu file lalu pilih Open File

Nah itu adalah tips dan trik membuat tulisan terbalik dengan notepad. Selamat mencoba!

N.B : Pastikan javascript pada browser menyala dan tidak di disable

Untuk melihat hasil dari script silahkan buka postingan ini