CARA MEMBUAT TULISAN BERJALAN (MARQUEE)

Sering kali kita melihat running text / teks berjalan baik itu di layar bawah TV atau media media lainnya yang semata-mata untuk maksud mengarahkan pusat perhatian ke arahnya. Dalam dunia blog dikenal dengan nama Marquee, Karena menggunakan kode bahasa HTML marquee.

Banyak model tulisan berjalan dari "bahan" marquee yang dapat kita buat dengan sangat mudah, Karena memang sudah disediakan oleh bahasa HTML itu sendiri.

Nah, bila Anda ingin mencoba membuat tulisan berjalan maka silahkan simak caranya berikut :

1.  Kode dasar marquee untuk membuat tulisan berjalan adalah :

<marquee>TULISAN BERJALAN</marquee>

Hasilnya  :

 
TULISAN BERJALAN

kode di atas merupakan bentuk kode dasar, Diperlukan tambahan kode lain jika menginginkan variasi gerak lainnya dari sebuah marquee.


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

contoh perintah kode marquee :

<marquee loop="5">MARQUEE AKAN BERPUTAR 5 KALI LALU MENGHILANG</marquee>

Hasilnya : 

 MARQUEE AKAN BERPUTAR 5 KALI LALU MENGHILANG

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.

Contoh perintah marquee : 
<marquee scrolldelay="500">TEKS BERJALAN DAN DELAY SELAMA 0.5 DET</marquee>
hasilnya :

 TEKS BERJALAN DAN DELAY SELAMA 0.5 DET

4.  kode bgcolor="warna" , kode ini digunakan untuk mengatur warna background tulisan berjalan. "warna" dapat diganti menggunakan bahasa Inggris yang menyatakan jenis warna 

Contoh perintahnya :
<marquee bgcolor="yellow">TEXT DENGAN BACKGROUND KUNING</marquee> 

hasilnya : 

 TEXT DENGAN BACKGROUND KUNING

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

contoh perintah :
<marquee scrollamount="10">Kecepatan Tulisan berjalan 10</marquee>
hasilnya :

 Kecepatan Tulisan berjalan 10

6. kode direction="left/right/up/down" , kode ini digunakan untuk mengatur arah gerakan tulisan yang diinginkan.

contoh perintah :
<marquee direction="right">TEKS BERJALAN KE KANAN</marquee>
<marquee direction="up">TEKS BERJALAN KE ATAS</marquee> 
hasilnya :

 TEKS BERJALAN KE KANANTEKS BERJALAN KE ATAS

7.  kode width="lebar" , kode ini digunakan untuk mengatur lebar media yang akan menampung marquee

contoh perintah : 
<marquee width="50%">LEBAR MEDIA 50 %</marquee>
hasilnya : 

 LEBAR MEDIA 50 %

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

contoh perintah :
<marquee title="PESAN DI SINI">MARQUEE berisi pesan tertentu</marquee>
hasilnya :

 MARQUEE berisi pesan tertentu

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

contoh perintah : 
<marquee behavior="scroll">MARQUEE BERGERAK KE SISI</marquee>
<marquee behavior="slide">MARQUEE BERGERAK TERSENDAT</marquee>
<marquee behavior="alternate">MARQUEE MEMANTUL</marquee>
hasilnya :

 MARQUEE BERGERAK KE SISIMARQUEE BERGERAK TERSENDATMARQUEE MEMANTUL

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

contoh perintah :
<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">TULISAN BOLAK BALIK</marquee>
 hasilnya :

 TULISAN BOLAK BALIK

11. Membuat link di tulisan berjalan
<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 MEMBUAT TULISAN BERJALAN (MARQUEE)

Cara Memasang Kode Marquee di Blog

Setelah mengetahui model - model penerapan kode marquee, Maka langkah selanjutnya ialah mengetahui cara memasangnya di blog. Ada dua jenis tempat yang digunakan untuk memasang kode tersebut, yaitu pada widget dan di dalam postingan. Penjelasannya berikut :

1. memasang kode di widget

• Masuk ke menu Tata Letak ( Layout )
• Klik Tambahkan Gadget
• Pilih gadget HTML / JavaScript
• Masukkan kode marque yang ingin dibuat pada bidang konten
• Simpan

2. memasang kode di postingan ( artikel )

