Membuat Text Terbalik

Kali ini aku akan membagikan tutorial iseng untuk seru-seruan yaitu Membuat Text Terbalik. Aku sebut tuorial iseng karena mungkin manfaatnya hampir tidak ada sih tetapi kalo buat fun dan seru-seruan dengan teman mungkin asyik. Misalnya komen-komenan atau chatting di facebook sama teman, tentu dia sedikit pusing membaca tulisan kita yang terbalik tersebut.


Adapun cara membuat widget tersebut di blogger adalah sebagai berikut :
  • Login ke blogger
  • Pada bagian Dashboard pilih Entri Baru atau Laman » Laman Baru
  • Copy kode berikut ini dan paste di bagian HTML pada Entri Baru atau Laman Baru tadi
<style type="text/css">
textarea { font-family: "Arial Unicode MS", terbalik }
</style>
<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 : '\u0283',
m : '\u026F',
n : 'u',
r : '\u0279',
t : '\u0287',
v : '\u028C',
w : '\u028D',
y : '\u028E',
'.' : '\u02D9',
'[' : ']',
'(' : ')',
'{' : '}',
'?' : '\u00BF',
'!' : '\u00A1',
"\'" : ',',
'<' : '>',
'_' : '\u203E',
'\\' : '/',
';' : '\u061B',
'\u203F' : '\u2040',
'\u2045' : '\u2046',
'\u2234' : '\u2235'
}
for (i in flipTable) {
flipTable[flipTable[i]] = i
}
</script>
<br />
<form name="f">
<br />
<b>Ketik Text</b><br />
<div align="center">
<textarea cols="40" name="original" onkeyup="flip()" rows="10"></textarea></div>
<br />
<b>Text Terbalik</b><br />
<div align="center">
<textarea cols="40" name="flipped" rows="10"></textarea></div>
<span><div align="center">
Widget By : <a href="http://www.indoscript.com/">Jun Akatsuki</a></div></span>
</form>
Membuat Text Terbalik Membuat Text Terbalik Reviewed by Unknown on June 26, 2016 Rating: 5