2.28.2009

Mengapa langit berwarna biru?  

Atmosfir bumi mengandung molekul gas kecil dan partikel (butiran) debu. Sinar matahari yang memasuki atmosfir tersebut bertemu dengan molekul gas dan partikel debu tadi. Warna sinar yang memiliki gelombang sinar lebih panjang seperti merah dan kuning, dapat melewati dan menembus molekul gas dan debu tadi. Tetapi warna biru yang memiliki gelombang sinar lebih pendek dipantulkan kembali ke atas atmosfir. Itulah mengapa langit terlihat berwarna biru. Prinsip yang sama berlaku juga dengan air di laut atau danau yang terlihat berwarna biru.






Continue reading →

Membuat header dengan free bannermaker



hi there's

kembali ke tutoorial 

saya akan kasih tau cara buat header dengan free banner maker,ikuti terus ya!
klik disini atau buka http://www.bannerfans.com/banner_maker.php
Pada bagian layout kamu bisa menentukan ukuran banner yang akan digunakan,berdasarkan imageg,ukuran yang kita buat sendiri,dan berdasarkan preset.Untuk saat ini ukuran ukurannya sesuai yang kita butuhin dengan memilih custim-enter size 660px wide dan 170px high
pada pilihan select a background ,pilih use gradient color
pada bagian bawah kiri terdapat opsi choose your gradient colors.pada bagian inikamu harus memilih warna gradiasi untuk fisrt color dan second color.
pilih mode gradient 
update mt banner>akn tamoil bagian banner sementara
selanjutnya,kita akan mengubah text kita>klik text&fonts
pada bagian line 1 adalah judul line 2 adalah sub judul
di sebelahnya kamu bisa menentukan style tulisan kamu
update my banner untuk melihat hasil header sementara kita
kliiiiiik tab border
pilih birder yang kamu suka
update my banner lagie
klo udah sreg sama headernya klik download it!!!

Cara masangnya di blog
sign in ke blogger
pilih layout
kan ada header tuh,klik editnya
klik browse
pilih header yang tadi kita buat
pilih selain judul dan keterangan
simpan beres



suka artikel saya

silakan copy




Continue reading →

2.27.2009

free domain dot com

HOre....................

Saya baru saja dapat informasi bahwa ada sebuah situs yang menyediakan domain dot com secara gratis.KLo biasanya pake domain dot com harus bayar kira-kira seratus ribu per tahun pada perusahaannya.

daftar klik disini

good luck :)



Continue reading →

semua orang di dunia hampir suka musik(ya iyalah)

saya akan beritahu pasang radio online islam yang klo diklik playnya akan menghasilkan nada-nada Al-Qur'an yang menggetarkan hati,ikuti terus y!

  1. klik disini
  2. pilih style radio yang kamu ingginkan
  3. copy kodenya
  4. sign in ke blogger
  5. layout>add widget
  6. pilih widget HTML/Javascript
  7. paste disitu
  8. simpan 
  9. lihat sidebar blog kamu!jika kamu mau dengarkan klik play pada lasyar radio
  10. beres

suka tulisan saya 



Continue reading →

Buat shoutmix di blog

klo sekarang sayaakan kasih tau cara nambahin shoutbox di blog.Ikuti terus y?^_^

  1. buka www.shoutmix.com atawa klik disini
  2. klik create your shoutbox now
  3. isi form sign up
  4. pilih shoutbox stylenya
  5. klik go to my control pane
  6. dan sekarang kamu sudah punya id shoutmix langkah selanjutnya
  7. Welcome! Place the shoutbox on your site to get started.klik link place the shoutbox on your site to get started
  8. setting width sama height sesuai yang kamuu mau
  9. copy kodenya
  10. terus,sign in ke blogger
  11. klik layout>add widget
  12. pilih widget HTML/Javascript
  13. paste kode tadi disitu
  14. simpan>lalu,buka blog kamu
  15. liat di sidebar>maka akan ada shoutmix kamu

klo suka sama tulisan sya klik highlight all trus kopi n paste ke blog atawa web atawa semacamnya!                

Continue reading →

2.26.2009

Hujan Cinta

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

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

<html>
<head>
</head>
<body bgcolor="black">

