Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Efek Tulisan Berjalan Seperti Diketik

Cara Membuat Efek Tulisan Berjalan Seperti Diketik
Enaknya ngeblog di blogspot adalah bisa mencoba berbagai trik blog, baik untuk mengoptimalkan blog ataupun memperindah tampilan blog. Dalam sebuah blog yang biasa paling dominan adalah teks atau tulisan. Ada beragam cara membuat efek-efek pada tulisan, mulai dari tulisan berkedip, link bergoyang, sampai yang akan kita pelajari hari ini yaitu membuat tulisan berjalan seperti diketik.

Tulisan dengan efek berjalan seperti diketik, sama seperti sama seperti saat kita mengetik pakai laptop. Saat jari kita menekan huruf, maka akan muncul huruf dan seterusnya. Efek ini membuat tulisan tampil huruf per huruf. Efek ini bisa dipakai untuk memikat mata pengunjung agar melihatnya, misalnya sebuah pengumuman. Untuk membuat tulisan dengan efek seperti 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 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. Ganti tulisan yang berwarna merah dengan teks yang kamu inginkan, contohnya akan tampil seperti ini:


Jika membahas cara membuat efek tulisan seperti diketik ini jadi teringat dengan pelajaran terdahulu, yaitu membuat news tiker dari recent post blog. Karena efek yang ditampilkan sama, yaitu seperti diketik. Sudahkah kamu mencoba?

