Monday, 9 April 2018

Cara Membuat Widget Tulisan Terbalik Di Blogger

Cara Membuat Widget Tulisan Terbalik Di Blogger-Hello kali ini saya mau berbagi artikel tentang tutorial blogger lagi, pada kesempatan kali ini saya mau berbagi tentang widget yang tidak kalah keren dari widget lainnya yaitu membuat widget Tulisan terbalik. Baca Juga: Cara melihat Pesan WhatsApp Grup Siapa Yang melihat

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.
Cara Membuat Widget Tulisan Terbalik Di Blogger
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

Loading...
No comments:
Write comments

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