Cara membuat tulisan
dengan efek diketik – Seperti yang kita ketahui jika kalian sedang
mengunjungi sebuath situs atau blog-blog orang
pasti kalian banyak menemui berbagai macam efek tulisan, efek tulisan
ada berbagai macam efeknya anara lain tulisan berkedip, tulisan bergoyang , dan
yang kita bahas sekarang tulisan dengan efek diketik, saya sih sudah lumayan
sering melihat tulisan efek seperti diketik di blog tetangga, lalu saya
searching di google bagaimana cara membuatnya, eeh ketemu jadi saya langsung
saja ingin berbagi dengan kalian cara membuatnya, langsung saja kita masuk ke
pembahasan berikut silahan kalian simak tutorial cara membuat/memasangnya.
1. Login ke akun blog kalian
2. Masuk ke Tata Letak -- > Tambah gadget -- >
Html/javascript, kemudian kalian copy kode di bawah ini
<script language="JavaScript">
var text="Terima kasih telah berkunjung di blog saya, jangan lupa komentarnya";
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>
var text="Terima kasih telah berkunjung di blog saya, jangan lupa komentarnya";
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>
3. Simpan dan hasilnya kira-kira seperti di bawah ini
Catatan:
- Tulisan yang berwarna merah
adalah untuk mengganti textnya
Artikel Terkait Info Desain Blog
Ditulis Oleh : Rifky ~ Home Info
Kalian sedang membaca artikel tentang Cara membuat tulisan dengan efek diketik. Saya memperbolehkan kalian untuk mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
Keren broo... bagi yg mau kode2 diatas jadi lbih mnarik, liat caranya disini
BalasHapushttp://www.kangsigit.com/2015/05/cara-membuat-tulisan-teks-seperti.html
Mantap... makasih banyak, tapi saya modif dikit gak pa2 kan dengan text-align:center
BalasHapus