Membuat Tulisan Efek Mengetik Sendiri Pada Blogger

Kalo kalian pengen buat tulisan efek mengetik sendiri sesuka kalian caranya gampang..

dari pada kelamaan. yuk langsung kita coba....

1. Masuk di akun Blogger kalian

2. Masuk di "Design" -> "Page Elements"

3. Pilih "Add a Gadget"

4. Tambahkan "HTML/Java Script"

5. Pastekan Code di bawah ini....

<div align="center">

<form name="news" align=center>
<textarea name="newsyam" cols=40 rows=5 wrap=virtual></textarea></form>

<script language=javascript>

var newsText = new Array();

newsText[0] = "#";

newsText[1] = "^_^ : \nAssalamu'alaikum Warahmatullahi Wabarakatuh \n-- Anggraeni Vradixz  --";

newsText[2] = "Bissmillahi Rohmanii Rohiim \nDengan Nama ALLAH Yang Maha Pengasih Lagi Maha Penyayang";

newsText[3] = "Sesungguhnya orang-orang yang beriman itu adalah orang-orang yang hanya beriman kepada Allah dan Rasul-Nya, \nkemudian mereka tidak ragu-ragu, dan mereka berjihad dengan harta dan jiwa mereka di jalan Allah. \nMereka itulah orang-orang yang benar.(Qs. Al-Hujurat/49:15)";

newsText[4] = "Dan bacakanlah apa yang diwahyukan kepadamu, yaitu kitab Rabb-mu (al-Qur'an). \nTidak ada (seorang pun) yang dapat merubah kalimat-kalimat-Nya. \n(Qs. Al-Kahfi/18:27) ";

newsText[5] = "Hai orang-orang yang beriman, ruku'lah, sujudlah, \nsembahlah Rabbmu dan berbuatlah kebajikan supaya kamu mendapat kemenangan. \n(Qs. al-Hajj/22:77)";

newsText[6] = "...Dan Dia bersama kamu di mana saja kamu berada. \nDan Allah Maha Melihat apa yang kamu kerjakan \n(QS.Al-Hadid:4)";

newsText[7] = "Hai orang-orang yang beriman, \njadikanlah sabar dan shalat sebagai penolongmu, \nsesungguhnya Allah beserta orang-orang yang sabar \n(QS. Al-Baqarah: 153)";


var ttloop = 1;    // Repeat forever? (1 = True; 0 = False)

var tspeed = 85;   // Typing speed in milliseconds (larger number = slower)

var tdelay =3000; // Time delay between newsTexts in milliseconds

// ------------- NO EDITING AFTER THIS LINE ------------- \\

var dwAText, cnews=0, eline=0, cchar=0, mxText;


function doNews() {

  mxText = newsText.length - 1;

  dwAText = newsText[cnews];

  setTimeout("addChar()",1000)

}

function addNews() {

  cnews += 1;

  if (cnews <= mxText) {

    dwAText = newsText[cnews];

    if (dwAText.length != 0) {

      document.news.newsyam.value = "";

      eline = 0;

      setTimeout("addChar()",tspeed)

    }

  }

}

function addChar() {

  if (eline!=1) {

    if (cchar != dwAText.length) {

      nmttxt = ""; for (var k=0; k<=cchar;k++) nmttxt += dwAText.charAt(k);

      document.news.newsyam.value = nmttxt;

      cchar += 1;

      if (cchar != dwAText.length) document.news.newsyam.value += "_";

    } else {

      cchar = 0;

      eline = 1;

    }

    if (mxText==cnews && eline!=0 && ttloop!=0) {

      cnews = 0; setTimeout("addNews()",tdelay);

    } else setTimeout("addChar()",tspeed);

  } else {

    setTimeout("addNews()",tdelay)

  }

}

doNews()

</script></div>

Catatan : Tulisan Berwarna Biru dapat kalian ganti sesuka kalian.               \n untuk enter kebawah

6. Simpan dan Lihat Hasilnya

Artikel Terkait:

Cara Membuat Blogger Keren

• Cara Membuat Tulisan Berputar pada Cursor Blogger
• Cara Membuat Share to Facebook dan Twitter
• Cara Membuat Back Top pada Blog
• Cara Membuat Banner pada Blog
• Cara Membuat Efek Bergerak Pada Popular Post
• Cara Membuat Efek Bintang Berjatuhan Pada Cursor
• Cara Membuat Related Post pada Blogspot
• Download Template Blog Gratis!!!