Sunday, May 2, 2010

Cara Menampilkan Hari, Tanggal dan Jam di Blog dengan Adobe Flash

Pada tutorial sebelumnya telah saya posting mengenai cara atau trik menyembunyikan hari dan tanggal pada postingan. Nah pada kesempatan kali ini justru saya tulis tutorial yang merupakan kebalikan dari postingan sebelumnya, yaitu cara menampilkan hari tanggal dan waktu pada blog, agar blog/web sobat kelihatanya lebih dinamis dan tentunya agar kita tahu waktu jika lagi online. script/ code trik menampilkan hari, tanggal dan jam kali ini adalah menggunakan adobe flash.

Oke deh langsung aja ke TKP, buka adobe flash sobat, kebetulan saya pakai adobe CS3. Pilih Flash File (actions script 2.0) pada kotak dialog yang muncul.

Buat stage baru dengan ukuran 450 x 40 pixel ( ukurannya bebas sesuai dengan selera sobat, usahakan sesuaikan dengan ukuran blog di mana sobat akan pasang). Untuk mengubah ukuran stage llihat kotak dialog properties (pada menu bar klik window--properties):


Impor sebuah background dengan cara klik file�impor�impor to stage. Misalnya seperti ini:

Buat teks (tgl-bulan-tahun) dengan menggunakan text tool. pada toolbox disamping kiri stage. Klik teks tersebut, kemudian pada jendela properties ubah teks menjadi "dynamic text"dan beri nama variable teks dengan nama �Day�.


Buat kembali sebuah teks ( jam: mnt: dtk) lakukan hal yang sama dengan teks pertama, hanya saja nama variabelnya ganti dengan nama �Time�

Buatlah layer baru dengan cara klik kanan pada layer 1, klik insert layer atau klik icon insert layer (lihat gambar)


Klik kanan frame 1 pada layer 2, insert action atau tekan F9.

Copy paste script berikut:


//ini script hari

function makeDayArray() {
this.length = 7;
this[1]="Ahad", this[2]="Senin";
this[3]="Selasa", this[4]="Rabu";
this[5]="Kamis", this[6]="Jum'at";
this[7] = "Sabtu";
return this();
}
//ini script bulan
function makeMonthArray() {
this.length = 12;
this[1]="Januari", this[2]="Februari";
this[3]="Maret", this[4]="April";
this[5]="Mei", this[6]="Juni";
this[7]="Juli", this[8]="Agustus";
this[9]="September", this[10]="Oktober";
this[11]="November", this[12]="Desember";
return this();
}

//get data di komputer

_root.onEnterFrame = function() {
myDate = new Date();

//get day and date
dayName = new makeDayArray();
monthName = new makeMonthArray();
day = myDate.getDay()+1;
dates = myDate.getDate();
month = myDate.getMonth()+1;
year = myDate.getFullYear();

//get time
hour = myDate.getHours();
minute = myDate.getMinutes();
second = myDate.getSeconds();
//tampilan
newDay = dayName[day];
newMonth = monthName[month];
Day = newDay+", "+dates+" "+newMonth+" "+year;
Time = hour+":"+minute+":"+second;
};


Untuk mengetesnya sobat tekan control + enter. Jika tidak ada masalah maka akan muncul seperti ini:

Jika seperti ini berarti script hari dan tanggal dengan adobe flash sobat sudah berjalan lancar, tinggal save aja. Kemudian sobat ekspor menjadi file *swf dengan cara klik File�export�export movie. Pilih jenis file swf, klik save.

Upload file *swf tersebut ke hostingan dimana sobat biasa menyimpan file, seperti di googlepage, geocities, ziddu dan sebagainya. Tentunya tempat hosting filenya harus yang support dengan file flash, misalnya saya simpan filenya di fileave.com.

Langkah terakhir adalah sobat pasang script yang telah kita buat tadi di blog/web sobat. Gimana caranya menampilkan script hari tanggal dan waktu dengan adobe flash di blog kita???

Jawabannya gampang kok, jika sobat menggunakan blogspot, tinggal masuk aja ke akun blogger--tata letak--tambah gadget--java scrpit dan copy paste aja script berikut:

<embed quality="high" allowscriptaccess="always" flashvars="alink1=http://om-ucha.blogspot.com/" type="application/x-shockwave-flash" src="http://uchadilyasa.fileave.com/script%20hari%20tgl.swf" wmode="transparent" height="100%" width="100%"></embed>

Ganti tulisan "http://om-ucha.blogspot.com" dengan alamat blog sobat dan ganti tulisan "http://uchadilyasa.fileave.com...swf" dengan alamat file dimana sobat simpan file script tadi.

Nah sekarang blog sobat sudah memiliki hari, tanggal dan waktu biar pengunjung ga lupa lagi dengan hari dan tanggal serta waktu ketika online.

Selamat mencoba, semoga berhasil. amin

No comments:

Post a Comment

Post a Comment