Membuat Efek Tulisan Diketik pada Blog

DEPRESI JURNALIS - Dalam dunia blogging terutama penyedia layanan blogging gratis dari blogspot, adalah sebuah hal yang wajar ketika kita ingin memperindah tampilan blog kita, dengan berbagai cara dilakukan, mulai dari mengganti template blog default, menambahkan fungsi chatting dan masih banyak lagi dengan tujuan agar pengunjung blog tidak merasa bosan.

Namun disini akan dijelaskan bagaimana cara untuk memperindah tampilan blog dengan sedikit sentuhan javascript, dari beberapa hasil yang banyak dicari kebanyakan mereka mencari efek-efek yang dapat memperindah blog mereka yaitu salah satunya dengan menggunakan javascript. Salah satu yang akan dibahas disini sini yaitu cara Membuat Efek Tulisan Diketik Pada Blog. Dari beberapa javascript yang dicoba untuk memperindah tampilan, javascript dengan efek ini merupakan salah satu javascript yang cukup menarik untuk dibahas, karena efek yang timbul dari script ini dapat membuat tulisan seperti diketik dan cukup membuat terkesan bagi pembaca artikel yang akan mengunjungi blog anda.
Adapun cara dalam membuat script/ efek ini adalah sebagai berikut:
  1. Masuk ke Akun blogger anda
  2. Pilih Tata Letak
  3. Tambahkan gadget lalu pilih HTML/JavaScript
  4. Masukkan kode dibawah ini 

<script language="JavaScript">
var text="Selamat Datang di Blog Depresi Jurnalis";
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 id="textDestination" style="color: red; font-size: 24px; font-weight: bold;"> <div> <script language="JavaScript">
javascript:startTyping(text, 50, "textDestination");
</script>

Hasil 

Keterangan:
  1. Huruf yang berwarna merah silakan diganti dengan kata yang anda inginkan.
  2. Huruf yang berwarna biru silahkan ganti dengan warna font selera anda.
  3. Huruf yang berwarna orange silahkan ganti dengan ukuran yang anda sesuaikan dengan blog anda.

 Untuk tampilan fontnya silahkan anda kreasikan sendiri agar lebih menarik.

Mungkin itu saja yang dapat disajikan dalam blog Depresi Jurnalis kali ini, semoga dapat membantu bagi anda yang sedang mengkreasikan blog anda.
Terima kasih :)

0 Response to "Membuat Efek Tulisan Diketik pada Blog"

Posting Komentar

Berkomentarlah dengan bijak, relevan dan sesuai dengan pokok pembahasan. Thanks by Admin Ganteng 😎

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel