Wednesday, June 13, 2012

Cara Membuat Tulisan Berjalan di Blog

Kali ini kita akan belajar cara membuat teks berjalan, bagi yang belum tahu caranya silahkan disimak tulisan berikut. Tulisan atau teks berjalan atau running text biasa disebut marquee, karena untuk membuatnya dengan kode marquee. Tulisan ini bisa diisi dengan berita atau info-info penting yang update atau terbaru.
Kita akan membuat beberapa jenis marquee, agar banyak variasi yang bisa dipilih. Pertama-tama kita belajar membuat kodenya, lalu belajar cara memasang pada blog.

Kode dasar untuk membuat marquee atau teks berjalan adalah....
 <marquee>TULISAN YANG AKAN BERGERAK</marquee>
Kode di atas akan terlihat seperti ini:
  TULISAN YANG AKAN BERGERAK



Tapi selain kode di atas ada beberapa tambahan kode yang bisa anda berikan untuk membuat variasi dari marquee. Di bawah ini kita akan berikan kodenya dan sekaligus mempraktikkan marquee tersebut....

kode scrolldelay="angka" digunakan untuk mengatur jeda dalam milidetik, jadi untuk jeda 1 detik masukkan nilai 1000
Contoh kode marquee:
<marquee scrolldelay="500">RUNNING TEKS DELAY 0,5 DETIK</marquee>
Hasilnya akan terlihat seperti di bawah ini: RUNNING TEKS DELAY 0,5 DETIK



kode loop="angka|-1|infinite" digunakan untuk mengatur pengulangan atau repetisi dari marquee
Contoh:

<marquee loop="3">MARQUEE BEROTASI 3 KALI SAJA</marquee>
Hasilnya akan terlihat seperti di bawah ini:

MARQUEE BEROTASI 3 KALI SAJA

Keterangan: Setelah 3 kali teks akan hilang.



kode width="lebar" digunakan untuk mengatur lebar media teks berjalan, bisa dalam satuan pixel atau persen dari bidang yang ada
Contoh kode:

<marquee width="50%">MARQUEE LEBAR 50 PERSEN</marquee>
Hasilnya akan terlihat seperti di bawah ini:
  MARQUEE LEBAR 50 PERSEN



kode bgcolor="warna" digunakan untuk memberikan warna latar pada marquee jika diperlukan
Contoh kode marquee:

<marquee bgcolor="red">RUNNING TEXT LATAR MERAH</marquee>
Hasilnya akan terlihat seperti di bawah ini:

  RUNNING TEXT LATAR MERAH



kode title="pesan" digunakan untuk memunculkan pesan jika kursor mouse diletakkan di jalur teks berjalan
Contoh kode:

<marquee title="BISA TERBACA PESANNYA">TEKS BERJALAN DENGAN PESAN</marquee>
Hasilnya akan terlihat seperti di bawah ini:

TEKS BERJALAN DENGAN PESAN
Keterangan: Taruh kursor mouse pada jalur dan bukan pada teks untuk membaca pesan



kode scrollamount="angka" digunakan untuk mengatur kecepatan pergerakan tulisan semakin besar angkanya semakin kencang
Contoh kode:

<marquee scrollamount="14">MARQUEE SPEED 14!!!</marquee>
Hasilnya akan terlihat seperti di bawah ini:

MARQUEE SPEED 14!!!



kode direction="left/right/up/down" digunakan untuk mengatur arah pergerakan running text
Contoh kode:

<marquee direction="right">MARQUEE BERGERAK KE KANAN</marquee>
Hasilnya akan terlihat seperti di bawah ini: MARQUEE BERGERAK KE KANAN



kode behavior="scroll/slide/alternate" digunakan untuk mengatur type pergerakan
Scroll jika ingin teks bergerak terus ke suatu sisi dan muncul dari sisi lain
Slide jika ingin teks bergerak sekali kemudian berhenti dan diulangi lagi
Alternate jika ingin teks terlihat memantul/bouncing dari ujung kembali ke ujung.
Contoh kode:

<marquee behavior="alternate">MARQUEE BERGERAK BOLAK-BALIK</marquee>
Hasilnya akan terlihat seperti di bawah ini: MARQUEE BERGERAK BOLAK-BALIK



