Menciptakan Tab Menu atau Navigasi di Blogger

Navigasi atau Baris menu (Menu Bar) adalah sebuah baris yang menyusun beberapa tab. Masing-masing dari Tab bisa me-link ke halaman Posting, halaman static, halaman Label, ke alamat web site yang lain, dsb. Membuat tab navigasi sebenarnya tidak terlalu sulit. Pada tutorial berikut, kita akan menginstall Baris Tab di bawah header.

Langkah 1 : Penambahan ke dalam "Add Gadget"

Menambahkan sebuah Add Gadget di HTML Template kamu

1. Go to Dashboard > Design > Edit HTML

2. Backup dulu HTML template kamu

3. Cari baris berikut atau baris yang ada kemiripan di kode HTML kamu :

    <div id='header-wrapper'>

    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

    <b:widget id='Header1' locked='true' title=Your Blog Title(Header)' type='Header'/>
    </b:section>
    </div>

4. Kemudian kamu paste / taruh Kode HTML berikut tepat dibawahnya

    <!--Navigation page element starts -->
    <div id='navibar-wrapper'> 
    <b:section class='navibar_section' id='navibar_section' showaddelement='yes'/> 
    </div> 
    <div style='clear: both;'/>
    <!--Navigation page element ends -->

Membuat form KALKULATOR di Blog

Sebenarnya kalkulator ini sendiri sudah ada dalam fasilitas windows tapi meskipun begitu tidak salah juga kan kalau kita juga membuat sendiri dan bisa dibuat tambahan di sidebar Blog kita dan hitung-hitung untuk mempercantik desain / sebagai pelengkap Blog kita. Dengan source code yang disertakan dan bisa di copy, Kita bisa utak atik sendiri dengan membuat tampilan yang berbeda. Kurang lebih seperti inilah hasilnya :

Untuk Source code nya bisa dilihat di Text Area berikut :

