Tutorial Blogging

Blogger Tutorial
1
Pasang Kalender & jam di blog
2
Pasang Musik di blog
3
Pasang Statistik & Tracker
4
Tulisan Gaya Koran (Drop Cap)
5
Cara Auto Hide Navbar
6
Memasang Meta Tag Di Blogger
7
Memberi Icon di Label
8
Membuat Artikel Berhubungan
9
Membuat Author Komen Berbeda
10
Membuat Gambar Melayang
11
Membuat Judul Blog Begerak
12
Membuat Kotak Komen Dibawah Post
13
Membuat Navbar Blog Transparant
14
Membuat Page Navigasi Hal Berurut
15
Membuat label Animasi
16
Menambah Photo di Komentar Blogger
17
Menampilkan Komentar Terbaru
18
Menampilkan Status YM
19
Menampilkan Tanggal Hari Ini
20
Mengganti Tulisan Older/Newer post
21
Menghilangkan Navbar
22
Nofollow Comment jadi Follow
23
Beribu Cara Meningkatkan Alexa Rank
24
Membuat Menu diatas Post
25
Daftar Domain di .co.cc
26
Menambah Photo di Komentar Blogger
27
Membuat Kotak Komen Dibawah Post
28
Membuat Author Komen Berbeda
29
Memberi Emoticons Di Kotak Komen
30
Tanggal Post Jadi Calender
31
Membuat Teks Area
32
Menu Dropdown
33
Tambah Emoticons di Shoutmix
34
Yahoo Emoticons
35
Readmore Versi Baru
36
Readmore Versi Lama
37
Memasang Penghitung Pengunjung
38
Membuat Page Navigasi Hal Berurut
39
Membuat Search Engine
40
Membuat Teks Berjalan & Blogroll
41
Menampilkan Seluruh Posting
42
Menampilkan Status YM
43
Menampilkan Tanggal Hari Ini
45
Menampilkan User Online
46
Modifikasi Tampilan MyBloglog
47
Mengganti Icon Di Address Bar
48
Mengetahui Siapa yang Menjiplak Blog
49
Menampilkan Tanggal Hari Ini
50
Menampilkan Status YM
51
Menampilkan Seluruh Posting
52
Menampilkan Posting Terbaru
53
Menampilkan Komentar Terbaru
54
Menampilkan Kode HTML di Posting
55
Membuat Top Posting Di Blog
56
Membuat Teks Berjalan & Blogroll
57
Membuat Navbar Blog Transparant
58
Membuat Gambar Melayang
59
Memberi Gambar Sebelum Judul Post
60
Highlight Kode Di Posting
61
Cara Membuat Langganan e-mail

Tutorial design

w

Teks Matrix 2

gaghan | Selasa, Januari 13, 2009 |

Do you like this story?

-------
Script ini hanya jalan di Internet Explorer
-------

contoh buka: http://www.ilmuwebsite.com/javascript/javascript-matrix.htm

<html>
<head>
</head>
<body bgcolor="#000000">
<STYLE type=text/css>#supertext {
    LEFT: 0px; VISIBILITY: hidden; POSITION: absolute; TOP: 0px
}
</STYLE>

<SCRIPT language=JavaScript1.2>

//Configure the below three variables

//1) Set message to display (HTML accepted)
var thecontent='<h2><font face="Courier New" font size="5" color="#00FF00">ilmuwebsite.com - Webmaster Resource</font></h2>'
//2) Set delay after which message should be hidden, in miliseconds ('' makes it incessantly visible on the screen)
var hidetimer='';
//3) Set speed of animation (1-50), where larger is faster
var BallSpeed = 20;



///NO NEED TO EDIT BELOW THIS LINE///////////

var contentWidth;
var contentHeight;
var maxBallSpeed = 50;


var xMax;
var yMax;
var xPos = 0;
var yPos = 0;
var xDir = 'right';
var yDir = 'down';
var superballRunning = true;
var tempBallSpeed;
var currentBallSrc;
var newXDir;
var newYDir;

function initializeBall() {
   if (document.all) {
      xMax = document.body.clientWidth
      yMax = document.body.clientHeight
      document.all("supertext").style.visibility = "visible";
      contentWidth=supertext.offsetWidth
      contentHeight=supertext.offsetHeight
      }
   else if (document.layers)





{
      xMax = window.innerWidth;
      yMax = window.innerHeight;
      contentWidth=document.supertext.document.width
      contentHeight=document.supertext.document.height
      document.layers["supertext"].visibility = "show";
      }
   setTimeout('moveBall()',400);
   if (hidetimer!='')
   setTimeout("hidetext()",hidetimer)
   }

function moveBall() {
   if (superballRunning == true) {
      calculatePosition();
      if (document.all) {
         document.all("supertext").style.left = xPos + document.body.scrollLeft;
         document.all("supertext").style.top = yPos + document.body.scrollTop;
         }
      else if (document.layers) {
         document.layers["supertext"].left = xPos + pageXOffset;
         document.layers["supertext"].top = yPos + pageYOffset;
         }
      animatetext=setTimeout('moveBall()',20);
      }
   }