Sekarang kita akan coba membuat variasi dari kode di atas. Kita akan membuat teks ini bergerak turun dan oleh karena itu kita perlu menambah kode height untuk membuat ruang pergerakan teks;
Contoh kode:

<marquee direction="down" height="100">MARQUEE BERGERAK KE BAWAH</marquee>
Hasilnya seperti ini : MARQUEE BERGERAK KE BAWAH





Lalu bagaimana caranya membuat tulisan ini berhenti jika dilintasi kursor mouse?
Mudah, silahkan tambahkan kode

onmouseover="this.stop()" onmouseout="this.start()"
Contoh kodenya seperti berikut:
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">MARQUEE BERGERAK BOLAK-BALIK</marquee>
Tampilan akhir akan terlihat seperti berikut.  MARQUEE BERGERAK BOLAK-BALIK
Keterangan: Silahkan lintaskan kursor pada jalur ataupun teks untuk menghentikan pergerakan




Bisakah Marquee diberi link? 
Tentu saja, sebagai contoh lihat kode berikut:
<marquee direction="down" height="100" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="4">
<a href="http://trikmudahseo.blogspot.com/2012/09/cara-membuat-tulisan-berjalan-marquee.html">CARA MEMBUAT TULISAN BERJALAN (MARQUEE)</a>
</marquee> 
Tampilan akhir akan terlihat seperti berikut.
CARA MEMBUAT TULISAN BERJALAN (MARQUEE)

Itulah beberapa cara dan variasi untuk membuat teks berjalan. Semoga bermanfaat bagi anda semua. 
 
 


Lalu bagaimana cara memasang kode-kode ini?
Anda bisa memasang kode teks berjalan yang sudah dibuat pada dua tempat, yaitu widget dan artikel:
Untuk memasang pada widget silahkan ikuti langkah berikut:
  • Buka menu Tata Letak / Layout
  • Klik Tambah Gadget
  • Pilih gadget HTML/JAVASCRIPT
  • Masukkan kode yang sudah dibuat
  • Simpan perubahan pada gadget
Untuk memasang pada artikel ikuti langkah berikut:
  • Saat menulis artikel masuk ke mode HTML
  • masukkan kode HTML marquee saat berada di mode ini
  • Kembali ke mode Compose untuk melihat apakah posisi teks sudah benar
  • Klik PRATINJAU untuk melihat versi web aktif
  Cukup sampai di sini dan terimakasih.......  :)

Tuesday, June 12, 2012

RPP SENI BUDAYA SD KELAS III

RENCANA PELAKSANAAN PEMBELAJARAN
( RPP )
Sekolah                         :   ..................................
Mata Pelajaran            :   Seni Budaya dan Keterampilan
Kelas/Semester            :   III/1
Alokasi Waktu             :   2x35 menit
I.            Standar Kompetensi       :
1.      Mengekspresikan diri melalui karya seni rupa
II.            Kompetensi Dasar
1. 2 Mengekspresikan diri melalui gambar imajinatif mengenai diri sendiri.
  
III.            Indikator Pencapaian Kompetensi
  Kognitif: Proses
1.      Mengidentifikasi definisi gambar imajinatif.
2.      Mengidentifikasi contoh-contoh gambar imajinatif.
3.      Mengidentifikasi ciri-ciri gambar imajinatif.
Kognitif: Produk
1.      Menjelaskan definisi gambar imajinatif.
2.      Menyebutkan contoh-contoh gambar imajinatif.
3.      Menyebutkan ciri-ciri gambar imajinatif.
      Psikomotor
1.    Membuat gambar imajinatif mengenai diri sendiri.
 Afektif
1.      Melakukan komunikasi: bertanya dan berpendapat.
2.      Melakukan kerjasama.
3.      Menghargai pendapat orang lain.
4.      Melaksanakan tugas dengan penuh tanggung jawab.
IV. Tujuan Pembelajaran
  Kognitif: Proses
1.      Siswa dapat mengidentifikasi definisi gambar imajinatif.
2.      Siswa mampu mengidentifikasi contoh-contoh gambar imajinatif.
3.      Siswa dapat mengidentifikasi ciri-ciri gambar imajinatif.
Kognitif: Produk
1.      Siswa mampu menjelaskan definisi gambar imajinatif.
2.      Siswa dapat menyebutkan contoh-contoh gambar imajinatif.
3.      Siswa mampu menyebutkan ciri-ciri gambar imajinatif.
      Psikomotor
