Membuat teks mengetik sendiri di postingan widget dan header blog

Script ini saya dapatkan waktu liat web-web malaysia yang di hack ama orang-orang indonesia, masalahnya tindakan yang memang kurang menyenangkan oleh suporter malaysia saat final piala AFF 2010, mereka memakai cara" licik agar pemain kesayangannya mendapat kemenangan dan akhirnya malaysia menang dengan skor 3-0. Script itu saya manipulasi dan akhirnya javascriptnya dapet juga. Fungsi script ini adalah membuat agar teks seperti mengetikan sendiri di dalam halaman seperti kita mengetik dengan keyboard, kalau kalian pernah lihat blog atau website di navbarnya keluar teks yang dapat menulis sendiri, ha.. ini hampir sama!! hanya beberapa script saja yang di manipulasi. Sekarang to the point aja, perhatukan betul betul tutorial berikut.

1. Masuk ke akun blogger.com>> Rancangan>> Element>> Gadget baru.

2. Cari HTML/javascript>> Pada judul namai "MY PROFIL" atau yang lain.

3. Copy (ctrl+c) dan pastekan pada kotak besar di bawah judul.

<SCRIPT LANGUAGE="JavaScript">
/*
An object-oriented Typing Text script, to allow for multiple instances.
A script that causes any text inside any text element to be "typed out", one letter at a time. Note that any HTML tags will not be included in the typed output, to prevent them from causing problems. Tested in Firefox v1.5.0.1, Opera v8.52, Konqueror v3.5.1, and IE v6.
Browsers that do not support this script will simply see the text fully displayed from the start, including any HTML tags.

Functions defined:
TypingText(element, [interval = 100,] [cursor = "",] [finishedCallback = function(){return}]):
Create a new TypingText object around the given element. Optionally
specify a delay between characters of interval milliseconds.
cursor allows users to specify some HTML to be appended to the end of
the string whilst typing. Optionally, can also be a function which
accepts the current text as an argument. This allows the user to
create a "dynamic cursor" which changes depending on the latest character
or the current length of the string.
finishedCallback allows advanced scripters to supply a function
to be executed on finishing. The function must accept no arguments.

TypingText.run():
Run the effect.

static TypingText.runAll():
Run all TypingText-enabled objects on the page.
*/

TypingText = function(element, interval, cursor, finishedCallback) {
if((typeof document.getElementById == "undefined") || (typeof element.innerHTML == "undefined")) {
this.running = true; // Never run.
return;
}
this.element = element;
this.finishedCallback = (finishedCallback ? finishedCallback : function() { return; });
this.interval = (typeof interval == "undefined" ? 20 : interval);
this.origText = this.element.innerHTML;
this.unparsedOrigText = this.origText;
this.cursor = (cursor ? cursor : "");
this.currentText = "";
this.currentChar = 0;
this.element.typingText = this;
if(this.element.id == "") this.element.id = "typingtext" + TypingText.currentIndex++;
TypingText.all.push(this);
this.running = false;
this.inTag = false;
this.tagBuffer = "";
this.inHTMLEntity = false;
this.HTMLEntityBuffer = "";
}
TypingText.all = new Array();
TypingText.currentIndex = 0;
TypingText.runAll = function() {
for(var i = 0; i < run =" function()" origtext ="=" currenttext ="=" innerhtml = "" origtext =" this.origText.replace(/<([^<])*">/, ""); // Strip HTML from text.
if(this.currentChar < tagbuffer = "<" intag =" true;">" && this.inTag) {
this.tagBuffer += ">";
this.inTag = false;
this.currentText += this.tagBuffer;
this.currentChar++;
this.run();
return;
} else if(this.inTag) {
this.tagBuffer += this.origText.charAt(this.currentChar);
this.currentChar++;
this.run();
return;
} else if(this.origText.charAt(this.currentChar) == "&" && !this.inHTMLEntity) {
this.HTMLEntityBuffer = "&";
this.inHTMLEntity = true;
this.currentChar++;
this.run();
return;
} else if(this.origText.charAt(this.currentChar) == ";" && this.inHTMLEntity) {
this.HTMLEntityBuffer += ";";
this.inHTMLEntity = false;
this.currentText += this.HTMLEntityBuffer;
this.currentChar++;
this.run();
return;
} else if(this.inHTMLEntity) {
this.HTMLEntityBuffer += this.origText.charAt(this.currentChar);
this.currentChar++;
this.run();
return;
} else {
this.currentText += this.origText.charAt(this.currentChar);
}
this.element.innerHTML = this.currentText;
this.element.innerHTML += (this.currentChar < cursor ="=" currenttext = "" currentchar =" 0;" running =" false;">
<style>
td{align: center; font-family: Bradley Hand ITC; font-size: 12pt; color: white}
a{align: center; font-family: Bradley Hand ITC; font-size: 12pt; color: red}

</style>
<div id="example1"></div>
<p id="example2">



<b>Nama</b> : Dr.Ryo Relazie s.kom <br>

<b>Alamat</b> : Sundel, bolong, bantul, Yogyakarta <br>

<b>No tlp</b> : 083869658100 <br>
<b>Email</b> : rauruzs@hack.ly <br>
<b>Profil</b> : Saya adalah orang ganteng tapi jelek dan bodoh<br>

Kami hanya ingin adanya perdamaian di dunia cyber<br>

Salam dari Ryo Relazie

<a href="http://blank-note.blogspot.com" target="_new">Script Nothing</a>
</p><script type="text/javascript">
//Define first typing example:
new TypingText(document.getElementById("example1"));
//Define second typing example (use "slashing" cursor at the end):
new TypingText(document.getElementById("example2"), 50, function(i){
var ar = new Array("_"," ","_","_"); return " " + ar[i.length %
ar.length]; });
//Type out examples:
TypingText.runAll();

</script>

4. Pada Teks yang berwarna Dapat kalian ganti sesuai keinginan.

5. Lalu Save Gadget tersebut dan drag n drop sesuai keinginan anda.

Tutorial di atas cukup sekian, kalian dapat mencopy artikel ini dan taruh di blog atau web anda hanya dengan syarat mencantumkan source page blog ini. ingat!! semua artikel blog ini open source.
Source Page:http://blank-note.blogspot.com/2010/12/membuat-teks-mengetikan-sendiri-di.html
Script by: "HACKED BY kaMtiEz" INDONESIANCODER TEAM
DOWNLOADS
Next PostPosting Lebih Baru Previous PostPosting Lama Beranda
Posting Komentar