• Pada bidang postingan, Klik mode HTML
• Masukkan kode HTML marquee
• Klik mode Compose untuk kembali melanjutkan postingan lainnya

3. memasang kode di dalam template 

• lakukan parse kode HTML marquee terlebih dahulu
• klik menu template di dashboard blogger
• klik Edit HTML
• letakkan kode HTML marquee yang telah diparse pada posisi yang ingin ditampilkan
• save template

Cara Menambahkan Warna, Ukuran Huruf, Jenis Huruf pada Tulisan Berjalan Marquee

Dengan menambahkan beberapa kode lagi maka dilakukan perubahan terhadap jenis huruf, ukuran, maupun warna teks berjalan,

Misalnya kode :
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

contoh :

<marquee bgcolor="blue" style="font-family:arial; font-size:20px; color:#ffffff;">TEKS BERJALAN WARNA LATAR BIRU</marquee>
hasilnya : 

 TEKS BERJALAN WARNA LATAR BIRU

Nah, itulah cara membuat tulisan berjalan (marquee), model di atas hanyalah sebagai contoh, masih banyak model marquee yang bisa dibuat sesuai dengan kreatifitas Anda.

Semoga dapat memberikan manfaat, Salam sukses

Baca Selengkapnya

Cara Mudah Membuat Slide Show Foto di Blog

Sebuah halaman blog yang tidak ada sentuhan foto atau gambar akan terasa membosankan. Jika sudah bosan, maka pengunjung blog tidak akan lama bertahan. Bukan hanya sebagai pernak-pernik, sebuah foto juga bisa memberikan kesan tersendiri. Orang akan lebih hafal dengan gambar daripada tulisan. 

Sekarang, kita akan belajar untuk membuat slide show, yaitu foto-foto yang ditampilkan secara bergantian dengan otomatis. Slide show bisa digunakan untuk menampilkan banyak foto tanpa menyita banyak space. Karena foto akan diputar layaknya sebuah video, sehingga lebih menarik dan hemat tempat.

Slide show bisa digunakan untuk menampilkan foto liburan yang banyak, atau memajang foto-foto produk untuk toko online. Cara untuk membuat slide show ini sangat mudah, tidak perlu pintar photoshop atau flash. Kita tinggal menyiapkan foto yang sudah diupload (dihosting). Kita bisa memanfaatkan post blogger, Picasa, Photobucket, dan lain-lain.

Cara Mudah Membuat Slide Show Foto di Blog
1. Login ke blogger
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<script src='http://yourjavascript.com/53816065231/Database5.js' type='text/javascript'></script>
<script type="text/javascript" src="http://yourjavascript.com/65160840132/cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#content-slider').cycle({
fx: 'fade'
});
});
</script>
<style type="text/css">
#content-slider {
   position: relative;
   width: 100%;
   height: 250px;
   overflow: hidden;
   margin:0 auto;
}
#content-slider img {
   display: block;
   width: 100%;
   height: 250px;
}
</style>
<div id="content-slider">
<img src="URL Foto 1" />
<img src="URL Foto 2" />
<img src="URL Foto 3" />
<img src="URL Foto 4" />
</div>

5. Ganti URL Foto 1 dengan URL foto yang sudah dihost (upload)
6. Kita bisa juga menyesuaikan tinggi foto (height) dan lebarnya.
7. Kita bisa menambahkan atau menampilkan foto lebih banyak lagi dengan menambahkan kode sama seperti <img src="URL Foto 4" /> dan seterusnya.
7. Simpan jika sudah selesai.

Baca Selengkapnya

TATA UPACARA DI SEKOLAH

Sekolah wajib mengadakan Upacara Bendera, baik itu Upacara Penaikan maupun Penurunan Bendera. Dasar hukum diadakannya Upacara Bendera di sekolah, yakni Pancasila, UUD 1945 (tentang Sistem Pendidikan Nasional) dan Inpres No. 14 tahun 1981 (tentang Urutan Upacara Bendera).

Maksud dan Tujuan Upacara Bendera

Pelaksanaan Upacara Bendera ini tentunya memiliki maksud dan tujuan, diantaranya:

1. Untuk memperolah suasana yang khidmat, tertib, dan menuntut pemusatan perhatian dari seluruh peserta, maka disusunlah petunjuk pelaksanaan kegiatan ini.
2. Menjadikan sekolah memiliki situasi yang dinamis dalam segala aspek kehidupan bagi para siswa, guru, pembina dan kepala sekolah. Sehingga sekolah memiliki daya kemampuan dan ketangguhan terhadap gangguan-gangguan negatif baik dari dalam maupun luar sekolah, yang akan dapat mengganggu kelancaran proses belajar mengajar di sekolah.

Dalam Upacara Bendera terdapat beberapa jabatan, seperti:

a. Pembina Upacara
b. Pemimpin Upacara
c. Pengatur Upacara
d. Pembawa Upacara

Sedangkan untuk petugasnya adalah:

a. Pembawa naskah Pancasila
b. Pembaca Teks Pembukaan Undang-Undang Dasar 1945
c. Pembaca Do’a
d. Pemimpin Lagu
e. Kelompok Pengibar / Penurun Bendera
f. Kelompok Pembawa Lagu
g. Cadangan tiap perangkat

Beberapa perlengkapan yang harus disiapkan sebelum dilaksanakan upacara bendera adalah sebagai berikut:

a. Bendera Merah Putih, dengan ukuran perbandingan 2 : 3, ukuran terbesar 2 X 3 meter dan ukuran terkecil 1 X 1,5 meter.
b. Tiang Bendera, dengan tinggi minimal 5 meter maksimal 17 meter, untuk perbandingan bendera dengan tiang adalah 1 : 5.
c. Tali Bendera, diusahakan tali yang digunakan adalah tali layar dan bukan tali plastik.
d. Naskah-naskah, seperti naskah Pancasila, Naskah Pembukaan Undang-Undang Dasar 1945, Naskah Janji Siswa, Naskah Do’a dan Naskah Susunan Acara.

Tata Upacara Bendera atau Susunan Upacara Bendera di Sekolah sudah diatur oleh pemerintah, yang disebut Tata Upacara Sekolah (TUS). Tata Upacara tersebut diatur dalam buku Petunjuk Pelaksanaan Upacara Bendera di Sekolah Tahun 1997 (Depdiknas) susunan upacara tersusun sebagai berikut:

Acara Pokok Upacara Sekolah

1. Pembina Upacara memasuki lapangan upacara
2. Penghormatan Umum
3. Laporan Pemimpin Upacara
4. Pengibaran Bendera Sang Merah Putih
5. Mengheningkan Cipta
6. Pembacaan Teks Pembukaan UUD 1945
7. Pembacaan Teks Pancasila
8. Amanat Pembina Upacara
9. Pembacaan Doa
10. Laporan Pemimpin Upacara
11. Penghormatan Umum
12. Pembina Upacara meninggalkan lapangan upacara
13. Upacara selesai, barisan dibubarkan
14. Penghormatan kepada Pemimpin Upacara

Pelaksanaan pacara Bendera di Sekolah ini biasanya diadakan setiap hari senin untuk Upacara Pengibaran Bendera (Penaikan Bendera) dan hari sabtu untuk Upacara Penurunan Bendera (bagi sekolah yang melaksanakan).

Baca Selengkapnya

PENTINGNYA GURU DI KANTIN

Banyak guru enggan kumpul-kumpul dengan murid-muridnya di kantin dengan alasan capek, sibuk, dan malas. Sejatinya, banyak manfaat jika guru mau kumpul-kumpul dengan murid-muridnya di kantin, yakni:

1. Bisa mengontrol omongan anak-anak yang cenderung jorok saat di kantin. Adanya guru bisa bikin mereka sungkan.

2. Bisa mengontrol jenis jajanan yang dibeli anak-anak. Guru bisa mengarahkan anak-anak agar membeli jajanan yang sehat atau higienis.

3. Bisa mengingatkan anak-anak jika waktunya habis. Mereka tidak lagi terlambat masuk kelas.

4. Bisa mencegah potensi terjadinya kenakalan anak. Saat istirahat adalah saat paling rawan terjadinya perkelahian dan lain-lain.

5. Bisa makin mengakrabkan anak-anak dengan gurunya. Biasanya anak-anak malu bertanya kepada gurunya jika di kelas karena ada teman-teman.

Jadi, sebaiknya guru-guru justru kumpul-kumpul dengan anak-anak saat istirahat. Jangan cuma duduk di ruang guru. Kan malah asyik bisa ngobrol sambil ngemil bareng anak-anak.

