MEMBUAT EFEK MARQUE DI BLOG

Istilah Marquee sudah tidak asing lagi bagi para blogger dan saya sebelumnya juga masih belum begitu mengenalnya, namun mungkin bagi pemula yang baru mendengar kata marquue ini, tentunya ingin mengetahui bagaimana fungsi marquee didalam blog.

Pertanyaan, apa itu Marquee? singkatnya adalah teks atau gambar-gambar yang berjalan atau dapat bergerak secara horizontal dari kiri kekanan, kanan ke kiri,atau secara vertikal dari bawah ke atas/bolak balik, bahkan teks yang dapat berkedip-kedip.

Marquue merupakan program dalam bentuk HTML yang dapat di gunakan untuk lebih menghemat space posting di blog,juga dapat digunakan untuk memasukan link-link ke dalam Widget atau posting Anda.Program Marquee dinamis dan terlihat menarik untuk dilihat bagi pengunjung

1. Teks bergerak dari kanan kekiri
   
   
   
   Teks Anda Diletakan Disini
2. Teks bergerak dari kanan kekiri dan bila mouse diarahkan ke teks berhenti
   
   
   
   Teks Anda Diletakan Disini
3. Teks bergerak dari kiri kekanan
   
   
   
   
   Teks Anda Diletakan Disini
4. Teks bergerak bolak balik
   
   
   
   
   Teks Anda Diletakan Disini
5. Teks bergerak bolak balik dengan sangat agresif
   
   
   
   
   Teks Anda Diletakan Disini
6. Teks bergerak bolak balik, bila mouse diarahkan ke teks berhenti
   
   
7. Teks bergerak dari bawah keatas
   
   
   
   
   Teks Anda Diletakan Disini
8. Teks bergerak berkedip-kedip
   
   
   
   
   Teks Yang Akan Dibuat Berkedip-kedip
9. Teks berwarna bergerak bolak balik

TEKS ANDA LETAKAN DISINI

Kode/Script

1. <marquee>Teks Anda Diletakan disini</marquee>
2. <marquee onmouseover="this.stop()" onmouseout="this.start()">Teks Anda Diletakan Disini</marquee>
3. <marquee direction="right">Teks Anda Diletakan Disini</marquee>
4. <marquee behavior="alternate">Teks Anda Diletakan Disini</marquee>
5. <marquee behavior="alternate" scrollamount="18">Teks Anda Diletakan Disini</marquee>
6. <marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">Teks Anda Diletakan Disini</marquee>\
7. <marquee direction="up">Teks Anda Diletakan Disini</marquee>
8. <blink>Teks Yang Akan Dibuat Berkedip-kedip</blink>
9. <br /><div align="left"><b><marquee behavior="alternate" width="500%" scrollamount="3" bgcolor="BLUE"><br /><span style="font-weight:bold;">TEKS ANDA LETAKAN DISINI<br /></span></marquee></b></div><br />

Contoh hasil dari berbagai jenis tampilan Marquee dapat Anda gunakan sesuai dengan pilihan yang akan dimasukan kedalam blog atau Widget. Berdasarkan beberapa pilihan Marquee, sebagai dasar pengenalan atribut yang digunakan dalam program Marquee adalah sebagai berikut :

BGCOLOR="warna" --> Untuk mengatur warna background/latar belakang teks

DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks

BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan

Scroll = Teks bergerak berputar
Slide = Teks bergerak sekali lalu berhenti
Alternate = Teks bergerak dari kiri kekanan lalu balik lagi (bolak-balik)

TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks

SCROLLMOUNT="angka" --> Mengatur waktu tanda gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.

SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik

LOOP="angka|-1|infinite" --> Mengatur jumlah loop

WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen

Anda bisa mengatur fungsi marquee yang dikehendaki agar bisa lebih memiliki mengembangkan variasi yang lebih menarik

Script bintang/daun berjatuhan

Untuk mempercantik blog, perlu sedikit diberikan accesoris agar kelihatan lebih cerah.Ada tips untuk menambah efek hiasan di blog, mungkin sobat yang ingin menggunakan dapat di tambahkan ke dalam blog yaitu :

1. Efek Bintang Berjatuhan
2. Efek Daun Berjatuhan

Langkah Memasukan kode HTML Bintang/Daun Berjatuhan

Anda dapat menggunakan salah satu dari kode HTML tersebut dengan langkah yaitu :