<body>
<!-- file "ani_heart.gif" bisa kamu ganti sendiri terserah -->
<script language="JavaScript1.2">

<!-- Begin
var no = 12; // number of hearts
var speed = 10; // smaller number moves the hearts faster
var heart = "ani_heart.gif";
var flag;
var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;

var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
amx = new Array();
amy = new Array();
stx = new Array();
sty = new Array();
flag = new Array();
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-30)+10; // set position variables
yp[i] = Math.random()*doc_height;
amy[i] = 12+ Math.random()*20; // set amplitude variables
amx[i] = 10+ Math.random()*40;
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
flag[i] = (Math.random()>0.5)?1:0;
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(heart+ "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(heart+ "\" border=\"0\"></layer>");
}
} else
if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(heart+ "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(heart+ "\" border=\"0\"></div>");
}
}
}

function snowNS() { // Netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
if (yp[i] > doc_height-50) {
xp[i] = 10+ Math.random()*(doc_width-amx[i]-30);
yp[i] = 0;
flag[i]=(Math.random()<0.5)?1:0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
if (flag[i])
dx[i] += stx[i];
else
dx[i] -= stx[i];
if (Math.abs(dx[i]) > Math.PI) {
yp[i]+=Math.abs(amy[i]*dx[i]);
xp[i]+=amx[i]*dx[i];
dx[i]=0;
flag[i]=!flag[i];
}
document.layers["dot"+i].top = yp[i] + amy[i]*(Math.abs(Math.sin(dx[i])+dx[i]));
document.layers["dot"+i].left = xp[i] + amx[i]*dx[i];

}
setTimeout("snowNS()", speed);
}