<style type="text;css"> .calcBtn { font-weight : bold/ width: 32px; height: 32px; } </style> <script language="JavaScript"> function Calculator_OnClick(keyStr) { var resultsField = document.calculator.calcResults; switch (keyStr) { case "0": case "1": case "2": case "3": case "4": case "5": case "6": case "7": case "8": case "9": case "0": case ".": if ((this.lastOp==this.opClear) || (this.lastOp==this.opOperator)) { resultsField.value = keyStr; } else { // ignore extra decimals if ((keyStr!=".") || (resultsField.value.indexOf(".")<0)) { resultsField.value += keyStr; } } this.lastOp = this.opNumber; break; case "*": case "/": case "+": case "-": if (this.lastOp==this.opNumber) this.Calc(); this.evalStr += resultsField.value + keyStr; this.lastOp = this.opOperator; break; case "=": this.Calc(); this.lastOp = this.opClear; break; case "c": resultsField.value = "0"; this.lastOp = this.opClear; break; default: alert("'" + keyStr + "' not recognized."); } } function Calculator_Calc() { var resultsField = document.calculator.calcResults; //alert("eval:"+this.evalStr+resultsField.value); resultsField.value = eval(this.evalStr+resultsField.value); this.evalStr = ""; } function Calculator() { this.evalStr = ""; this.opNumber = 0; this.opOperator = 1; this.opClear = 2; this.lastOp = this.opClear; this.OnClick = Calculator_OnClick; this.Calc = Calculator_Calc; } gCalculator = new Calculator(); </script> <form name="calculator" > <table bgcolor="#FFA500" border="2" cellpadding="4" cellspacing="0" bordercolor="#000000"> <tr> <td> <table border="0" cellpadding="2" cellspacing="0" width="120"> <tr> <td colspan="4"> <input type="text" name="calcResults" value="0" size="20" style="text-align: right" /></td> </tr> <tr> <td><input class="calcBtn" type="button" value=" C " name="calclear" onclick="gCalculator.OnClick('c')" /></td> <td></td> <td> </td> <td><input class="calcBtn" type="button" value=" = " name="calequal" onclick="gCalculator.OnClick('=')" /></td> </tr> <tr> <td><input class="calcBtn" type="button" value=" 7 " name="cal7" onclick="gCalculator.OnClick('7')" ondblclick="gCalculator.OnClick('7')" /></td> <td><input class="calcBtn" type="button" value=" 8 " name="cal8" onclick="gCalculator.OnClick('8')" ondblclick="gCalculator.OnClick('8')" /> </td> <td><input class="calcBtn" type="button" value=" 9 " name="cal9" onclick="gCalculator.OnClick('9')" ondblclick="gCalculator.OnClick('9')" /> </td> <td><input class="calcBtn" type="button" value=" / " name="caldiv" onclick="gCalculator.OnClick('/')" /></td> </tr> <tr> <td><input class="calcBtn" type="button" value=" 4 " name="cal4" onclick="gCalculator.OnClick('4')" ondblclick="gCalculator.OnClick('4')" /> </td> <td><input class="calcBtn" type="button" value=" 5 " name="cal5" onclick="gCalculator.OnClick('5')" ondblclick="gCalculator.OnClick('5')" /> </td> <td><input class="calcBtn" type="button" value=" 6 " name="cal6" onclick="gCalculator.OnClick('6')" ondblclick="gCalculator.OnClick('6')" /> </td> <td><input class="calcBtn" type="button" value=" * " name="calmul" onclick="gCalculator.OnClick('*')" /></td> </tr> <tr> <td><input class="calcBtn" type="button" value=" 1 " name="cal1" onclick="gCalculator.OnClick('1')" ondblclick="gCalculator.OnClick('1')" /> </td> <td><input class="calcBtn" type="button" value=" 2 " name="cal2" onclick="gCalculator.OnClick('2')" ondblclick="gCalculator.OnClick('2')" /> </td> <td><input class="calcBtn" type="button" value=" 3 " name="cal3" onclick="gCalculator.OnClick('3')" ondblclick="gCalculator.OnClick('3')" /> </td> <td><input class="calcBtn" type="button" value=" + " name="calplus" onclick="gCalculator.OnClick('+')" /></td> </tr> <tr> <td> </td> <td><input class="calcBtn" type="button" value=" 0 " name="cal0" onclick="gCalculator.OnClick('0')" ondblclick="gCalculator.OnClick('0')" /> </td> <td><input class="calcBtn" type="button" value=" . " name="caldec" onclick="gCalculator.OnClick('.')" /></td> <td><input class="calcBtn" type="button" value=" - " name="calminus" onclick="gCalculator.OnClick('-')" /></td> </tr> </table></td> </tr> </table></form>

Selamat Mencoba...

EKONOMI TERBATAS BUKAN JADI PENGHALANG PRESTASI

Mungkin ini bisa jadi sumber inspirasi atau contoh bagi para pelajar pada umumnya, meskipun dengan latar belakang ekonomi yang terbatas tapi masih bisa meraih prestasi yang tinggi. Seperti ananda Novi Wulandari dari SMAN 2 Lamongan yang menyabet peringkat 2 nilai tertinggi unas nasional 2012, dengan meraih nilai UN 58,50 untuk enam mata pelajaran jurusan IPA atau rata-rata 9.75. 

Novi sebenarnya berasal dari latar belakang keluarga yang terbilang biasa-biasa saja karena ayahnya bekerja sebagai penjaga toko sepatu di pasar & ibu kandungnya sendiri bekerja sebagai pembantu rumah tangga. novi sendiri sekolah dilingkungan RSBI yang secara umum mayoritas pelajarnya dari kalangan keluarga menengah keatas dan biaya sekolahnya juga cenderung lebih mahal dari sekolah reguler. Sebenarnya dia tergolong anak pendiam & langganan dapat ranking atas di sekolahnya. Berawal dari motivasi dan cita-cita yang cukup tinggi serta ketekunannya dalam belajar disertai dengan rajin beribadah, akhirnya terbukti mampu meraih prestasi yang membanggakan. Pada awalnya memang novi sempat kuatir tidak bisa melanjutkan ke jenjang yang lebih tinggi diakibatkan bayang-bayang biaya kuliah yang cukup tinggi, tapi kini akhirnya malah kebanjiran tawaran dari perguruan tinggi negeri dan yang paling istimewa adalah bebas memilih jurusan dan perguruan tinggi negeri. Subhanallah...
 
Saya yakin masih banyak lagi kisah novi-novi yang lainnya yang tersebar di indonesia dengan latar belakang ekonomi yang terbatas tapi mampu meraih prestasi yang cukup tinggi.. sungguh membanggakan & menginspirasi.

Jadi sebenarnya tidak ada alasan buat para pelajar untuk tidak bisa meraih prestasi yang tinggi hanya gara-gara alasan ekonomi dan yang paling penting punya rasa keinginan kuat serta motivasi & cita-cita yang tinggi, Insya Allah harapannya dapat terkabul seperti kata pepatah " DISITU ADA KEMAUAN, PASTI ADA JALAN". Tapi jangan lupa selain Belajar dengan sungguh-sungguh, Kita juga diwajibkan untuk selalu Berdo'a ... (Ikhtiar & Tawakkal).

QUATTRICK WINNER on 3rd Position

Perlombaan Blog Interaktif Guru dengan mengusung tema membuat media pembelajaran interaktif yang diadakan KPDE Lamongan dalam memperingati hari jadi kota soto yang ke 443 pada hari Kamis 24 mei 2012 kemarin diikuti oleh peserta yang notabene-nya rata-rata menjadi pengajar Teknologi Informasi di sekolah dari berbagai jenjang mulai dari SMP/MTs & SMA/SMK sejumlah 14 Peserta. Acara rutinan tiap tahun ini yang kali ini bertempat di PUSKOM KPDE I Lamongan memang cukup bagus mengingat sekarang ini eranya mau tidak mau harus beralih ke teknologi informasi. Kegiatan ini memang bertujuan paling tidak untuk memotivasi khususnya para pendidik untuk mau belajar & melek terhadap teknologi informasi.

Penilaian dari tim juri yang salah satunya mantan jawara Blog & beberapa dari tim KPDE kali ini memang cukup ketat, mengingat peserta lombanya juga kelihatannya rata-rata sudah cukup familiar dengan dunia Blog. dan informasi hasil pengumuman tim dewan juri melalui website resmi Pemkab Lamongan tanggal 25 mei 2012 menyatakan bahwa ketiga jawaranya adalah :

Membuat Text Area

Text area merupakan area atau tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung. 
Untuk membuat text area, silahkan anda Copy kode di bawah ini : 

<p align="center"><textarea name="code" rows="7" cols="24"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area</textarea></p>

<a href="http://kolom-tutorial.blogspot.com" target="_blank"><img src="http://i162.photobucket.com/albums/t253/rohman24/animasichicklet.gif" border="0" alt="Blog Tutorial" /></a>

Keterangan : 

rows="7", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka " 6 tadi dengan angka yang lebih tinggi nilainya. 
Cols="20", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka " 20 " tadi dengan angka yang lebih tinggi nilainya.

INFO UJIAN KELAS 7 & 8

JADWAL ULANGAN KENAIKAN KELAS 2011-2012

No	Hari / Tanggal	Jam	Waktu	Bidang Studi
1	Senin, 11 Juni  2012	I	07.30 – 09.00	Bahasa Indonesia
		II	09.15 - 10.15	Pend.Agama Islam
2	Selasa, 12 Juni 2012	I	07.30 – 09.00	Matematika
		II	09.15 - 10.15	Bader
3	Rabu, 13 Juni 2012	I	07.30 – 09.00	Bahasa Inggris
		II	09.15 - 10.15	Seni Budaya
4	Kamis, 14 Juni 2012	I	07.30 – 09.00	I P A
		II	09.15 - 10.15	Penjasorkes
5	Jum’at, 15 Juni 2012	I	07.30 – 09.00	IPS
		II	09.15 - 10.15	TIK
6	Sabtu, 16 Juni 2012	I	07.30 – 09.00	PKn
		II	09.15 - 10.15	akuntansi

KOMPOSISI NASKAH ULANGAN KENAIKAN KELAS 2011 - 2012

NO     BIDANG STUDI           WAKTU          JUMLAH SOAL
1         Bahasa Indonesia            90 MENIT       40 PGB 5 UO
2         Pend.Agama Islam          60 MENIT       40 PGB 5 UO
3         Matematika                     90 MENIT       20 PGB 5 UO
4         PKn                                60 MENIT      40 PGB 5 UO
5         Bahasa Inggris                 90 MENIT      40 PGB 5 UO
6         Seni Budaya                    60 MENIT      40 PGB 5 UO
7         I P A( FIS, BIO )           90 MENIT       20 + 20 PGB 3+ 2 UO
8         Penjasorkes                    60 MENIT      40 PGB 5 UO
9         IPS ( Geo,Sej,Eko)         90 MENIT      15,15,15 PGB 2,2,1 UO
10       TIK                                60 MENIT      40 PGB 5 UO
11       Bahasa Jawa                   60 MENIT      40 PGB 5 UO
12       Akuntansi                        60 MENIT      20 PGB 5 UO

sumber : www.mgmpti.com

Membuat Text Berjalan (Marquee)

Marquee merupakan suatu program html untuk membuat teks / tulisan bisa bergerak atau berjalan. Marquee ini bisa dibuat dengan menggunakan tag <Marquee>....</Marquee>.

Atribut yang sering digunakan dalam "marquee" ini adalah :

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 bo) 

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

SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya. 

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

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

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

contoh tulisan berjalannya bisa di lihat di bawah :


Selamat datang di Blog-nya Mr.Fally