Cara Membuat Efek Tulisan Berjalan Seperti di Ketik Full
>
Cara Membuat Efek Tulisan Berjalan Seperti di Ketik - Setelah kemaren saya share cara membuat efek tulisan Berjalan dan Berkedip. Efek Tulisan ini seperti halnya kita mengetik di Laptop atau di PC kita. Huruf per huruf akan muncul dengan tahap, sekali lagi sama seperti huruf kalau kita mengetik. Nah bagi sobat yang belum jelas ataupun belum mempunyai gambaran, bisa lihat demonya saja :
Setelah sobat paham, langsung saja kita lanjut ke pembuatan Cara Membuat Efek Tulisan Berjalan Seperti di Ketik. Untuk cara pembuatannya sobat tinggal salin saja kode di bwah ini :
<script language="JavaScript">
var text="Selamat Datang di Blog Sederhana ini, Jangan lupa Bisa Tinggalkan Komentar";
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> <div 0px="" 12px="" arial="" color:="" ff0000="" font:="" id="textDestination" margin:="" style="background-color: none;"></div> <script language="JavaScript">
javascript:startTyping(text, 50, "textDestination");
</script>
Kode yang saya berikan warna Biru bisa diganti sesuka kalian
Script di atas bisa dipasang di post dan juga di sidebar. Untuk di postingan, masukan dengan opsi HTML saat menulis. Sedangkan untuk sebagai widget bisa dengan saat di tata letak, pilih tambakan gadget dan pilih HTML/Java Script.
Dan satu lagi, kenapa saya di dalam judul saya berikan keterangan Full. Karena nanti sobat bisa edit Script diatas agar bisa diberi Link, Bold, Italic, dsb. Script dibawah ini adalah potongan dari Script paling bawah, jadi nanti sobat bisa gabungkan lagi dengan script diatas.
</script> <a href="http://linktujuan.blogspot.com" target="_blank"><i><b><div 0px="" 12px="" arial="" color:=""
ff0000="" font:="" id="textDestination" margin:=""
style="background-color: none;"></div></i></b></a> <script
language="JavaScript">
javascript:startTyping(text, 50, "textDestination");
</script>
Keterangan :
- Kode yang Berwarna Merah Bisa diganti dengan Link Tujuan.
- Kode yang Berwarna Hijau Itu adalah Kode Dasar Italic, jikalau sobat tidak menginginkan bisa dihapus saja.
- Kode yang Berwarna Unggu Itu adalah Kode Dasar Bold, jikalau sobat tidak menginginkan bisa dihapus saja.
Nah, sekian Cara Membuat Efek Tulisan Berjalan Seperti di Ketik Full Semoga bermnfaat. Jika Kurang jelas dan perlu tambahan, jangan sungkan untuk berkometar. Terima Kasih
Cara Membuat Efek Tulisan Berjalan Seperti di Ketik Full
Terimakasih telah membaca artikel
Cara Membuat Efek Tulisan Berjalan Seperti di Ketik Full. Dan bila sobat ingin membantu saya, sobat bisa mengeklik salah satu iklan diatas ^_^. Sobat bisa bookmark halaman ini dengan URL https://esbepe-sbp.blogspot.com/2013/08/cara-membuat-efek-tulisan-berjalan.html. Jika ingin copy paste artikel ini, jangan lupa untuk mencantumkan link sumber.