function snowIE() { // IE main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
if (yp[i] > doc_height-50) {
xp[i] = 10+ Math.random()*(doc_width-amx[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
flag[i]=(Math.random()<0.5)?1:0;
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
if (flag[i])
dx[i] += stx[i];
else
dx[i] -= stx[i];
if (Math.abs(dx[i]) > Math.PI) {
yp[i]+=Math.abs(amy[i]*dx[i]);
xp[i]+=amx[i]*dx[i];
dx[i]=0;
flag[i]=!flag[i];
}

document.all["dot"+i].style.pixelTop = yp[i] + amy[i]*(Math.abs(Math.sin(dx[i])+dx[i]));
document.all["dot"+i].style.pixelLeft = xp[i] + amx[i]*dx[i];
}
setTimeout("snowIE()", speed);
}

if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End -->
</script>
</center>
</body>
</html>

Sumber dari situs Ilmu Website dalam kategori javascript dengan judul Hujan Cinta

thanx for see my blog 

Continue reading →

Membuat Logo Animasi

 
Tingkatkan kreasimu dengan membuat logo animasi dari flash.
Tutorial ini menampilkan sebuah lemon jatuh ke dalam suatu karakter dan menjalankan animasi nya

Untuk memulainya silahkan buka vector logo design dalam Adobe Illustrator.


Export vector logo file diatas menjadi sebuah Macromedia SWF file dan select Preserve Editability checkbox.


Buka Macromedia Flash dan ciptakan new document dengan dimensi yang telah anda tentukan sebelumnya, dan pastikan Frame Rate menjadi 24fps untuk sebuah smooth animation.

File > Import > Import to Stage dan pilih logo SWF file anda. Ini akan menempatkan logo dalam format vector dalam Flash artboard


Select semua objects yang membuat bentuk lemon shape dan group ken mereka dengan menekan (Ctrl/CMD + G), lalu "Cut" lemon dan "Paste" pada layer baru. Ingat untuk memberi nama pada layer2 anda untuk referensi kedepannya.


Pilih frame 50 pada kedua layer dan Masukkan sebuah Keyframe (Click Kanan > Insert Keyframe), ini akan memberikan beberapa space pada timeline untuk bekerja.


Dalam frame pertama, Copy gambar lemon lalu drag gambar tsb kedalam stage secara vertical. Masukkan sebuah Keyframe pada frame 5 dan Edit > Paste In Place, lemon nya, hapus lemon yang di atas pada frame ini.


Klik kanan antara kedua Keyframes ini dan select Create Motion Tween. Anda akan melihat warna biru dan symbol panah antara frames tersebut.


Masukkan sebuah Keyframe pada frame 7, lalu kembali pada frame 5 pindahkan lemon kebawah secara pelan-pelan dengan Free Transform Tool, tahan ALT untuk merubah satu sudut.
Ciptakan sebuah Motion Tween antara frames 5 dan 7.


Ciptakan layer baru dibawah layer lemon dan berinama Shadow. dalam layer ini gambar sebuah oval dengan gradient abu-abu ke putih dari tengan. Pakai Gradient Transform Tool untuk me-ngedit bentuk dari gradient untuk memberikan perspective.


Masukkan sebuah Keyframe pada frame 5 pada layer ini dan skala perkecil bayangandan berikan kesan bahwa lemon sangat jauh. Ciptakan sebuah Motion Tween antara frame2 ini.


Untuk memulai getaran pada lemon, Masukkan sebuah Keyframe pada frame 53 dan 56. Rubah ukuran lemon menjadi lebih besar sec. perlahan2 pada frame 53. Ciptakan sebuah Motion Tween antara frames 50-56.


Copy frames ini dan Paste pada frame 65 untuk getaran perulangan.




Untuk menciptakan getaran lebih cepat masukkan sebuah Keyframe pada 75, lalu Copy frame 68 dan Paste pada frame 77.


Copy frames antara 75-77 dan paste pada frames 79, 82, 85 dan 91 untuk mengulangi getaran pelan dan cepat.




Ciptakan sebuah getaran yang lebih cepat dengan meng-Copy frame 77 dan mem-Paste nya pada frame 94, Copy frame 77 dan Paste pada 95, lalu Copy frames 94-95. Paste frame ini pada 96, 98, 100, 102, 104, 106, 108 dan 110.


Untuk mengakhirinya buatlah lemon pop dan menghilang masukkan sebuah Keyframe pada 112 dan perbesar lemon. Pada panel properties rubah warna ke Alpha dan set pada 50%.


Masukkan sebuah Blank Keyframe (Click Kanan > Insert Blank Keyframe) pada frame 114.
Pindahkan layer2 Shadow dan Logo kedalam layer yang sekarang ini pada timeline dengan inserting frames (F5) pada frame 150.


Jika kamu ingin memainkan animation ini tekan (Enter) kamu akan melihat bagaimana semua Motion Tweens memerikan lemon sebuah animasi, bagaimanapun juga hal yang sama harus terjadi pada bayangan untuk mengikuti pergerakan bentuk dari lemon.
Pada layer Shadow masukkan Keyframes untuk menyamakan layer Lemon diatas dan merubah bayangan menjadi lebih besar secara tepat pada frame 53. Ciptakan Motion Tweens antara 50-55.


Copy frames 50-55 dan paste pada frame 65.
Ulangi proses ini sama seperti yang anda lakukan pada lemon, sampai bayangan memiliki getaran pergerakan yang sama dengan lemon.masukkan sebuah Blank Keyframe pada frame 113




Satu langkah terakhir adalah untuk membuat warna putih mendahului bayangan pada logo text. Mudah dengan men-drag layer Text menjadi diatas layer Shadow.




Tekan Ctrl + Enter untuk mem-publish animation menjadi SWF.


Sumber dari situs Ilmu Website dalam kategori flash dengan judul Membuat Logo Animasi

thanx for see my blog

Continue reading →

jQuery Ajax Display for Loading Content

 What is jQuery ?
Apa sih jQuery itu
?

Image


jQuery
merupakan sebuahlibrary javascript yg
saat pertama kali muncul langsung berimbas padaberalihnya para
developper untuk segera memanfaatkan nya sebagailibrary yang powerfull
untuk menyaingi ajax. Awal muncul nya sempatmembuat ajax hanya mendapat
hitungan jari kelingking dari paradevelopper. Karena seperti motto
jQuery sendiri adalah "Write Less, Do More". Wah pantes aja posisi ajax
langsung ketendang.

Berikutadalah tutorial sederhana
cara mengimplementasikan jQuery sebagailibrary yang powerfull, dapat
menciptakan interaktif user pada halamanwebsite lu :))


Sebelumnya download dlu library
nya:

Download
Page


