Minggu, 30 Januari 2011

membuat efek ketikan pada teks


membuat efek ketikan pada teks pasti akan menjadikan blog lebih unik hehehe hemmm javascript memang mantep silahkan langsung liat demonya biar gak penasaran

DEMO

Oke untuk caranya gampang banget, anda mau letakan dimana ...?

1. Di sidebar


1. Log in ke blog anda
2. Klik rancangan / Layout
3. Klik tambah gadget
4. Klik Html/javascript
5. Copy paste kode berikut ini di dalamnya

<form name="news">
<textarea name="news2" cols=50 rows=3 wrap=virtual></textarea>
</form>
<script language=JavaScript>
//Visit http://www.masbugie.com  
var newsText = new Array();
newsText[0] = "Selamat Datang di Blog Blogger pemula";
newsText[1] = "Semoga Anda menemukan informasi yang dibutuhkan";
newsText[2] = "Jangan Lupa meninggalkan komentar";
newsText[3] = "Terima kasih telah berkunjung";
newsText[4] = "Kunjungan Anda Bermanfaat bagi blog ini";
newsText[5] = "Terakhir terima kasih";
var ttloop = 1;    // Repeat forever? (1 = True; 0 = False)
var tspeed = 50;   // Typing speed in milliseconds (larger number = slower)
var tdelay = 1000; // Time delay between newsTexts in milliseconds
// ------------- JANGAN DI EDIT DISINI ------------- \\
var dwAText, cnews=0, eline=0, cchar=0, mxText;
function doNews() {
mxText = newsText.length - 1;
dwAText = newsText[cnews];
setTimeout("addChar()",1000)
}
function addNews() {
cnews += 1;
if (cnews <= mxText) {
dwAText = newsText[cnews];
if (dwAText.length != 0) {
document.news.news2.value = "";
eline = 0;
setTimeout("addChar()",tspeed)
}
}
}
//Biarin aja
function addChar() {
if (eline!=1) {
if (cchar != dwAText.length) {
nmttxt = ""; for (var k=0; k<=cchar;k++) nmttxt += dwAText.charAt(k);
document.news.news2.value = nmttxt;
cchar += 1;
if (cchar != dwAText.length) document.news.news2.value += "_";
} else {
cchar = 0;
eline = 1;
}
if (mxText==cnews && eline!=0 && ttloop!=0) {
cnews = 0; setTimeout("addNews()",tdelay);
} else setTimeout("addChar()",tspeed);
} else {
setTimeout("addNews()",tdelay)
}
}
doNews()
</script>


Keterangan
Silahkan Ganti Teks yang ada di dalam javascript itu.

2. Letakan di postingan

Ketika anda ingin meletakan di postingan anda tinggal beralih ke mode EDIT HTML dan pastekan script nya disitu, jangan aneh bila tidak ada efeknya, karena efeknya tidak akan muncul saat itu, efekX akan muncul bila sudah di terbitkan, oke sekian dari system of blog.