1.                            Siswa dapat membuat gambar imajinatif mengenai diri sendiri.
  
Afektif
1.      Siswa dapat melakukan komunikasi dengan benar dan santun yang meliputi bertanya dan berpendapat.
2.      Siswa dapat melakukan kerjasama dengan teman sekelompoknya secara baik.
3.      Siswa dapat menghargai pendapat teman dalam kelompok.
4.      Siswa dapat melaksanakan tugas dengan penuh tanggung jawab.
v  Karakter siswa yang diharapkan      : Dapat dipercaya ( Trustworthines),  
  Rasa hormat dan perhatian ( respect ),
  Tekun ( diligence ) ,    Tanggung
   jawab ( responsibility ) Berani (
   courage ), Integritas ( integrity ),
   Peduli ( caring ), Jujur ( fairnes ), cinta 
   lingkungan, cinta tanah air dan
   Kewarganegaraan ( citizenship )
V. Materi Pembelajaran
Gambar Imajinatif
VI. Sumber Pembelajaran, Media, Sumber Rujukan
v  Sumber belajar
-      Pengetahuan awal tentang gambar imajinatif
-      Teman sebaya
-      Buku pelajaran
-      Contoh gambar-gambar imajinatif
v  Media Pembelajaran
-      Gambar imajinatif
-      Buku
-      Alat tulis
-      Papan tulis
-      Ringkasan materi
v  Sumber  Rujukan
Hidayah, Arnie. 2011.  Seni Budaya dan Keterampilan (untuk  SD/MI Semester Ganjil ). Nganjuk : PT Temprina Media Grafika.
VII. Metode Pembelajaran
1.      Model        : Cooperative Learning
2.      Metode     :
  a.  Ceramah
  b.  Diskusi
              c.  Tanya jawab   
              d.  Penugasan
              e.  Demonstrasi
                                                                    
VIII. Kegiatan Pembelajaran
NO
Kegiatan
Kegiatan Pembelajaran
Metode
Alokasi Waktu
1.
Kegiatan Awal
Ø  Guru membuka kegiatan pembelajaran (mengucap salam dan berdoa).
Ceramah
7 menit
Ø  Guru mempresensi kehadiran siswa
Ø  Guru menanyakan kesiapan siswa untuk mengikuti pelajaran.
Ø  Guru membacakan tujuan pembelajaran dengan bahasa yang sederhana dan mudah difahami.
Ø  Guru melaksanakan apersepsi (mengajak siswa menyanyi lagu Indonesia Tanah Air Beta dan menggali pengetahuan siswa denagn melakukan tanya jawab tentang gambar imajinatif).
Tanya jawab
3 menit
2
Kegiatan
Inti
·         EKSPLORASI :
Dalam kegiatan eksplorasi, guru:
o    Siswa diminta untuk membuka buku materi pelajaran yang akan dipelajari.
o    Siswa mempelajari mengenai gambar imajinatif.
o    Siswa diminta untuk mengamati gambar-gambar yang ditunjukkan oleh guru dan diminta untuk mendengarkan penjelasan mengenai gambar tersebut.
Tanya Jawab
10 menit

Ø  ELABORASI
Dalam kegiatan elaborasi, guru:
-        Siswa secara acak diminta untuk maju ke depan menyebutkan ciri-ciri menggambar imajinatif.
-        Siswa dibagi menjadi 4 kelompok yang masing-masing kelompok terdiri dari 6 orang.
-        Setiap kelompok diminta untuk mengerjakan lembar kerja kelompok yang guru berikan dan diminta untuk membuat gambar imajinatif sesuai dengan tema perkelompok secara individu.
-        Guru mengamati diskusi siswa dan mencatat siapa saja siswa yang aktif dan siapa saja yang tidak aktif dalam diskusi serta melihat proses menggambar imajinatif siswa.
-        Setiap kelompok mempresentasikan hasil diskusi kelompoknya secara bergantian di depan kelas.
-        Siswa diminta guru untuk mengumpulkan hasil diskusi kelompoknya dan hasil karya menggambar imajinatifnya.
   Penugasan,
