Dalam trik kali ini kita akan coba membahas tentang "Bagaimana Caranya Menampilkan Status Offline/Online Yahoo Messenger". Trus fungsinya apa nih? gini, kalo ada misalnya ada penandanya seperti itu kan nanti pengunjung blogmu akan bisa langsung berinteraksi langsung denganmu, nha kalo gitu kan nanti pengunjung blogmu jadi tambah sayang ma kamu :p
Ok Langsung aja, Contohnya akan seperti ini, jika status kamu offline maka gambarnya akan seperti ini :
trus jika kamu online maka iconya akan berubah seperti ini:
Cara buatnya sangat gampang kamu tinggal copy script berikut ini trus kamu pasang di sidebar kamu, udah tahu kan cara pasanganya, itu lho seperti kalo km masang "page element", Masuk ke "Page Element" trus "Add a Gadget --> HTML/Javascript".
Selasa, 19 April 2011
Membuat text berjalan atau marquee
Mungkin ada sobat yang berminat memasang text berjalan atau marquee pada blognya. Saya ingin berbagi sama sobat yg belum tahu saja.Bagi yang sudah tahu silahkan bernostalgia. Text berjalan ini dalam bahasa HTML biasa disebut dengan marquee atau bahasa jawanya Markun. He..he..! "maaf pak markun bercanda." Bahasa apaan tu..? yang jelas Ingrislah.
Tag yang kita gunakan adalah:
<marquee>text yang kita inginkan</marquee>
text yang kita inginkan
Ini standart marquee agar berjalan dari kanan ke kiri.Kemudian kita bisa mengembangkannya dengan menambah beberapa astribut:
BGCOLOR=warna
DIRECTION=Mengatur arah gerakan (left,right,up.down)
BEHAVIOR=karakter gerakan (scrol,slide,alternate)
scrol(teks bergerak berputar)
slide(teks bergerak sekali lalu berhenti)
alternate(teks bergerak dari kiri ke kanan lalu balik)
TETLE=pesan muncul saat mouse berada di atas teks
SCROLLAMOUNT=mengatur kecepatan gerakan
SCROLLDELAY=mengatur tenggang waktu
LOOP=mengatur jumlah
Sekarang langsung saja kita pratekkan:
Dari arah kiri ke kanan
dari kiri kekanan
Arah bolak-balik
arah bolak-balik
Dari kanan ke kiri dengan kecepatan "15"
dari kanan kekiri
Arahkan mouse text berhenti
arahkan mouse text berhenti
Jika ingin turun atau naik tinggal ganti direction="down" atau "up"
<marquee direction="down" width="100%" height="100">dari atas ke bawah</marquee>
dari atas ke bawah
Dengan latar belakang warna
<marquee width="50%" bgcolor="orange">dari kanan ke kiri</marquee>
dari kanan ke kiri
<div align="left"> <span style="font- family:georgia;"<>marquee scrollamount="3" behavior="alternate" width="70%" bgcolor="red">dengan warna</marquee></span></div>
Dengan gambar atau foto
<marquee scrollamount="3" scrolldelay="10" width="50%" height="10%"><img src="http://picasion.com/pic12/001e4f5663e28f41208c938e9c7da3cf.gif" /></div></marquee>
Tag yang kita gunakan adalah:
<marquee>text yang kita inginkan</marquee>
text yang kita inginkan
Ini standart marquee agar berjalan dari kanan ke kiri.Kemudian kita bisa mengembangkannya dengan menambah beberapa astribut:
BGCOLOR=warna
DIRECTION=Mengatur arah gerakan (left,right,up.down)
BEHAVIOR=karakter gerakan (scrol,slide,alternate)
scrol(teks bergerak berputar)
slide(teks bergerak sekali lalu berhenti)
alternate(teks bergerak dari kiri ke kanan lalu balik)
TETLE=pesan muncul saat mouse berada di atas teks
SCROLLAMOUNT=mengatur kecepatan gerakan
SCROLLDELAY=mengatur tenggang waktu
LOOP=mengatur jumlah
Sekarang langsung saja kita pratekkan:
Dari arah kiri ke kanan
<marquee direction="right" >dari kiri ke kanan</marquee>
dari kiri kekanan
Arah bolak-balik
<marquee behavior="alternate" >arah bolak balik</marquee>
arah bolak-balik
Dari kanan ke kiri dengan kecepatan "15"
<marquee direction="right" scrollamount="15" >dari kanan ke kiri dengan kecepatan 15</marquee>
dari kanan kekiri
Arahkan mouse text berhenti
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">arahkan mouse teks berhenti</marquee>
arahkan mouse text berhenti
Jika ingin turun atau naik tinggal ganti direction="down" atau "up"
<marquee direction="down" width="100%" height="100">dari atas ke bawah</marquee>
dari atas ke bawah
Dengan latar belakang warna
<marquee width="50%" bgcolor="orange">dari kanan ke kiri</marquee>
dari kanan ke kiri
<div align="left"> <span style="font- family:georgia;"<>marquee scrollamount="3" behavior="alternate" width="70%" bgcolor="red">dengan warna</marquee></span></div>
dengan warna
Dengan gambar atau foto
<marquee scrollamount="3" scrolldelay="10" width="50%" height="10%"><img src="http://picasion.com/pic12/001e4f5663e28f41208c938e9c7da3cf.gif" /></div></marquee>
Langganan:
Postingan (Atom)
Entri Populer
-
DOWNLOAD GRATIS DREAMTORCH OS 6 THEMES UNTUK OS 5 �Themes DreamTorch V 4.0.2 ini sangat cocok bagi yang ingin menikmati tampilan Themes...
-
TIPS DAFTAR ANGGOTA BLACKBERRY BETAZONE BlackBerry Beta Zone adalah tempat di mana para partisipan beta bisa memperoleh akses awal ke...
-
Dalam trik kali ini kita akan coba membahas tentang "Bagaimana Caranya Menampilkan Status Offline/Online Yahoo Messenger ". Trus ...
-
Bagi yang suka main Foursquare berikut beberapa trik untuk mendapatkan Badge yang dapat menambah koleksi anda.Newbie Badge – Checkin di 1 ...
-
Mungkin ada sobat yang berminat memasang text berjalan atau marquee pada blognya. Saya ingin berbagi sama sobat yg belum tahu saja.Bagi yan...