Baca Selengkapnya

Cara Membuat Fanspage Facebook Melayang

Kali ini saya akan share gimana Cara Membuat Fanspage Facebook Melayang Di Blog Terbaru, silahkan ikuti tutorial langkah langkah berikut lengkap beserta gambarnya buat anda yang ingin memasang like box fans page fb melayang pada blogspot.

Cara Membuat Lika Fan Page Facebook Di Blogger Secara Float :

1. Bikin pop up Fanspage FB seperti diatas yaitu dengan cara masuk menu Layout atau Tata Letak dan klik Tambahkan gadget

2. Kemudian klik tombol tambah pada HTML/Javascript

3. Setelah itu masukkan semua kode berikut ke dalam kotak konten :

<!-- Script by: http://www.irpanansyari.web.id/ -->
<style type='text/css'>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
#twitterx {
background: #EEF9FD;
padding: 10px;
text-align:center;
border: 1px solid #C7DBE2;
border-top: 0;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"}, 1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>
<!-- HTML Start -->
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/ansyariirpan?ref=hl&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
</center>
<!-- HTML End -->
<a class='close' href='#'>&times;</a>
<p style=" float:right; margin-right:35px; font-size:10px;" >Powered By <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://www.facebook.com/irpanansyari/">Facebook</a> and <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://www.irpanansyari.web.id/2017/01/cara-membuat-fanspage-facebook-melayang.html">Get This Widget</a></p>
</div>

#Ganti tulisan warna merah dengan alamat fanspage facebook anda

Jika sudah anda bisa langsung klik Simpan..

4. Terakhir klik tombol Simpan setelan.. Selesai

6. Berikut adalah tampilan blog yang berhasil dipasang like box fanspage facebook keren yang melayang saat awal membuka blog :

Nah itulah bagaimana cara membuat fanspage facebook melayang di blog dengan mudah dan cepat.

Silahkan dicoba

Baca Selengkapnya

Membuat Judul blog bergerak dengan script

Membuat Judul blog bergerak adalah salah satu cara untuk membuat blog anda menjadi terlihat lebih menarik. Nah, selain itu judul blog bergerak ini pun memiliki fungsi lain, mungkin anda memiliki sebuah blog yang judul blognya panjang, judul blog bergerak ini merupakan salah satu alternatif agar judul blog anda yang panjang terbaca. Oiya, judul blog yang dimaksud ini adalah nama blog anda. Untuk melihat contohnya, judul blog saya adalah CERDAS, CERMAT, HEBAT

Hanya dengan mengubah sedikit kode html template, judul blog bergerak pun jadi. Untuk gerakannya, judul blog bergerak ini satu jenis dengan marquee. Yaitu bergerak dari kanan ke kiri. Okedeh, tanpa basa-basi lagi silahkan lihat bagaimana cara Membuat Judul blog bergerak di bawah ini.

1. Masuk ke blogger.com dan login menggunakan akun blog anda
2. Masuk pada halaman Template
3. Klik Edit HTML lalu Lanjutkan
4. Cari kode <title><data:blog.pageTitle/></title>, untuk mempermudah pencarian gunakan CTRL + F
5. Jika kode tersebut sudah ditemukan, ganti kode tersebut dengan kode di bawah ini:
   

   <b:include data='blog' name='all-head-content'/>
   
   <script language='JavaScript'>
   var txt="<data:blog.pageTitle/> - ";
   var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
   txt=txt.substring(1,txt.length)+txt.charAt(0);
   segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
   </script>

   - tulisan berwarna merah adalah kode dari kecepatan gerakan judul blog. Jadi bisa diganti sesuai dengan keinginan.
   - tulisan berwarna biru adalah kode otomatis dari judul blog. Nah, bisa diganti dengan mengganti kode berwarna biru tersebut dengan judul yang diinginkan
6. Sebelum anda simpan, silahkan klik Pratinjau terlebih dahulu agar judul blog berjalan sesuai dengan keinginan
7. Jika sudah pas dan sesuai dengan keinginan silahkan klik Simpan Template

Bagaimana ? sederhana kan untuk membuat judul blog bergerak? Saya pamit dulu, sampai jumpa.

Baca Selengkapnya

