Langkah Memasang 'Flip Text' Pada Blog

Pada hari ini, aku akan membuat satu tutorial yang telah lama diminta kepada aku. Tak kira la dari shoutbox, comment, dan email. So, hari ni aku akan berkongsi cara bagaimana untuk memasang 'Flip Text' pada blog. Flip text ini korang boleh gunakan pada Facebook dan lain-lain. Yahoo Messenger pun korang boleh gunakan Flip Text. Dahla. Seperti biasa, aku bukan seorang yang nak membebel panjang-panjang. So, kat bawah adalah contoh Flip Text. Bagi pengguna Wordpress, aku tidak pasti cara memasangnya. Sesiapa yang menggunakan Wordpress, dan berjaya memasangnya, inform aku ok.

Flip

Original:




Flipped:

Cara Memasang Flip Text

1. Log masuk ke akaun Blogger korang

2. Pergi ke Layout > Edit HTML

3. Cari ']]></b:skin>'

4. Copy code dibawah dan masukkannya sebelum code yang korang cari seperti diatas.

<!-- Help IE with utf8; thank you, Piratz! --><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="description" content="Turn text upside down. Rotate letters 180 degrees with Unicode."><title>Flip</title><style type="text/css">textarea { font-family: "Arial Unicode MS", Batang }h1 { margin-bottom: 2px;}</style><script>function flip() { var result = flipString(document.f.original.value.toLowerCase()); document.f.flipped.value = result;}function flipString(aString) { var last = aString.length - 1; //Thanks to Brook Monroe for the suggestion to use Array.join 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 ? r : c } return result.join('')}var flipTable = {a : '\u0250',b : 'q',c : '\u0254', //open o -- from pned : 'p',e : '\u01DD',f : '\u025F', //from pneg : '\u0183',h : '\u0265',i : '\u0131', //from pnej : '\u027E',k : '\u029E',//l : '\u0283',m : '\u026F',n : 'u',r : '\u0279',t : '\u0287',v : '\u028C',w : '\u028D',y : '\u028E','.' : '\u02D9','[' : ']','(' : ')','{' : '}','?' : '\u00BF', //from pne'!' : '\u00A1',"\'" : ',','<' : '>','_' : '\u203E','\u203F' : '\u2040','\u2045' : '\u2046','\u2234' : '\u2235','\r' : '\n' //thank you, Yeeliberto}for (i in flipTable) {  flipTable[flipTable[i]] = i}</script>

5. Save Template sebaik sahaja korang masukkan code tersebut.

6. Seterusnya, korang perlu membuat satu post/page baru. Terpulang pada kreativiti korang sendiri.

7. Masukkan Code dibawah pada bahagian post/page tersebut.

<center><h1>Flip</h1><form name="f">Original:<textarea cols="50" name="original" onkeyup="flip()" rows="5"></textarea><input onclick="flip()" type="button" value="Flip" />Flipped:<textarea cols="50" name="flipped" rows="5"></textarea></form></center>

8. Save, dan lihat hasilnya.

Selamat Mencuba.