Cara Membuat Efek Text Ketik Pada Blog

Cara Membuat Efek Text Ketik Pada Blog – Saat saya blogwalking ke Blog tetangga, saya menemukan efek tulisan unik yang jarang di pakai oleh blogger, tulisan tersebut seperti di ketik langsung. Karena terlalu lama menunggu jawaban dari admin bagaimana cara membuatnya, akirnya saya search di google dan menemukan tutorial nya. 🙂

(Gambar oleh : surgaberita.com)

Contoh efek tulisan ketik nya seperti ini ;

var text=”Terimkasih udah Berkunjung ke Dan For Blogg!”;
var delay=20;
var currentChar=1;
var destination=”[none]”;
function type()
{
//if (document.all)
{
var dest=document.getElementById(destination);
if (dest)// && dest.innerHTML)
{
dest.innerHTML=text.substr(0, currentChar)+”_”;
currentChar++;
if (currentChar>text.length)
{
currentChar=1;
setTimeout(“type()”, 5000);
}
else
{
setTimeout(“type()”, delay);
}
}
}
}
function startTyping(textParam, delayParam, destinationParam)
{
text=textParam;
delay=delayParam;
currentChar=1;
destination=destinationParam;
type();
}

javascript:startTyping(text, 50, “textDestination”);

Efek seperti hampir memiliki Fungsi yang sama dengan text berjalan, yaitu untuk ucapan salam atau menyampaikan pengumuan penting kepada pengunjung. Saya biaa menggunakan cara ini untuk mengucapkan selamat bila ada hari besar. Langsung saja kita simak cara membuat nya.

Jika anda ingin melatakan di Side Bar/Widget blog anda
1. Login ke Blogger
2.  Perki ke Tata letak > Tambahkan Gadget > Html/Javascript
3.  masukan kode di bawah ini

<script language=”JavaScript”>
var text=”Terimkasih udah Berkunjung ke Dan For Blogg!”;
var delay=20;
var currentChar=1;
var destination=”[none]”;
function type()
{
//if (document.all)
{
var dest=document.getElementById(destination);
if (dest)// && dest.innerHTML)
{
dest.innerHTML=text.substr(0, currentChar)+”<blink>_</blink>”;
currentChar++;
if (currentChar>text.length)
{
currentChar=1;
setTimeout(“type()”, 5000);
}
else
{
setTimeout(“type()”, delay);
}
}
}
}
function startTyping(textParam, delayParam, destinationParam)
{
text=textParam;
delay=delayParam;
currentChar=1;
destination=destinationParam;
type();
}
</script> <b><div 0px=”” 12px=”” arial=”” color:=”” ff0000=”” font:=”” id=”textDestination” margin:=”” style=”background-color: none;”></div></b> <script language=”JavaScript”>
javascript:startTyping(text, 50, “textDestination”);
</script>

Keterangan;
-Ganti tulisan warna hijau dengan keinginan anda
-Jika ingin meletekan di Postingan cukup klik HTML (disamping Compase), masukan kode terebut. Kalau berhasil jangan lupa komentar nya ya??.

Semoga Bermanfaat..!!


disiplin-pakai-masker

Guest Post

5 thoughts to “Cara Membuat Efek Text Ketik Pada Blog”

Leave a Reply

Your email address will not be published. Required fields are marked *

CAPTCHA, Maaf ini untuk menghindari SPAM Robot ! *