Cara Membuat Widget Tulisan Terbalik Di Halaman Statis Blog

09:27:00
Cara Membuat Widget Tulisan Terbalik Di Blog


Selamat datang agan atau aganwati kali ini Saya akan berbagi tips blogging yaitu cara membuat widget tulisan terbalik di blog, untuk membuat di blog Anda, Anda dapat mengikuti beberapa langkah berikut;


Langkah


1. Login pada blog Anda masing-masing,

2. Pada menu dashboard pilih menu laman,

3. Lalu pilih menu laman baru,


4. Setelah itu jangan lupa untuk mengganti jenis compose menjadi html,

Cara Membuat Widget Tulisan Terbalik Di Halaman Statis Blog

5. Copy script di bawah ini, lalu paste pada kolom laman tersebut,

 <html>
<head>
<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">
<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> 



6. Publikasikan.

Demo
click to view



Nah itu saja dari Saya semoga bermanfaat, jangan lupa bagikan serta tinggalkan komentar Anda, terima kasih.

Share this

I'm CEO & Founder in https://ilmumalas.blogspot.com & https://renaldyways.blogspot.com/


Artikel Menarik Lainnya

Artikel Selanjutnya
Artikel Selanjutnya
Artikel Sebelumnya
Artikel Sebelumnya
Cara style text di komentar Disqus dan Blogger:
  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.
  • Untuk menggunakan emoji di bawah ini cukup copy kode tersebut dan beri jarak 1 spasi untuk menampilkan emoji pada kolom komentar Blogger.
Parser Kode
FAQ
Emotikon

Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger Emoticon Kaskus di Blogger
Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

10 Comments

Tsani Aziz 17 January 2015 at 19:16

Mantap gan :kiss

Renaldy Rizki Ramadani 17 January 2015 at 20:00

yoi gan :v

Unknown 26 January 2015 at 14:46

gan cara buat fanspage di dialog box gimana? :bingung

Renaldy Rizki Ramadani 26 January 2015 at 14:48

https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=5&ved=0CCoQFjAE&url=http%3A%2F%2Frenaldyways.blogspot.com%2F2014%2F10%2Fcara-membuat-dialog-box-keren.html&ei=NPHFVN6rNISF8gWvrYGgDA&usg=AFQjCNGLIOV9YE69afjVpFNPmocFElqIGA&sig2=USgvXplYwu6bQhhxvTZDyw&cad=rja

pasang dulu dialog box.. itu,, lihat,,tutornya link itu :3

Pengobatan Alami Ambeien 19 February 2015 at 09:26

Mantaap gan artikelnya :) sangat membantu :)
Ijin share http://grosiracemaxstasik.com/
http://grosiracemaxstasik.com/ace-maxs/

Renaldy Rizki Ramadani 19 February 2015 at 17:56

:2thumbup wokeh :v

Obat Herbal Asma 23 February 2015 at 11:21

terimakasih atas informasinya sangat bermanfaat :)

Renaldy Rizki Ramadani 25 February 2015 at 13:31

wokeh gan :2thumbup

Unknown 9 March 2015 at 13:05

Nice artikelnya :)
http://kedaijellygamatgoldg.com/
http://kedaijellygamatgoldg.com/jelly-gamat-gold-g/

Renaldy Rizki Ramadani 10 March 2015 at 12:20

:2thumbup