Perbedaan UN dan USBN serta Jadwal Pelaksanaan Tahun 2017

Kemendikbud tetap menerapkan pelaksanaan Ujian Nasional (UN) pada tahun pelajaran 2016/2017. Selain UN, Kementerian Pendidikan dan Kebudayaan (Kemendikbud) juga meningkatkan mutu ujian sekolah (US) dengan konsep ujian sekolah berstandar nasional (USBN).

“Ujian Nasional tetap dilaksanakan di tahun 2017. Kita juga tingkatkan mutu ujian sekolah dengan Ujian Sekolah Berstandar Nasional (USBN) untuk beberapa mata pelajaran,” ujar Mendikbud Muhadjir Effendy saat rapat koordinasi dengan dinas pendidikan se-Indonesia di Kantor Kemendikbud, Jakarta, Kamis (22 Desember 2016).

Perbedaan UN dengan USBN 2017

Perbedaan UN dengan USBN antara lain terletak pada proses pembuatan soal.

Soal-soal untuk UN akan dibuat oleh pusat (Kemendikbud) berdasarkan kisi-kisi yang dikeluarkan Badan Standar Nasional Pendidikan (BSNP).

Untuk USBN, soal-soalnya dibuat oleh guru-guru sekolah yang tergabung dalam Musyawarah Guru Mata Pelajaran (MGMP) dan Kelompok Kerja Guru (KKG) sebagai organisasi profesi.

Soal-soal pada USBN akan dibuat dengan perpaduan antara soal yang dibuat guru dan soal jangkar dari pusat sebesar 20 sampai dengan 25 persen.

Ketua BSNP, Erica Laconi mengatakan, penyelenggaraan UN tahun 2017 mengacu pada Peraturan Pemerintah Nomor 13 Tahun 2015, sehingga UN tidak digunakan untuk syarat kelulusan dari satuan pendidikan. BSNP akan segera mengeluarkan Prosedur Operasi Standar (POS) Pelaksanaan UN tahun 2017.

Untuk mapel UN tingkat SMP pada tahun 2017 tidak berbeda dengan tahun sebelumnya. UN tingkat SMP akan menguji mapel Matematika, Bahasa Indonesia, Bahasa Inggris, dan IPA. Kemudian mapel yang akan diujikan dalam USBN tingkat SMP adalah Pendidikan Agama, PPKN, dan IPS.

Berikut jadwal lengkapnya untuk tingkap SMP/MTs, SMA/MA, SMK :

Demikian tentang perbedaan antara UN dengan USBN dan jadwalnya. Semoga bermanfaat.

Baca Selengkapnya

Cara Membuat TTS (Teka-Teki Silang) dengan Eclipse Crossword Free Software

EclipseCrossword, software gratis dan mudah digunakan untuk membuat TTS

Jika anda guru, pastinya anda pernah meninggalkan tugas anda mengajar karena keperluan penting dan mendadak. Beberapa guru suka memberikan tugas kepada siswa, bila ia tidak ingin merepotkan guru lain. Sayangnya tugas yang diberikan kurang menarik, misalnya mencatat atau membuat resume. Nah, kenapa bapak atau ibu guru mencoba memberi tugas yang sifatnya santai, menarik, tetapi tetap membuat siswa belajar? Diberi tugas dalam bentuk TTS atau teka-teki silang misalnya. Repot membuatnya? Tidak sama sekali. Cukup waktu 10 menit untuk membuat dan 10 menit untuk print TTS maka siswa anda yang ditinggalkan mungkin tidak akan cemberut kepada anda. Nah, oleh karena itu Cerdas, Cermat, Hebat kali ini ingin membagi cara mudah dan cepat membuat TTS (teka teki silang) dengan menggunakan software gratis (free software) yang bernama EclipseCrossword.

Download dan Install Software Pembuat Teka-Teki Silang (TTS) EclipseCrossword

#1. Sebelum dapat menmbuat TTS dengan software ini, tentu Bapak atau Ibu guru harus mendownloadnya terlebih dahulu. Jangan khawatir, software ini gratis (free) dan ukurannya sangat kecil (hanya 572 kb). Download Free Software EclipseCrossword.

Download Free Software EclipseCrossword

#2. Setelah file exe software gratis ini didownload, maka lanjutkan dengan menginstalnya di komputer Bapak / Ibu guru dengan melakukan double klik (di klik dua kali). 

