Tuesday, December 31, 2013

animasi text di sudut kiri atas

bagaimana membuat animasi teks al-Quran/hadits/nasihat di sudut kiri atas blog ini?

caranya: 1. tambah widget “Text/HTML” ke blog anda, 2. copy kode berikut. sudah

<form name="news">
<textarea wrap="virtual" rows="5" cols="50" name="news2" style="width: 230px; font-size:1.1em; height: 200px;"></textarea>

</form>
<script language="javascript">
//Visit http://www.solusiislam.com 
var newsText = new Array();
newsText[0] = "bagaimana hati dapat bersinar, sementara gambar-gambar duniawi tetap terlukis dalam cermin hati itu? -ibn Athoillah";
newsText[1] = "Sesungghnya Alloh menyukai orang-orang yang bertaubat dan menyukai orang-orang yang mensucikan diri. al-Baqarah 222";
newsText[2] = "di antara kebaikan Islam seseorang itu ialah meninggalkan sesuatu yang tidak berguna baginya. HR. Tirmidzi";
newsText[3] = "tiada satu nafas berhembus darimu, kecuali di situ taqdir Alloh berlaku padamu -ibn Athoillah";
newsText[4] = "Bacalah al-Quran karena ia akan datang memberi syafaat kepada orang yang membacanya. hr. muslim";
newsText[5] = "jangan engkau merasa heran atas terjadinya kesulitan selama engkau berada di dunia ini, sebab memang begitulah yang patut terjadi dan yang menjadi karakter asli dunia -ibn Athoillah";
newsText[6] = "tidaklah Aku ciptakan manusia dan jin kecuali hanya untuk mengabdi kepada-Ku (al-Quran 51:56)";
newsText[7] = "apabila engkau bersabar, maka hukum Alloh tetap berlaku, dan engkau mendapat pahala atasnya. namun bila engkau tidak bersabar, maka ketentuan Alloh tetap berlaku, dan engkau berdosa karenanya -umar bin khottob r.a.";
newsText[8] = "diantara tanda keberhasilan pada akhir perjuangan adalah berserah diri kepada Alloh sejak permulaan -ibn Athoillah";
newsText[9] = "usahamu untuk mengetahui aib-aib yang tersembunyi dalam dirimu adalah lebih baik daripada berusaha menyingkap perkara ghaib yang tersembunyi darimu -ibn Athoillah";
newsText[10] = "pangkal segala maksiat, kelalaian, dan syahwat adalah ridho kepada nafsu. dan pangkal dari segala ketaatan, kewaspadaan dan kesucian adalah engkau tidak ridho terhadap hawa nafsu -ibn Athoillah";
newsText[11] = "seorang mukmin memandang dosanya, seperti orang duduk di bawah sebuah gunung yang ia merasa takut jika gunung itu akan menimpanya... (1/2)";
newsText[12] = "seorang pendosa memandang dosanya seperti seekor lalat yang hinggap di hidungnya, lalu dengan menggerakkan tangannya sedikit saja, lalat itu akan terbang. (2/2) -Nabi Muhammad SAW";
var ttloop = 1;    // Repeat forever? (1 = True; 0 = False)
var tspeed = 60;   // Typing speed in milliseconds (larger number = slower)
var tdelay = 1000; // 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.news2.value = "";
      eline = 0;
      setTimeout("addChar()",tspeed)
    }
  }
}
//Visit http://www.masbugie.com
function addChar() {
  if (eline!=1) {
    if (cchar != dwAText.length) {
      nmttxt = ""; for (var k=0; k<=cchar;k++) nmttxt += dwAText.charAt(k);
      document.news.news2.value = nmttxt;
      cchar += 1;
      if (cchar != dwAText.length) document.news.news2.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>

No comments:

Post a Comment