Cara Membuat Widget Tulisan Terbalik Di Blogger-Hello kali ini saya mau membuatkan artikel ihwal tutorial blogger lagi, pada kesempatan kali ini saya mau membuatkan ihwal widget yang tidak kalah keren dari widget lainnya yaitu menciptakan widget Tulisan terbalik. Baca Juga: Cara melihat Pesan WhatsApp Grup Siapa Yang melihat
Fungsi widget ini yaitu membalikan goresan pena atau kalimat sehingga si pembaca harus memutar ponsel jikalau ingin membacanya dengan mudah, kemudian bagaimana jikalau memakai komputer atau laptop apa harus di putar juga monitornya? Entahlah yang niscaya ini hanya sekedar iseng aja buat ngerjain orang di social media menyerupai facebook, twitter, whatsapp dll.
Demonya klik disini
Membuat Widget Tulisan Terbalik- Pertama login ke akun blogger
- Pada halaman blogger pilih Tata Letak kemudian Tambah Gadget
- Pilih HTML JavaScript
- Copy dan paste instruksi di bawah ini pada HTML JavaScript
<center>
<html>
<head>
<title>Membuat Tulisan Terbalik</title>
<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>
</head>
<body linkified="0" linkifying="false" linkifytime="0">
<h1>
Membuat Tulisan Terbalik</h1>
<form name="f">
Tulisan Asli: <br />
<textarea cols="50" name="original" onkeyup="flip()" rows="6"></textarea>
<br />
Tulisan Terbalik: <br />
<textarea cols="50" name="flipped" rows="6"></textarea>
</form>
</body>
</html> </center>
- Terakhir Simpan
Membuat Halaman Tulisan Terbalik
- Pada halaman blogger pilih Halaman atau Pages
- Buat halaman gres dan beri judul yang diinginkan
- Selanjutnya pada kolom artikel pilih tab HTML buka Compose
- Selanjutnya copy dan paste instruksi diatas pada tab HTML
- Terakhir klik Publikasikan
Nash itu dia Cara Membuat Widget Tulisan Terbalik Di Blogger, cukup gampang bukan membuatnya. Jika Ada pertanyaan silahkan kirim pertanyaan Anda pada kotak komentar dibawah ini. Jika Artikel ini bermanfaat jangan lupa share dan follow social media kami untuk mendapat gosip menarik lainnya. untuk yang gres berguru blog silahkan kunjungi halaman Panduan lengkap Membuat Blog dan Optimasi SEO
Nah untuk Anda yang ingin menciptakan tampilan blognya lebih bagus dan yummy di pandang oleh pengunjung sehingga pengunjung betah berlama-lama di blog Anda, coba pasang widget keren koleksi kami, silahkan kunjungi halaman Kumpulan Widget Keren Untuk Mepercantik Blogger
Sumber http://www.giribig.com/
