ChiemBoun: JavaScript

Tampilkan postingan dengan label JavaScript. Tampilkan semua postingan

Minggu, 30 November 2008

Membuat News Ticker

News Ticker...... siapa yang tidak tau "NEWS TICKER"...? :-/
Oke kali ini kita akan membuat tampilan blog kita seperti "TV"... maksutnya gini... Kan biasanya di TV ada Tulisan berjalan di bawah kan...?????? Lha... kita sekarang akan membuat model seperti itu. untuk lihat contohnya bisa di lihat di Blog CREW ELITE ==> www.osis-mantab.co.cc

oke... dah d liat lom?
gmna? mau kan????? "Ya Iyalah... Masak Ya Toibah" hehehehehe.......
oia aku lupa....... tuh beritanya dari "METRO TV"...............................

langsung aja kita mulai......
1. Seperti biasanya... LOGIN ke BLOG kalian dulu.

2. Cari Kode ]]></b:skin>
3. Taruh kode di bawah ini tepat di atasnya ]]></b:skin>

#newsticker {align: center;position:fixed;_position:absolute; width:100%;height:33px;z-index:10000; bottom:0; _top:expression(document.documentElement.scrollTop+ document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Keterangan :

Untuk yang berwarne biru (

bottom) adalah posisinya, bila ingin di rubah tinggal ganti tulisan itu. Bottom = Bawah, Top = Atas

4. Cari kode </html>
5. Taruh Kode di bawah ini tepat di atasnya </html>

Kalau sudah.... jangan lupa Di Simpan....
Tyus sekarang lihat Hasilnya..................................

Semoga berhasil................. :D

Rabu, 26 November 2008

Random Ayat

Maukah kamu bila blog/FS ada Kutipan ayat alqur'an???
Nah ini aku ada Script untuk membuat BLOG/FS kamu ada Random Ayatnya....
g sulit kuk tenang saja.... Kamu tinggal CoPas kode berikut ini :

Contohnya seperti ini :

Gmna......??????? pasti mau kan........???????? :D

Random Ayat

Maukah kamu bila blog/FS ada Kutipan ayat alqur'an???
Nah ini aku ada Script untuk membuat BLOG/FS kamu ada Random Ayatnya....
g sulit kuk tenang saja.... Kamu tinggal CoPas kode berikut ini :

Contohnya seperti ini :

Gmna......??????? pasti mau kan........???????? :D

Selasa, 25 November 2008

Bikin kalkulator perkalian

Ni ada sedikit ilmu buat kmu yg hobi ama Hitung2-an :D

walaupun cuman bisa Mengkalikan.... tpi gpp yg ptng bisa cara pembuatannya....

ok langsung aja CoPas Script berikut ini :

<SCRIPT language="javascript">

function hitung()

{

panjang = document.myform.p.value;

lebar = document.myform.l.value;

luas = panjang * lebar;

document.myform.luas.value = luas;

}

</SCRIPT>

</HEAD>

<BODY>

<FORM name="myform">

<INPUT type="text" name="p"> X <INPUT type="text" name="l"><BR>

<INPUT type="button" name="aksi" value="Hasil" onclick="hitung()"><INPUT type="text" name="luas"><BR>

</FORM>

By : MANDALA ZX

tyus.... klo ini mau kmu masukan ke Widget blog kmu... tinggal Copas juja....

Tyus Pilih Tata Letak--->Element Halaman--->Tambah Gadget--->HTML/JavaScript

jadi deh.....

Ni Contohnya... :

Sekarang masukan anggka yg mau kmu Kalikan.... tyus pencet Tombol HASIL

By : MANDALA ZX

Bikin kalkulator perkalian

Ni ada sedikit ilmu buat kmu yg hobi ama Hitung2-an :D

walaupun cuman bisa Mengkalikan.... tpi gpp yg ptng bisa cara pembuatannya....

ok langsung aja CoPas Script berikut ini :

Rabu, 10 September 2008

Cara Membuat Kotak Blogroll

Kali ini aku mau ngejelasin trik kali dengan gaya puisi, biar nggak bosen, tapi jangan diketawain ya, soalnya lom pernah buat puisi nih.

Tatkala link-link jumlahnya sudah berjuta-juta
Maka semakin sesaklah dada blog ini
Jikalau hal ini tidak diatasi dengan bijaksana
Maka blognya dikau akan penuh sesak dengan link-link itu

Udah bagus nggak puisinya? ancur ya?

Ok lanjuuut.

Oleh karena itulah
hamba memberanikan diri untuk menawarkan obat sesak tersebut
Melalui secuil ilmu berikut
Daku berharap dapat membantu kisanak supaya blognya tidak sesak

Kira-kira pada mudeng nggak ya penjelasan tadi, ah biarin deh

udah ah, udah mual2 nih pake gaya puici, sekarang ganti gaya biasa aja.

Untuk trik kali ini, ada dua macam kotak blogroll yang akan kita buat, terserah kamu mo pilih yang mana. Kotak blogroll-nya yaitu:

1. Kotak Blogroll Model Textarea

Contohnya seperti kotak blog roll seperti punyaku itu, itu lho yg atasnya ada tulisanya "Friend links"
Nha begini cara membuatnya :
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)

keterangan:
- Kode width: 200px; dan height: 200px; adalah ukuran lebar dan panjang kotak, kamu bisa merubahnya dan menyesuaikanya dengan ukuran yg kamu suka.
- Ganti tulisan "#link1,#link2, #link3 dst" dengan daftar link-link kamu, oh ya itu juga bisa diisi dengan banner link.
- Jika kamu pingin daftar link-linknya berjajar kayak punyaku, maka hilangkan kode

2. Kotak Blogroll Model Marquee

Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeda dengan kotak yg diatas, karena kotak yang ini tidak memiliki rollbar (yg biasanya disebelah kanan trus ditarik keatas kebawah itu lho). Link-link ato isi didalam kotak ini akan bergerak/berjalan, bisa vertikal ato horizontal. Nah gini nih cara buatnya:
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)

<MARQUEE align="center" direction="up" height="100" scrollamount= "2"

onmouseover='this.stop()' onmouseout='this.start()' width="95%" >

#link1 <br />
#link2 <br />
#link3 <br />
#link...<br />

</marquee>

Keterangan :
- Kode "up" itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right (udah mudeng to artinya, gak usah dijelasin ya).
- Jika kamu menggantinya dengan pergerakan horizontal (left ato right) maka hilangkan kode
.
- Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.

OK SELAMAT MENCOBA......