Cara Membuat Teks Berjalan Atau Efek Marquee Pada Blog

Menggunakan efek marquee pada blog kita tidak hanya untuk mempercantik blog tetapi juga berfungsi untuk menghemat ruangan. Sebenarnya efek marquee atau teks berjalan ini adalah kode HTML biasaq sehingga tidak akan terlalu sulit untuk membuatnya.

Ada beberapa efek marquee yang dapat kita buat seperti: teks bergerak kesatu arah, bergerak bolak balik, bergerak keatas, bergerak sekali saja, dan lain-lain.

Efek-efek ini timbul karena adanya perpaduan dari beberapa fungsi yang disebut dengan attributes. Sebelum kita mulai, mari kita pelajari dulu fungsi dari masing-masing atributes.

Beberapa attributes yang sering digunakan dalam marquee yaitu:

1. Behavior : untuk mengatur gaya gerakan pada teks.
Ada 3 gaya gerakan yang bisa digunakan yaitu :


Alternate : Teks bergerak bolak-balik

Slide : Teks hanya bergerak sekali saja
Scroll : Teks bergerak ke satu arah secara kontinu
2. Direction : mengatur arah gerakan teks.
Ada 4 arah gerakan yang bisa digunakan yaitu :

Up : Teks bergerak keatas
Down : Teks bergerak kebawah
Left : Teks bergerak kekiri
Right : Teks bergerak kekanan
3. Face : Untuk mengatur font teks seperti : arial, verdana, times new roman, courier, dan lain-lain. Anda bisa menggunakan semua jenis font yang tersimpan pada komputer Anda

4. Color : Untuk mengatur warna teks, seperti : "black", "green", "blue", "red", "yellow", dan lain-lain. Anda juga bisa menggunakan kode warna untuk menghasilkan warnanya, seperti: "#fffff", "#ff5a00", "#abb0b5", dan lain-lain. Belum tau cara menghasilkan kode warna. Baca disini

5. Width : Untuk mengatur panjang ruangan teks dalam satuan pixel.

6. Height : Untuk mengatur lebar ruangan teks dalam satuan pixel.

7. Bgcolor : Untuk mengatur warna background, seperti: "black", "green", "blue", "red", "yellow", dan lain-lain. Jika Anda ingin menghilangkan warna background gunakan "transparent".

8. Scrolldelay: Untuk mengatur waktu tunda gerakan dalam satuan mili detik.

9. Scrollamount: Untuk mengatur kecepatan gerakan dalam satuan pixel.

10. Loop: untuk mengatur jumlah pengulangan.

Itulah beberapa attributes yang sering digunkan untuk membuat efek marquee atau teks berjalan. Berikut saya akan memberikan beberapa contoh efek marquee:

Contoh 1: Efek teks bergerak bolak-balik secara horizontal

Teks bolak-balik horizontal

Kodenya:

<font face="arial" color="black" size="4"><marquee direction="right" behavior="alternate" direction="right" scrollamount="2" height="20px" scrolldelay="10" bgcolor="orange" width="450px">Teks bolak-balik horizontal</marquee></font>

Contoh 2: Efek teks berjalan bolak-balik secara vertikal:

Teks bolak-balik vertikal

Kodenya:

<font face="verdana" color="yellow" size="4"><marquee direction="up" behavior="alternate" scrollamount="2" height="100px" scrolldelay="10" bgcolor="green" width="450px">Teks bolak-balik vertikal</marquee></font>

Contoh 3: Efek teks berjalan kekanan secara kontinu

Teks Kekanan kontinu

Kodenya:

<font face="times" color="green" size="4"><marquee direction="right" behavior="scroll" scrollamount="3" height="20px" scrolldelay="10" bgcolor="yellow" width="450px">Teks Kekanan kontinu</marquee></font>

Contoh 4: Efek teks berjalan kekiri sekali saja

Berjalan kekiri sekali

Kodenya:

<font face="courier" color="red" size="4"><marquee direction="left" behavior="slide" scrollamount="1" height="20px" scrolldelay="100" bgcolor="blue" width="450px">Berjalan kekiri sekali</marquee></font>

