Fungsi widget ini adalah membalikan tulisan atau kalimat sehingga si pembaca harus memutar ponsel jika ingin membacanya dengan mudah, lalu bagaimana jika menggunakan komputer atau laptop apa harus di putar juga monitornya? Entahlah yang pasti ini hanya sekedar iseng aja buat ngerjain orang di social media seperti facebook, twitter, whatsapp dll.
Demonya klik disini
Membuat Widget Tulisan Terbalik- Pertama login ke akun blogger
- Pada halaman blogger pilih Tata Letak lalu Tambah Gadget
- Pilih HTML JavaScript
- Copy dan paste kode 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 baru dan beri judul yang diinginkan
- Selanjutnya pada kolom artikel pilih tab HTML buka Compose
- Selanjutnya copy dan paste kode diatas pada tab HTML
- Terakhir klik Publikasikan
Nash itu dia Cara Membuat Widget Tulisan Terbalik Di Blogger, cukup mudah 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 mendapatkan info menarik lainnya. untuk yang baru belajar blog silahkan kunjungi halaman Panduan lengkap Membuat Blog dan Optimasi SEO
Nah untuk Anda yang ingin membuat tampilan blognya lebih cantik dan enak 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
0 komentar:
Post a Comment
Tinggalkan pesan sesuai konten yang ada dan jangan meninggalkan spam. Komentar yang menganduang unsur sara, kata-kata kasar, prnografi dan promosi tidak akan ditampilkan. Terima kasih