Arsip kelas 3 MA bag B dan A

Silahkan unduh link di bawah...
kls B
file belajr di lab kom

kls A
file belajr di lab kom

Baca Selanjutnya->

Membuat Tulisan berjalan pada blog

Bila Anda ingin mencoba membuat tulisan berjalan ,silahkan ikuti cara di bawah :

1. Kode dasar marquee untuk membuat tulisan berjalan adalah :

<marquee>Ubi Sahubi</marquee>

2. kode loop="angka|-1|infinite" , kode ini untuk melakukan pengaturan proses pengulangan sebuah marquee.
ini kodenya:

<marquee loop="5">Ubi Sahubi</marquee>

3. kode scrolldelay="angka" , kode ini digunakan untuk mengatur waktu delay selama "angka", Jadi bila ingin menunda delay selama 1 detik maka ganti "angka" menjadi 1000, atau bila ingin 0.5 detik maka diganti dengan 500. semakin kecil angkanya maka semakin cepat berjalan ini kodenya :

<marquee scrolldelay="500">Ubi Sahubi</marquee>

4. kode bgcolor="warna" background tulisan berjalan dan "warna" ini dapat diganti tp menggunakan bahasa Inggris yang menyatakan jenis warna misal nya "red" untuk warna merah dll. ini kodenya :

<marquee bgcolor="yellow">Ubi Sahubi</marquee>

5. kode scrollamount="angka" , kode digunakan untuk mengatur kecepatan gerakan tulisan berjalan. Semakin besar "angka" semakin cepat juga gerakannya. ini kodenya :

<marquee scrollamount="10">Ubi Sahubi</marquee>

6. kode direction="left/right/up/down" , digunakan untuk mengatur arah gerakan tulisan yang diinginkan yaitu kekanan (kode pertama) dan kekiri (kode kedua). ini kodenya :

<marquee direction="right">Ubi Sahubi</marquee>
<marquee direction="up">Ubi Sahubi</marquee>

7. kode width="lebar" , ini digunakan untuk mengatur lebar media yang akan menampung marquee
ini kodenya :
<marquee width="50%">Ubi Sahubi</marquee>

8. kode title="pesan" , kode ini digunakan untuk menampilkan suatu pesan jika kursor mouse didekatkan pada jalur teks,ini kodenya :

<marquee title="Ubi Sahubi">MARQUEE berisi pesan tertentu</marquee>

9. kode behavior="scroll/slide/alternate" , yaitu mengatur jenis gerakan,
- Scroll bila ingin text berjalan terus ke salah satu sisi
- Slide bila ingin text berjalan tersendat-sendat
- Alternate bila ingin text berjalan seperti memantul

ini kodenya :

<marquee behavior="scroll">Ubi SahubiI</marquee>
<marquee behavior="slide">Ubi Sahubi</marquee>
<marquee behavior="alternate">Ubi Sahubi</marquee>

10. kode onmouseover="thsi.stop()" onmouseout="this.start()" , kode ini digunakan jika ingin tulisan berhenti bergerak jika ada mouse mengenainya. ini kodenya :

<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">Ubi Sahubi</marquee>

11. Membuat link di tulisan berjalan. ini kodenya :

<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()"><a href="http://caramadia.blogspot.com/2015/08/cara-membuat-tulisan-berjalan-marquee.html">CARA MEMBUAT TULISAN BERJALAN (MARQUEE)</a></marquee>

Cara Apply kode diatas.

a. Memasang kode pada widget
1. Masuk ke menu Tata Letak ( Layout )
2. Klik Tambahkan Gadget
3. Pilih gadget HTML / JavaScript
Masukkan kode marque dan untuk tulisan Ubi Sahubi ganti dengan text yg di inginkan
4. Simpan

b. Memasang kode di postingan ( artikel )
1. Pada bidang postingan, Klik mode HTML
2. Masukkan kode HTML marquee
3. Klik mode Compose untuk kembali melanjutkan postingan lainnya

c. Memasang kode di dalam template
1. lakukan parse kode HTML marquee terlebih dahulu
2. klik menu template di dashboard blogger
3. Edit HTML
4. letakkan kode HTML marquee yang telah diparse pada posisi yang ingin ditampilkan
5. save template

Cara Menambahkan Warna, Ukuran Huruf, Jenis Huruf pada text Berjalan Marquee
Dengan menambahkan beberapa kode lagi maka dilakukan perubahan terhadap jenis huruf, ukuran, maupun warna text berjalan,
Misalnya :

style="font-family:arial; font-size:20px; color:#ffffff;"
font-family:arial; --> kode untuk mengubah huruf menjadi jenis huruf arial
font-size:20px; --> kode untuk mengatur besar huruf
color#ffffff; --> kode untuk mengubah warna huruf

Jadinya kode sperti ini

<marquee bgcolor="blue" style="font-family:arial; font-size:20px; color:#ffffff;">Ubi Sahubi</marquee>

Demikian tutor ini semoga bs di terapkan.

Baca Selanjutnya->