Contoh 5: Efek teks berjalan kekanan tiga kali

Berjalan kekanan tiga kali

Kodenya:

<font face="courier" color="blue" size="4"><marquee direction="right" loop="3" behavior="slide" scrollamount="1" height="20px" scrolldelay="100" bgcolor="red" width="450px">Berjalan kekanan tiga kali</marquee></font>

Contoh 6: Efek Bounce

Efek Bounce

Kodenya:

<font face="comic sans ms" color="orange" size="4"><marquee scrolldelay="10" behavior="alternate" direction="up" width="450px" scrollamount="2" height="100px" bgcolor="black"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="2">Efek Bounce</marquee></marquee></font>


Contoh 7: Teks Berhenti Jika Mouse Menyentuh Daerah Marquee

Teks Berhenti Jika Mouse Menyentuh Daerah Marquee

Silahkan menggeser mouse ke area marquee. Untuk membuat ini hanya perlu menambahkan kode onmouseover="this.stop()" dan onmouseout="this.start()"

Kodenya:

<font face="arial black" color="green" size="4"><marquee behavior="alternate" direction="up" onmouseover="this.stop()" width="450" height="100" onmouseout="this.start()" bgcolor="blue">Teks Berhenti Jika Mouse Menyentuh Daerah Marquee</marquee></font>

Contoh diatas hanya sebagian dari efek marquee, silahkan Anda utak-atik sendiri nilai-nilai pada attributes untuk mendapatkan efek yang Anda inginkan.

Cara memasang efek Marquee pada blog :

Setelah membuat kodenya tinggal meletakkan ke Gadget HTML/Javascript pada blog. Untuk yang belum paham cara menempatkan kode HTML di blog Anda, silahkan anda lihat disini dipostingan saya sebelumnya Menempatkan kode HTML/Javascript pada Blog

Selamat Mencoba...Semoga Sukses...!!

Read more »

Tips Membuat Background Gambar Di Flashdisk Part II (Menggunakan Software)

Setelah kemarin dipostingan sebelumnya telah dibahas bagaimana caranya membuat background gambar di flashdisk, cukup mudah bukan? Tetapi cara tersebut memiliki kelemahan yakni ketika akan mengganti warna icon text pada file. Jika menggunakan cara sebelumnya maka icon text file akan berubah warna menjadi merah, namun jika gambar yang digunakan sebagai background dominan berwarna merah maka icon text akan sulit terlihat karena sama-sama berwarna terang sehingga tidak nyaman untuk dilihat. Sebenarnya hal ini bisa diatasi dengan cara mengganti warna icon textnya dengan kode text warna yang diinginkan, tetapi ini juga yang menjadi permasalahan apa kode warna lain untuk text iconnya? OK misalnya tahu kode warna textnya tapi apakah bisa menghafal kode warna yang sedemikian banyak itu? Masak iya sih untuk mengganti kode warna harus nyari dulu kode warnanya apa? Ini sangatlah tidak praktis dan merepotkan terutama bagi teman-teman yang gemar gonta-ganti background gambar di flashdisknya

Kini untuk membuat background gambar di flashdisk dapat menggunakan bantuan sebauh software. Software ini berukuran relatif kecil hanya sekitar 76 KB penggunannyapun sangat mudah. Dengan mengunakan bantuan software ini, mau merubah background gambar flashdisk sesering mungkin juga tidak masalah atau mengganti warna text iconnya juga sangat mudah, tinggal kilik klik klik klik selesai dech!

Bagi temen-temen yang berminat menggunakan software ini silahkan ikuti langkah-langkah berikut ini:

1. Download dulu Softwarenya disini
2. Setelah didownload letakkan software tersebut di flashdisk(diluar folder)
3. Siapkan sebuah gambar yang akan dijadikan background, letakkan di flashdisk(diluar folder saja untuk memudahkan)
4. Jalankan softwarenya(dobel klik)
5. Akan muncul kotak dialog, pilih "Choose a background picture" lalu klik tombol "Next"(lihat gambar)