1. Login ke Blogger dengan ID Anda
2. Pada Dasbor Klik Tata Letak
3. Klik Tambah Gadget pada Elemen Halaman
4. Klik HTML/JavaScript pada jendela Tambahkan Gadget
   
   
5. Coppy salah satu kode HTML dibawah ini pada jendela Mengkonfigurasi HTML/JavaScript
   
   
   <script src="http://www.geocities.com/sehatserasi72/efekbintangberjatuhan.js"></script>
   
   
   
   <script src="http://www.geocities.com/sehatserasi72/efekdaunberguguran.js"></script>
   
   
   
6. Klik Simpan
7. Selesai

Referensi : Sehatserasi72

http://i186.photobucket.com/albums/x100/amoebios_4m/nexuiz_default_cursor_1c.png

SCRIPT BINTANG/DAUN BERJATUHAN

Untuk mempercantik blog, perlu sedikit diberikan accesoris agar kelihatan lebih cerah.Ada tips untuk menambah efek hiasan di blog, mungkin sobat yang ingin menggunakan dapat di tambahkan ke dalam blog yaitu :

1. Efek Bintang Berjatuhan
2. Efek Daun Berjatuhan

Langkah Memasukan kode HTML Bintang/Daun Berjatuhan

Anda dapat menggunakan salah satu dari kode HTML tersebut dengan langkah yaitu :

1. Login ke Blogger dengan ID Anda
2. Pada Dasbor Klik Tata Letak
3. Klik Tambah Gadget pada Elemen Halaman
4. Klik HTML/JavaScript pada jendela Tambahkan Gadget
   
   
5. Coppy salah satu kode HTML dibawah ini pada jendela Mengkonfigurasi HTML/JavaScript
   
   
   <script src="http://www.geocities.com/sehatserasi72/efekbintangberjatuhan.js"></script>
   
   
   
   
   <script src="http://www.geocities.com/sehatserasi72/efekdaunberguguran.js"></script>
   
   
   
   
   
6. Klik Simpan
7. Selesai

Referensi : Sehatserasi72

Kali ini kita akan memcoba bagaimana cara memberikan cursor. terkadang diantara kita ada yang menginginkan sesuatau yang berbeda pada web atau blog kita, ada pula yang sekedar mengetahuinya sebagai tanmbahan ilmu. sepetri apa sih caranya memberikan kursor yang berbeda itu. Ok kita langsung saja ke intinya....

Pertama yang akan kita lakukan adalah membuka halaman utama (File Utama) kita dalam bentuk edit html dan cari </head> kemudian gunakan script ini..

O iya ada yang ketinggalan letaknya sebelum </head> 

Kusus untuk blogspot Login>Rancangan>Edit HTML. nah baru cari </head> 


untuk mempermpermudah gunakan fasilitas find tekan ctrl f

<style type='text/css'>body HTML,BODY{cursor: url(&quot;ALAMAT CURSOR DISIMPAN&quot;), url(&quot;ALAMAT CURSOR DISIMPAN&quot;), auto;}</style>


nah kira-kira bentuk yang sudah di kasih alamatnya seperti ini...


<style type='text/css'>body HTML,BODY{cursor: url(&quot;http://downloads.totallyfreecursors.com/cursor_files/tail.ani&quot;), url(&quot;http://downloads.totallyfreecursors.com/thumbnails/tail.gif&quot;), auto;}</style>

Satul lagi kalau Teman-teman mau cursor gambar bulu bisa dengan save image dibawah ini

Yap... Seperti itu. Oke teman teman sekian pembahasan tentang modifikasi cursor pada web atau blog. terimakasih atas kunjungannya. semoga bermanfaat.

Efek Blog

Apakabar Teman-teman pembaca My Blog, kali ini kita akan membahas bagaimana cara menambah efek salju pada halaman blog kita. jadi halaman blog kita akan terlihat seperti ada butiran-butiran salju yang jatuh. Efek salju ini akan bergerak mengikuti arah peregerakan pointer bagaikan terhembus angin. Agar tidak penasaran terlalu lama mari kita praktekkan saja. Berikut langkah-langkahnya :

1. Langkahnya bakalan singkat, pertama lakukan login seperti biasa di blog
2. Pilih tab Rancangan > Edit HTML > buka fasilitas find
3. Sebelum dilanjutkan jangan lupa backup template dengan cari download pada bagian atas editor template
4. cari code <head> lalu salin script berikut diatasnya :

<script src='http://projectjqueryku.googlecode.com/files/Snowefek2%20oketrik.js' type='text/javascript'/>

5. Terakhir simpan template.

Hit Pages Stats