Kali ini Saya akan memberitahu Cara Membuat Tulisan Menjadi Terbalik Dengan Widget di Blog.
Banyak orang di facebook yang membuat tulisan terbalik agar terkesan unik dan berbeda dengan status facebook orang lain. Biasanya sih yang membuat tulisan terbalik ini orang yang berlebihan (ALAY). Tidak perlu berlama-lama, kalian lihat contoh tulisan di bawah ini yang sudah dibuat terbalik. Kalian bisa gunakan generator yang ada di bawah ini yang bernama flipped text.
- Login ke blogger.com, jika sudah,
- Pilih Tata Letak → Tambah Gadget → pilih HTML/JavaScript
- Lalu masukkan script berikut ini ke dalam kolom
<style type="text/css"> #box{border:1px solid #ccc;padding:5px;margin:0;width:100%;} </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> <h1> Membuat Tulisan Terbalik</h1> <form name="f"> <h2> Tulisan Asli</h2> <textarea rows="6" cols="50" name="original" onkeyup="flip()" id="box"></textarea> <h2> Tulisan Terbalik</h2> <textarea rows="6" cols="50" name="flipped" id="box"></textarea> </form>
- Simpan dan lihat hasilnya.
- Login ke blogger.com, jika sudah,
- Buat Entri Baru → Pilih HTML, bukan compose
- Masukan judul dan beberapa kalimat pembuka atau penjelasan untuk lebih menarik
- Setelah itu masukan script berikut ini tepat di bawah judul tersebut
<style type="text/css"> #box{border:1px solid #ccc;padding:5px;margin:0;} </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> <h1> Membuat Tulisan Terbalik</h1> <form name="f"> <h2> Tulisan Asli</h2> <textarea rows="6" cols="50" name="original" onkeyup="flip()" id="box"></textarea> <h2> Tulisan Terbalik</h2> <textarea rows="6" cols="50" name="flipped" id="box"></textarea> </form>
- Setelah itu terbitkan laman blog kalian dan lihat hasilnya.
Tidak ada komentar:
Posting Komentar