6. Pilih gambar yang akan dijadikan background, lalu pilih warna icon text(klik pada kotak warna akan muncul pilihan warna, pilih warna dan klik "OK") Jika sudah klik "Next"

7. Klik "Finish"
8. Refresh flashdisk dan lihat hasilnya

Selamat Mencoba...Semoga Sukses...!!!

Read more »

Mengembalikan File Yang Terhidden Virus

Beberapa waktu yang lalu flashdisk saya terinfeksi virus, nama virusnya apa entah saya lupa. Beruntung Anti Virus di komputer saya berhasil mendeteksi dan membersihkannya, hanya saja semua file-file yang berada dalam folder tiba-tiba menghilang. Awalnya saya mengira file-file tersebut turut terhapus bersamaan dengan virus saat proses scan, tapi kemudian saya coba lihat pada tab properties untuk melihat kapasitas flashdisk yang terpakai, ternyata kapsitas flashdisk masih penuh ini artinya file-file tersebut masih ada dan di hidden oleh virus.

seperti biasa untuk mengembalikan file-file yang terhidden saya menggunakan perintah attrib -s-h pada command prompt. Ternyata cara yang saya gunakan tidak berhasil padahal biasanya selalu berhasil. Beruntung kemudian saya menemukan cara lain yaitu mengunakan script file bat, caranyapun sangat sederhana.

Bagi anda yang mempunyai permasalahan yang sama silahkan mengikuti cara yang saya gunakan berikut ini:

1. Buka notepad


2. Copy paste script kode berikut ini pada notepad
   
   echo off
   echo "Anti Super Hidden"
   echo "Program Sedang Berjalan"
   echo "Silahkan Tunggu......"
   echo "Sambil Menunggu Kunjungi www.emefa.co.cc"
   attrib -s -h *.* /s /d
   echo "Program selesai"
   exit P/ A/ Q
   



3. Simpan dengan nama AntiSuperHide.bat


4. Letakkan file tersebut di drive atau di folder yang anda curigai terdapat file yang terhidden


5. Dobel klik file tersebut untuk menjalankan program. Tunggu beberapa saat hingga proses selesai dan lihat hasilnya

Selamat Mencoba...Semoga Sukses...!!!

Read more »

Cara Membuat Banner Pada Blog

Mungkin anda sering melihat sebuah banner yang dipasang pada sebuah blog. Banner tersebut berfungsi sebagai link pada blog tersebut. Sebagai contoh adalah banner blog ini maaf masih sangat sederhana sekali, silahkan teman-teman buat yang lebih menarik lagi dengan tambahan animasi atau semacamnya.

Agar dapat dengan mudah pengunjung (blogger lain) memasang banner blog kita pada blog mereka, tentu saja kita harus memberikan kemudahan caranya adalah dengan menampilkan kode banner kita sehingga mudah untuk di copas.


<a href="http://www.emefa.co.cc/" target="_blank"><img border="0" = alt="http://www.emefa.co.cc/" width="120" 40/ src="http://i590.photobucket.com/albums/ss349/armiansyah/MyWordsBanner120x40.jpg"/></a>

Untuk membuatnya silahkan teman ikuti langkah berikut ini:

1. Buatlah sebuah banner (bisa menggunakan photosop, corel atau software sejenis)


2. Upload banner yang telah dibuat ke hosting gambar Anda, misal di photobucket.com atau sejenisnya


3. Copy kode berikut ini
   
   <img src="{alamat URL banner}" alt="{alamat URL Blog}" border="0" width="{lebar gambar banner}" height="{tinggi gambar banner}"><br><textarea rows="3"><a href="{alamat URL blog" target="_blank"><img src="{alamat URL banner}" border="0" alt="{alamat URL Blog" width="{lebar gambar banner}" height="{tinggi gambar banner}"></a></textarea>
   


4. Ganti alamat URL blog dengan alamat url blog anda, dan alamat URL banner dengan alamat URL banner yang telah anda uploada tadi

Selamat mencoba...Semoga Sukses...!!!

Read more »