jQuery 1.2.6 {The
Latest
Release}


jQuery Ajax Display for
Loading
Content


Siapkan
HTML
kosong
bwat halaman utama, pada header panggil dlu library jQuery
na:

Code:
<script
language="javascript"
src="jquery-1.2.6.min.js"></script>



untuk
interaktif
user na, gunakan Ajax jQuery Animation, atau dalam code na dinamakan
sebagai AJAX DISPLAY

Code:
<script
language="javascript">
//show
animation
$(function(){

$("#ajax_display").ajaxStart(function(){

$(this).html(<div
style="position:absolute;"><imgsrc="ajax-loader-refresh.gif"/> <br><strong>Loading....</strong><br><br>Pleasebe
patien,
do
not close the window. <br>Gathering data
beingprogress ...</div>);

});

$("#ajax_display").ajaxSuccess(function(){



$(this).html();


});

$("#ajax_display").ajaxError(function(url){



alert(jqSajax is
error );

});
});
</script>




Sedangkanuntuk
simulasi
load
external file na, gw pake script random padalibrary jQuery, script ini
gw temukan di salah satu forum luar, gw lupanama forum na, mudah2an
berguna bwat kalian:

Code:
<script
type="text/javascript">
function getRandom()
{
$("#random").hide("slow");
$("#random").load("sleep.php",
,
callback);
}
function
callback()
{
$("#random").show("slow");
setTimeout("getRandom();",
10000);
}
$(document).ready(getRandom);
</script>
<div
id="random"></div>



"sleep.php"adalah
file
external yang diload oleh javascript random, dengan timeout10000
(10 detik). Timeout berarti, setelah 10 detik halaman akan diload ulang
dari awal kembali (setelah 10 detik).

sleep.php
berisi script yg akan di load, lu bisa isi apa aja seperti contoh code
dibawah ini untuk simulasi gw kasiin
sleep(10)

Code:
<?
sleep(10);
echo
"<span style=font-weight:bold;font-color:green;> All Data
loaded successfully
!!</span>";
?>




Jadi
untuk
lengkapna, berikut code HTML na:

Code:
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type"
content="text/html;
charset=iso-8859-1"
/>
<title>jQuery Ajax
Display</title>
<script
language="javascript"
src="jquery-1.2.6.min.js"></script>
<script
language="javascript">

//show
animation
$(function(){

$("#ajax_display").ajaxStart(function(){
$(this).html(<div
style="position:absolute;"><imgsrc="ajax-loader-refresh.gif"/> <br><strong>Loading....</strong><br><br>Pleasebe
patien,
do
not close the window. <br>Gathering data
beingprogress ...</div>);

});

$("#ajax_display").ajaxSuccess(function(){



$(this).html();


});

$("#ajax_display").ajaxError(function(url){



alert(jqSajax is
error );

});
});
</script>

<style
type="text/css">
<!--
body,td,th
{

font-family:
Arial, Helvetica,
sans-serif;
font-size:
11px;
color:
#000000;
}
body {

background-color: #FFFFFF;

margin-left: 10px;
margin-top:
10px;
margin-right:
10px;
margin-bottom:
10px;
}
a:link {
color:
#0066FF;
}
a:visited {

color: #0066FF;
}
a:hover
{
color:
#009900;
}
a:active {

color:
#0066FF;
}
-->
</style></head>

<body>
<div
id="ajax_display"></div>
<div
style="position:absolute;
top:100px;">
<script
type="text/javascript">
function
getRandom()
{
$("#random").hide("slow");
$("#random").load("sleep.php",
,
callback);
}
function
callback()
{
$("#random").show("slow");
setTimeout("getRandom();",
10000);
}
$(document).ready(getRandom);
</script>
<div
id="random"></div>
This
is
an
Implementation for jQuery Ajax Display, while loading a progress from
an external source.<br />
developped by
<a href="http://dremi.info"
target="_blank">dr.emi</a></div>
</body>
</html>




woke,
siap
dicoba, klik disini bwat preview hasil
na:

Image

ni
bwat
download code na:


Image


Sumber dari situs Ilmu Website dalam kategori ajax dengan judul jQuery Ajax Display for Loading Content

thanx for see my blog

Continue reading →

Followers

More