function calculatePosition() {
   if (xDir == "right") {
      if (xPos > (xMax - contentWidth - BallSpeed)) {
         xDir = "left";
         }
      }
   else if (xDir == "left") {
      if (xPos < (0 + BallSpeed)) {
         xDir = "right";
         }
      }
   if (yDir == "down") {
      if (yPos > (yMax - contentHeight - BallSpeed)) {
         yDir = "up";
         }
      }
   else if (yDir == "up") {
      if (yPos < (0 + BallSpeed)) {
         yDir = "down";
         }
      }
   if (xDir == "right") {
      xPos = xPos + BallSpeed;
      }
   else if (xDir == "left") {
      xPos = xPos - BallSpeed;
      }
   else {
      xPos = xPos;
      }
   if (yDir == "down") {
      yPos = yPos + BallSpeed;
      }
   else if (yDir == "up") {
      yPos = yPos - BallSpeed;
      }
   else {
      yPos = yPos;
      }
   }

function hidetext(){
if (document.all)
supertext.style.visibility="hidden"
else if (document.layers)
document.supertext.visibility="hide"
clearTimeout(animatetext)
}

if (document.all||document.layers){
document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')
window.onload = initializeBall;
window.onresize = new Function("window.location.reload()");
}

</SCRIPT>

<SCRIPT language=JavaScript>

if (document.all){

Cols=22;

Cl=18; //Peþpeþe geliþ mesafeleri!

Cs=110; //Sayfaya enine yayýlýþ mesafeleri!

Ts=12; //Rakamlarýn büyüklükleri!

Tc='#00FF00';//Renk

Tc1='#00FF00';//Renk1

MnS=22; //Akýþ hýzlarý!

MxS=50; //Akýþ hýzlarý!

I=Cs;

Sp=new Array();S=new Array();Y=new Array();

C=new Array();M=new Array();B=new Array();

RC=new Array();E=new Array();Tcc=new Array(0,1,7,9,3,2);

document.write("<div id='Container' style='position:absolute;top:0;left:-"+Cs+"'>");

document.write("<div style='position:relative'>");

for(i=0; i < Cols; i++){

S[i]=I+=Cs;

document.write("<div id='A' style='position:absolute;top:0;font-family:Arial;font-size:"

+Ts+"px;left:"+S[i]+";width:"+Ts+"px;height:0px;color:"+Tc+";visibility:hidden'></div>");

}

document.write("</div></div>");

for(j=0; j < Cols; j++){

RC[j]=1+Math.round(Math.random()*Cl);

Y[j]=0;

Sp[j]=Math.round(MnS+Math.random()*MxS);

for(i=0; i < RC[j]; i++){

B[i]='';

C[i]=Math.round(Math.random()*1)+' ';

M[j]=B[0]+=C[i];

}

}

function Cycle(){

Container.style.top=window.document.body.scrollTop;

for (i=0; i < Cols; i++){

var r = Math.floor(Math.random()*Tcc.length);

E[i] = '<font color='+Tc1+'>'+Tcc[r]+'</font>';

Y[i]+=Sp[i];

if (Y[i] > window.document.body.clientHeight){

for(i2=0; i2 < Cols; i2++){

RC[i2]=1+Math.round(Math.random()*Cl);

for(i3=0; i3 < RC[i2]; i3++){

B[i3]='';

C[i3]=Math.round(Math.random()*1)+' ';

C[Math.floor(Math.random()*i2)]=' '+' ';

M[i]=B[0]+=C[i3];

Y[i]=-Ts*M[i].length/1.5;

A[i].style.visibility='visible';

}

Sp[i]=Math.round(MnS+Math.random()*MxS);

}

}

A[i].style.top=Y[i];

A[i].innerHTML=M[i]+' '+E[i]+' ';

}

setTimeout('Cycle()',20)

}

Cycle();

}

</SCRIPT>
</body>
</html>

Sumber dari situs Ilmu Website dalam kategori javascript dengan judul Tulisan Matrix

Artikel Lainnya Yang Lebih Menarik:

Jika Anda ingin artikel Teks Matrix dikirim ke email anda, Silahkan masukan alamat email anda untuk berlangganan.

JANGAN LUPA CEK EMAIL ANDA UNTUK VERIFIKASI BERLANGGANAN VIA EMAIL

Azis Lamayuda Penulis :  Dodik Gaghan | BLOG : InfocusNine [Be Your Best Partner]
InfocusNine menyediakan informasi dan tutorial buat anda yang ingin belajar blogging, design, internet, dsb. Silahkan Copy/Paste tapi cantumkan link kami.

2komentar:

 
InfocusNine Copyright © 2010 Designed by Dodik Gaghan Home | RSS Feed | Comment RSS