132 komentar untuk "Cara Membuat Efek Tulisan Berjalan Seperti Diketik"

  1. wah mantap tutorial nya sob...
    berkunjung sekalian ijin praktek...:)

    BalasHapus
  2. wah,,mantap tuh kayanya,,boleh juga nih dicoba

    BalasHapus
  3. ijin nyimak gan,,,terima kasih sudah berbagi tutornya

    BalasHapus
  4. mantap banget nih trik,,ane coba gan ah untuk di blog.. makasihhh yaaaa

    BalasHapus
  5. akhirnya nemu juga nih tutor,, mudah ternyta.. Terimakasih yaaa Sobat..!!!

    BalasHapus
  6. terima kasih sudah berbagi infonya

    BalasHapus
  7. bagus tuh kayaknya kalo blog saya juga pake yg gituan..heheeeeeeee

    BalasHapus
  8. keren keren,, cusss dulu Gan mau dicoba..hee

    BalasHapus
  9. Petunjuknya sangat singkat, klo bisa terperinci & ada gambarnya ( Aq gaptek Pool)

    BalasHapus
  10. Efek yang bagus nih.. Thanks infonya

    BalasHapus
  11. kren .. Boleh di coba..
    booster.juplo.com tunggu kunjung baliknya

    BalasHapus
  12. bagus yaaa, awlnya saya gak tw..hehee

    BalasHapus
  13. singkap tapi jelas, apalagi kalo di tmbah gmbar tmbah pooll Sob.

    BalasHapus
  14. Wow asik juga bro tapi masih lebih asik pake wordpress lebih leluasa kita berekspresi mengoprek thems kita sendiri :)

    BalasHapus
  15. sangat membantu ilmunya, trimaksh

    BalasHapus
  16. maknyuuussss bner nih tutor.. thanks

    BalasHapus
  17. boleh juga niihh dicoba tutornya..mksh bnyak yaa gan..

    BalasHapus
  18. menarik sekali niihh untuk dicoba..mksih bnyak gan..

    BalasHapus
  19. kyanya keren tuuhh kalo pake yang kaya gitu,,mksh bnyak yaa gan..

    BalasHapus
  20. makasih atas ilmunya :))

    BalasHapus
  21. keren boleh di coba tuh...

    BalasHapus
  22. bermanfaat ilmunya ,,makasih dah .

    BalasHapus
  23. manfaat banget infonya ,harus di coba ...

    BalasHapus
  24. nah ini sepertinya cuco untuk di pasang d blog saya

    BalasHapus
  25. keren banget tricknya ...

    BalasHapus
  26. kunjungan siang Gan, skalian ijin nyontek ilmunya..hee

    BalasHapus
  27. bagus yaaa sepertinya kalo blog saya juga dipasang kayak gini.hheee

    BalasHapus
  28. terima kasih sobb atas tips dan triknya. . .!!!

    dan sukses selalu untukmu!!!

    BalasHapus
  29. Hal yang tidak pernah terbayankan kini menjadi kenyataan dengan keluargaku,,,untuk MBAH SARTO kami ucapkan banyak terimakasih karna berkat bantuannya ALHAMDULILLAH keluarga kami bisa lepas dari hutang dan masalah,karna nomor “GHOIB”untuk pasangf togel,hasil ritual MBAH SARTO meman benar2 merubah nasib kami hanya sekejap,dan disitulah aku berkesempatan kumpulkan uang untuk buka usaha kembali,karna baik rumah sudah disita,,warung makan jg sudah bangkrut,,tapi itu semua aku masih tetap bertahan hidup dengan anak istriku,,walau cuma kontrak tapi aku tetap bersabar dan akhirnya MBAH SARTO lah yang bisa merubah nasib kami..MBAH SARTO orang paling bersejarah kepada keluarga saya…!!! Kepada teman2 yang di lilit hutang dan ingin merubah nasib baik dari pada sekaran HBG: 082=378=607=111 MBAH SARTO,dengan penuh harapan INSYAH ALLAH pasti tercapai.

    BalasHapus
  30. Prabu Helau Dinata
    Mengatakan dicoba dulu, ini tips luar biasa

    BalasHapus
  31. Terima kasih efek tulisan jalan, untuk mengubah warna tulisan dan besarnya tulisan aku bingung
    suwun yaaaa

    BalasHapus
  32. Thanks sob..Saya tunggu kunjungan baliknya dan folownya

    BalasHapus
  33. Saya sangat berterimakasih banyak kepada MBAH SARTO atas bantuannya saya bisa menang togel 4D nya..saya ingin berbagi cerita kepada semuanya bahwa saya ini cuma seorang TKI dari malaysia dan saya cuma bekerja sebagai pembantu,tentunya anda tau kalau pembantu itu gajinya tidak seberapa dan saya kepengen pulang kampung tapi gaji saya tidak cukup akhirnya saya coba pinjam keteman saya,dia pun juga tidak punya uang dan saya pindah lagi keteman yang lain dia pun juga tidak punya,,akhirnya teman saya memberikan nomor telpon MBAH SARTO dan katanya ini paranormal sangat terkenal yang banyak membantu orang dalam mengatasi masalah,dengan penuh semangat saya langsun menghubungi MBAH SARTO dan ALHAMDULILLAH saya diberikan anka yang benar-benar tembus dan berkat bantuan MBAH SARTO saya sudah bisa berkumpul kembali dengan keluarga saya dikampung,,jika anda sangat membutuhkan bantuan..jangan anda ragu silahkan hubungi saja MBAH SARTO di 082=378=607=111 karna beliau meman benar-benar paranormal yang bisa dipercaya dan yang punya room terimah kasih banyak atas tumpangannya.

    Saya sangat berterimakasih banyak kepada MBAH SARTO atas bantuannya saya bisa menang togel 4D nya..saya ingin berbagi cerita kepada semuanya bahwa saya ini cuma seorang TKI dari malaysia dan saya cuma bekerja sebagai pembantu,tentunya anda tau kalau pembantu itu gajinya tidak seberapa dan saya kepengen pulang kampung tapi gaji saya tidak cukup akhirnya saya coba pinjam keteman saya,dia pun juga tidak punya uang dan saya pindah lagi keteman yang lain dia pun juga tidak punya,,akhirnya teman saya memberikan nomor telpon MBAH SARTO dan katanya ini paranormal sangat terkenal yang banyak membantu orang dalam mengatasi masalah,dengan penuh semangat saya langsun menghubungi MBAH SARTO dan ALHAMDULILLAH saya diberikan anka yang benar-benar tembus dan berkat bantuan MBAH SARTO saya sudah bisa berkumpul kembali dengan keluarga saya dikampung,,jika anda sangat membutuhkan bantuan..jangan anda ragu silahkan hubungi saja MBAH SARTO di 082=378=607=111 karna beliau meman benar-benar paranormal yang bisa dipercaya dan yang punya room terimah kasih banyak atas tumpangannya.

    BalasHapus
  34. makaseh gan,,
    saya akan mencobanya...

    BalasHapus
  35. ok gan baru nemu nih model baru biasanya yg model berjalan, tp ini malah persis seperti di ketik bneran, salam sukses selalu

    BalasHapus
  36. sepertinya script ini hanya bisa berjalan di blogspot ya..
    nice share

    BalasHapus
  37. kerennnnn mas, ijin praktekin. tengkiu

    BalasHapus
  38. Sip,sukses trus buat blognya sob,,:D
    saya tunggu kunjungannya sob Di,,,http://x-dhay-yadie.blogspot.com/

    BalasHapus
  39. KERENNNNNNNNN BENERRRRRRRRR NIEEEEEEEEEE SOB.
    ANE COBA

    BalasHapus
  40. Artikel yang banyak dicari, sip dan mantap
    Lowongan kerja Online membuka pendaftaran
    lOWONGAN KERJA ONLINE

    BalasHapus
  41. Bagus mas efek tulisannya , mksih :D

    BalasHapus
  42. terimakasi gan untuk tutorilnya

    BalasHapus
  43. Excellent bang mantap nih tricks ...

    BalasHapus
  44. Turorial yang mantaf gan,,..

    :D
    Tulisan berjalan yang mantaf...

    Ane bakalan nyoba tutorrial tulisan mengetik ini...
    :D
    thx gan,... :))

    Komen balik ya.. Ane tunggu....:D

    Salam blogger...
    :)) :)) :)) :)) :)) :)) :))
    :D :D :D :D :D :D :D :D :D

    BalasHapus
  45. Tturial blogger ini sama persis dengan tutorial bloggerku,,,
    .
    .
    .
    .
    .
    .
    .
    .
    .
    Salam Sukses
    Adhea Putra

    BalasHapus
  46. kalau ganti warna tulisannya bagaimana gan caranya

    BalasHapus
  47. 0123456789

    0123456789

    0123456789

    0123456789

    0123456789

    BalasHapus
  48. sipppp gan, siap untuk mencoba. semoga makin sukses gan. :(

    BalasHapus
  49. caranya agar gak di ulang lagi gmana gan?

    BalasHapus
  50. gan cara mengubah ukuran tulisannya gmn?

    maaf lagh masih anak baruuu... hihiihh

    BalasHapus
  51. makasih untuk ilmunya gan.

    BalasHapus
  52. trimaksih gan atas info dan ilmunya

    BalasHapus
  53. Mas saya pengen menampilkan tulisannya dalam kotak yang berwarna biar kontras sama background... gimana yah caranya???

    BalasHapus
  54. terimakasih atas ilmunya ... tapi penempatannya dimana ?
    setelah < head> apa bukan ...
    mohon diperjelas
    terimakasih

    BalasHapus
  55. Saya ucapkan terimakasih banyak atas informasi 2 yang telah anda sampaikan nya kepada kami,, kami akan selalu menyimak informasi informasi yang anda sampaikan.

    BalasHapus
  56. Sep udah saya coba dan sukses 100 % di blog saya ini

    BalasHapus
  57. mau tanya klo, mau loadnya di content gmna ya ?
    apa tetep taro di head.
    thanks.

    BalasHapus
  58. Nice Info Jhondt Jangan Lupa Mampir Ke BLog Dika : http://rasdikahaw.blogspot.com/ .

    BalasHapus
  59. terima kasih gan sebab sudi berkongsi tutorialnya

    BalasHapus
  60. terimakasih atas ilmunya ... tapi penempatannya dimana ?
    setelah < head> apa bukan ...
    mohon diperjelas
    terimakasih

    BalasHapus
  61. makasih untuk ilmunya gan.

    BalasHapus
  62. Sep udah saya coba dan sukses 100 % di blog saya

    BalasHapus
  63. Bagus juga ya, udah aku pasang di blog aku :)
    trims gan.

    BalasHapus
  64. wah blog ku jadi keren dengan tulisan berjalan trims

    BalasHapus
  65. bagus gan website saya pakai tulisan berjalan

    BalasHapus
  66. Kalau di lihat dari hp, nampak berjalan enggak ya

    BalasHapus
  67. maap, saya baru tentang blog-blog gni dan rencana saya ingin buat blog khusus cerita-cerita gitu...
    kalau boleh tahu script yg d atas itu saya sdh coba dan berhasil tapi saat saya ganti" font kata"na gak bisa, kenapa ya? tolong dijawab ya.

    BalasHapus
  68. Carany msh bgung gan....kl bs ada cnthny. ..majkun gaptek .. Thanxs

    BalasHapus
  69. Mantep Makasih Infonya Om

    BalasHapus
  70. minta scriptnya ya gan buat di pasang di blog

    BalasHapus
  71. tips dicoba, tipsnya dicoba =((

    BalasHapus
  72. Terima kasih ya telah berbagi tutorial yang bermanfaat ini

    BalasHapus
  73. wah ini sama dengan marque gitu ya .

    BalasHapus
  74. thanks...
    sangat bermanfaat dan sudah saya terapkan di blog saya mas..

    BalasHapus
  75. bagus gan... kunjung ya,,, ane tunggu. thx

    BalasHapus
  76. mksh gan!!! =))
    http://www.aneka-perkakas.com

    BalasHapus
  77. langsung di praktekan sob makasih udah share

    BalasHapus
  78. waduh ribet juga ya kak caranya. ada cara yang simpel nggak?

    BalasHapus
  79. Wah mantep nih tutorialnya
    salam kenal

    BalasHapus
  80. Wah sangat keren, terim kasih banyak..

    BalasHapus
  81. Teman - teman kesulitan untuk Belajar Komputer karena kesibukan? kini kami memfasilitasi kursus komputer jarak jauh via online, silahkan kunjungi website kami di asianbrilliant.com, Master Komputer, Kursus Online

    Ayah, Bunda..butuh guru untuk mengajar anak-anak dirumah ? kami memfasilitasi 1000 guru untuk anak-anak ayah dan bunda datang kerumah, silahkan kunjungi website kami di smartsukses.com, Bimbingan Belajar, Les Private

    BalasHapus
  82. oke punya....... :)

    BalasHapus
  83. maap, saya baru tentang blog-blog gni dan rencana saya ingin buat blog khusus cerita-cerita gitu...

    BalasHapus
  84. CARA GANTI WARNANYA GIMANA

    BalasHapus
  85. maksih gan infonya, praktekin dulu ahh..

    www.sebarbrosursurabaya.com dan www.jasaseowebprofessional.com
    #sebarbrosur #sebarbrosursurabaya #jasasebarbrosursurabaya #jasasebarbrosur

    BalasHapus
  86. Wah mantep nih tutorialnya, makasih nih

    BalasHapus
  87. langsung praktek, gak pake lama... hasilnya mantap!!!

    BalasHapus
  88. kalo mau buat gammbar yang berjalan ada gak caranya..?

    BalasHapus
  89. Terima kasih sudah berbagi..
    Kunjungin Kembali Blog Sederhana Saya... Banyak Pengunjung Banyak Rezki.. :D

    http://sudutjariku.blogspot.com

    BalasHapus
  90. https://hokimarket.wordpress.com/2015/01/20/obat-perangsang-pria-wanita-terbaik/
    https://hokimarket.wordpress.com/2015/01/21/vimax-asli-canada/
    https://hokimarket.wordpress.com/2015/01/21/pro-extender/
    https://hokimarket.wordpress.com/2015/01/23/obat-pelangsing-badan/
    https://hokimarket.wordpress.com/2015/01/21/obat-penghapus-tato/
    https://hokimarket.wordpress.com/2015/01/23/obat-kuat-procomil-spray-germany/
    https://hokimarket.wordpress.com/2015/01/23/obat-sipilis/
    https://hokimarket.wordpress.com/2015/01/21/obat-penghapus-tato/
    https://hokimarket.wordpress.com/2015/01/20/agen-boneka-full-body-cantik-elektrik/

    # # # # # # #

    BalasHapus
  91. terima kasih infonya sangat cocok untuk diterapkan salam sukses selalu

    BalasHapus
  92. artikelnya bagus bisa aku coba terima kasih ya gan

    BalasHapus
  93. Keren isi blognya gan, langsung ane coba deh..

    BalasHapus
  94. makasih banyak buat infonya,, sangat bermanfaat dan menambah wawasan :-)

    http://obatherbalampuh.com/

    BalasHapus
  95. makasih banyak buat infonya gan...

    ijin shareya....

    http://acemaxs86.com/

    BalasHapus

Berlangganan via Email