Cara Menciptakan Efek Goresan Pena Berjalan Menyerupai Diketik - Bagi Template

Kamis, 21 Januari 2016

Cara Menciptakan Efek Goresan Pena Berjalan Menyerupai Diketik

link bergoyang, hingga yang akan kita pelajari hari ini yakni menciptakan goresan pena berjalan ibarat diketik.

Tulisan dengan efek berjalan ibarat diketik, sama ibarat sama ibarat ketika kita mengetik pakai laptop. Saat jari kita menekan huruf, maka akan muncul abjad dan seterusnya. Efek ini menciptakan goresan pena tampil abjad per huruf. Efek ini dapat digunakan untuk memikat mata pengunjung biar melihatnya, contohnya sebuah pengumuman. Untuk menciptakan goresan pena dengan efek ibarat diketik cukup mudah. Kita tinggal menyalin script berikut ini:

<script language="JavaScript">
var text="Selamat Datang di Blog Saya, Jangan Lupa Baca & 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> <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>

Script di atas dapat dipasang di post dan juga di sidebar. Untuk di postingan, masukan dengan opsi HTML ketika menulis. Sedangkan untuk sebagai widget dapat dengan ketika di tata letak, pilih tambakan gadget dan pilih HTML/Java Script. Ganti goresan pena yang berwarna merah dengan teks yang kau inginkan, contohnya akan tampil ibarat ini:


Jika membahas cara menciptakan efek goresan pena ibarat diketik ini jadi teringat dengan pelajaran terdahulu, yakni membuat news tiker dari recent post blog. Karena efek yang ditampilkan sama, yakni ibarat diketik. Sudahkah kau mencoba?
Sumber https://www.kurniasepta.com/
Comments


EmoticonEmoticon

:)
:(
hihi
:-)
:D
=D
:-d
;(
;-(
@-)
:P
:o
:>)
(o)
:p
(p)
:-s
(m)
8-)
:-t
:-b
b-(
:-#
=p~
x-)
(k)
Notification
This is just an example, you can fill it later with your own note.
Done