TIPS MEMBUAT SPOILER DAFTAR NILAI SISWA di BLOG

TIPS MEMBUAT SPOILER DAFTAR NILAI SISWA DI BLOG


             Salah satu alternatif bagi ibu/bapak guru yang menginginkan siswa/i atau orang tua/wali siswa dapat mengakses nilai (nilai ulangan harian, uts, ukk, raport dsb) dimana dan kapan saja adala dengan memposting nilai tersebut ke dalam blog milik kita.Akan ada kepuasan tersendiri ketika nilai siswa/i kita ditampilkan di blog.
           Anda tertarik mencoba? monggo disimak langkah-langkahnya:

1. Buatlah Tabel daftar nilai di ms.excel

2. Copy Tabel daftar nilai tersebut ke ms.word

3. Buka dan masuk ke akun blogger Anda

4.  Buat 'Entry baru' dan copy-kan kode HTML  berikut pada tab 'HTML'

<div style="margin-top: 10px;">

<div class="smallfont" style="margin-bottom: 2px;">

<i><b>Spoiler</b></i>: <input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Show" /></div>

<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">

<div style="display: none;">

Isi Spoiler

</div></div></div>

5. Buka dasboard, klik entry baru, copy daftar tabel nilai yang telah disiapkan tadi kemudian pastekan di tab compose lalu klik tab html. Maka setelah meng-KLIK tab html  akan muncul kode tabel daftar nilai yang tadi kita pastekan di tab compose.

5. Nah kemudian Copy kode Tabel Daftar Nilai yang ada pada tab html tadi, lalu pastekan pda kode html yang ada di langkah no 4  (perhatikan tulisan ISI SPOILER yang berwarna merah,tulisan merah itulah yang kita tempa dengan kode tabel daftar nilai).

6. Langkah selanjutnya adalah  Klik Publish. 

7. Lihat blog anda  dan perhatikan hasilnya. 

 Sekedar contoh dapat ibu/bapak lihat DI SINI