#3. Selanjutnya akan muncul jendela Pop Up Security Warning seperti gambar berikut. Silakan klik Run. Dalam waktu beberapa detik, program EclipseCrossword telah terinstal di komputer/laptop anda dan siap digunakan. 

Install EclipseCrossword di komputer anda

Cara Membuat TTS (Teka-Teka Silang) dengan Software Gratis EclipseCrossword

#1. Buka aplikasi gratis ini dengan mengkliknya pada menu Start --> All Programs --> EclipseCrossword di pojok kiri bawah layar windows anda. Perhatikan gambar berikut. 

#2. Akan terbuka program EclipseCrossword dengan tampilan seperti gambar berikut. Pilih I would like to start a new crossword. Lalu klik tombol Next di bagian bawah sebelah kanan. Perhatikan gambar berikut.

#3. Berikutnya anda akan dialihkan ke halaman berikut (lihat gambar). Silakan pilih Let me create a word list from scratch now, lalu klik tombol Next. Perhatikan gambar berikut

#4. Akan muncul halaman berikut:

#5. Ketik jawaban yang anda inginkan -->  ketik soal/petunjuk/clue--> klik tombol Add word to list. Ulangi proses ini sampai anda mempunyai semua kata yang anda inginkan masuk di dalam teka-teki silang anda. Tips: Masukkan kata-kata dengan jumlah huruf bervariasi. Gunakan istilah-istilah khusus dalam mata pelajaran yang Bapak/Ibu ajarkan. Tidak ada batasan jumlah kata, tetapi sebaiknya cukup banyak untuk membuat TTS anda terlihat bagus dan rapat (kata-kata saling bersilang).

#6. Setelah anda mengklik tombol Next, maka anda akan dibawa pada jendela Pop Up Save Word List. --> Beri nama file daftar kata anda (dalam ekstensi file  .ewl) --> klik Save. Perhatikan gambar berikut.

#7.Setelah anda menyimpan file berekstensi .ewl tersebut maka aknan muncul kembali halaman program Eclipse Crossword yang meminta anda menamai atau memberi judul Teka-Teka Silang (TTS) anda --> tulis judul/nama TTS anda --> klik tombol Next. Perhatikan gambar berikut.

#8. Setelah itu akan muncul halaman untuk anda menentukan ukuran TTS (teka teki silang). Secara default ukurannya adalah tinggi 25 huruf dan lebar 25 huruf. Tetapi anda dapat menyesuaikannya berdasarkan selera anda. Perhatikan gambar, pada contoh ini saya mengetik 20 x 20. Lalu klik tombol Next.

#9. Akan muncul halaman berikut. (Perhatikan gambar di bawah). Bila dibutuhkan, anda dapat terlebih dulu melakukan pengaturan tambahan melalui menu Option di bawah layar. Lalu klik tombol Next.

#10. Akan muncul halaman berikut. Lihat gambar.

#11. Untuk memudahkan pencetakan (print) tugas siswa, saya sarankan anda memilih menu Save as a web page. Lalu pilih Empty grid and clues.

#12. Akan muncul jendela Pop Up untuk anda menyimpan file TTS anda dalam bentuk html file. File html ini dapat anda buka dengan browser Mozilla Firefox, Internet Explorer, Google Chrome, Opera, dsb. Dari browser inilah anda akan memprint dokumen dan melakukan pengaturan pencetakan dengan mudah.

Contoh TTS yang telah dibuat:

  

Catatan Tambahan:

• Anda dapat membuat file TTS sebagai file interaktif di komputer anda, dapat digunakan dengan bantuan In Focus untuk menampilkannya di layar saat anda mengajar di kelas (pilih menu Interactive with JavaScript).
• Bila anda menguasai sedikit pengaturan html, maka anda dapat menerbitkan TTS anda di blog pribadi anda.
• Banyak kelebihan lain software gratis EclipseCrossword ini yang belum sempat dituliskan di artikel ini, coba dan eksplorasi sendiri.

Demikian tutorial cara cepat dan mudah membuat TTS (teka teki silang) dengan software gratis EclipseCrossword untuk siswa anda dari blog Cerdas, Cermat, Hebat Semoga bermanfaat. Salam.

Baca Selengkapnya