Diskusi,
Demonstrasi,
Ceramah
35 menit


Ø  KONFIRMASI
Dalam kegiatan konfirmasi, guru:
Ø  Siswa diberi kesempatan oleh guru untuk bertanya jika ada materi yang belum dipahami.
Ø  Guru bersama siswa bertanya jawab meluruskan kesalahan pemahaman, memberikan penguatan  dan penyimpulan. Siswa diminta untuk mengerjakan lembar kerja siswa dan dibahas pada pertemuan berikutnya secara bersama-sama serta membawa kertas gambar, pensil2B, dan Sepidol.
Tanya Jawab,
Penugasan
5 Menit
3
Kegiatan Penutup
Ø  Guru mamberikan penghargaan kepada kelompok yang bagus dalam mengerjakan lembar tugas kelompok maupun dalam presentasi. Penghargaan ini dapat diberikan dalam bentuk pujian dan tepuk tangan dari seluruh siswa – siswa di kelas.
Ceramah
10 menit
Ø  Siswa dan guru bertanya jawab tentang materi yang telah dipelajari selama pertemuan itu untuk mengetahui pencapaian Indikator Pencapaian Kompetensi dan Kompetensi Dasar.
Ø  Siswa dan guru membuat kesimpulan materi yang telah dipelajari.
Ø  Guru mengadakan refleksi dengan mengajak siswa-siswa bernyanyi lagu Dari Sabang Sampai Merauke.
Ø  Guru menunjuk ketua kelas untuk memimpin doa.
Ø  Guru mengakhiri pembelajaran dengan mengucapkan salam.
IX. Penialaian
  Aspek yang dinilai
-    Aspek afektif (sikap)
Komponen yang dinilai meliputi keberanian, kejujuran, kerjasama, keaktifan, kemampuan mengkomunikasikan hasil kegiatan, dan kepedulian pada lingkungan. Penilaian dilakukan saat siswa melakukan berdiskusi, dan melaporkan hasil praktikum.
-    Aspek psikomotorik
Komponen yang dinilai meliputi ketepatan memilih bahan, keterampilan menggunakan peralatan, dan membuat gambar. Penilaian ini dilakukan saat siswa melakukan kegiatan menggambar.
  Bentuk penilaian
a.     Tes tertulis; soal-soal uji kompetensi dalam bentuk uraian atau pilihan berganda dan   lisan.
b.    Unjuk kerja : melakukan kegiatan mewarnai patung.
c.     Produk (hasil kerja) : gambar dua dimensi.
   Penilaian dilaksanakan selama proses dan sesudah pembelajaran   
Indikator Pencapaian
Kompetensi
Penilaian
Teknik Penilaian
Bentuk Instrumen
Instrumen/ Soal
·        membuat gambar imajinatif mengenai diri sendiri.
·        mewarnai gambar wajahnya sendiri.
Praktek
Praktek
Buatkan gambar imajinatif mengenai diri sendiri.

FORMAT KRITERIA PENILAIAN      
&  Produk ( hasil diskusi )
No.
Aspek
Kriteria
Skor
1.
Konsep
* semua benar
* sebagian besar benar
* sebagian kecil benar
* semua salah
4
3
2
1
&  Performansi
No.
Aspek
Kriteria
Skor
1.
2.
Praktek
Sikap
* aktif  Praktek
* kadang-kadang aktif
* tidak aktif
* Sikap
* kadang-kadang Sikap
* tidak Sikap
4
2
1
4
2
1
&  LEMBAR PENILAIAN
No
Nama Siswa
Performan
Produk
Jumlah
Skor
Nilai
Pengetahuan
Sikap
1.
2.
3.
4.
5.







  
CATATAN :
  Nilai = ( Jumlah skor : jumlah skor maksimal ) X 10.
@ Untuk siswa yang tidak memenuhi syarat penilaian KKM maka diadakan Remedial.
                                                                                     
         Mengetahui                                                           Gresik, 22 Juli 2013                    
         Kepala Sekolah                                                     Guru Mapel SBK


          ..................................                                            ..................................
          NIP/NIK :                                                            NIP/NIK :