Wednesday, 22 November 2017

cara membuat menu di blogspot

        Saya adalah blogger pemula dengan pengetahuan yang bisa dibilang nol, hanya bermodal browsing di google dan mempraktikkan beberapa informasi yang saya dapat. Terkadang gagal dalam mempraktikkannya, dan terkadang pun berhasil. Saat gagal dalam praktik terkadang ada rasa malas untuk mengetahui hal baru ini, akan tetapi karena rasa penasaran, saya terus berusaha sampai ketemu apa yang apa yang saya cari.
       Menu membuat tampilan blog kita menjadi lebih menarik, selain itu menu juga sebagai klasifikasi postingan atau tautan yang kita buat. banyak sekali cara untuk membuat menu, ada yang menggunakan setelan bawaan blog, ada juga yang membuat sendiri dengan edit html, dan menggunakan kode css. menu pun banyak macamnya tergantung dengan selera masing-masing, ada yang menggunakan dropdown menu yang menampilakan sub menu dan sub sub menu, ada juga yang hanya menggunakan menu standar tanpa adanya menu dropdown, ada pula yang menggunakan menu dropdown seperti yang ada di blog ini.
            Dari beberapa yang saya baca, entah dari internet atau dari buku-buku. Menurut saya ada 3 membuat menu di blogspot. Cara-cara ini sangat cocok bagi pemula seperti saya:


1. Dengan tambah laman/page

menambahkan menu dengan cara ini bisa dikatakan cara yang paling mudah karena hanya menggunakan tamplete bawaan dari blogspot saja. akan tetapi ada kelemahannya, yaitu kita tidak bisa menggunakan dropdown menu, hanya bisa buat menu vertikal saja. walupun masih terbatas tapi ya masih menarik hehehehe.
a.   Anda masuk pada blog anda
b.   Pilih tata letak, kemudian tambah gadjet yang berada di atas postingan seperti di bawah ini 
tata letak

c.  Ketika anda sudah melakukan langkah b maka akan muncul jendela seperti ini, pilihlah laman/page
menampilkan menu page blog

d.   Pilihlah tambahkan tautan eksternal
menambahkan halaman blog

e.   Isi lah halaman judul dengan menu yang anda inginkan, untuk alamat web isi dengan url blog. Saya memberi saran agar anda menggunakan url label saja karena semua tautan anda yang mempunyai label sama akan secara otomatis masuk pada menu tadi, kalau anda hanya menggunakan url blog maka anda masih akan memasukkan tautan anda secara manual. Untuk mendapatkan alamat url label anda bisa lihat di postingan blog anda, di sisi paling bawah ada label, klik kanan nama label dan Copy Link location dan pastekan di alamat web tadi, kemudian klik simpan. Selesai, anda bisa lihat blog anda 
Menambahkan Laman Blog


2. Menggunakan Javascript/HTML

Langkahnya hampir sama, pilih tata letak, kemudian tambah gedjet akan tetapi kali ini tambahkan HTML/Java Script dan pastekan kode di bawah ini pada konten, dan biarkan biarkan judulnya kosong. menambahkan menu dengan cara ini juga tidak bisa untuk dropdown, kalaupun bisa harus menambahkan lagi kode css. nurut saya malah agak ribet.


menambahkan java sript

<div id="nyoba">

<ul>
<li><a href="url blog "><span>Home</span></a></li>
<li><a href="url label "><span>nama Menu 1</span></a></li>
<li><a href="url label "><span>nama Menu 2</span></a></li>
<li><a href="url label "><span>nama Menu 3</span></a></li>
</ul>
</div>

Keterangan, silahkan ganti yang berwarna merah.
url blog : url blog anda contoh “http://example.blogspot.com”
url label : url label blog anda yang cara mencarinya sudah ada di atas tadi 
hal ini dimaksudkan agar postingan yang anda labelnya langsung secara otomatis ke menu.
Untuk menambah menu, silahkan copy saja

3. Dengan Edit HTML 

cara ini bisa dibilang cara yang paling sempurna karena kita bisa membuat menu sesuka hati kita, mau menu vertikal atau dropdown bisa kita buat, tinggal menyesuaikan selera saja.
membuat dropdown menu di letakkan di atas script ini.
caranya
a. masuk blog
b. klik tema atau lay out
c. edit html dan cari kode berikut <div class='main-outer'> atau <div id='main-wrapper'> atau <div id='main'> atau div class='main-outer'>. karena setiap blog mempunyai kode yang berbeda-beda, cari yang sesuai dengan blog mili anda. untuk memudahkan pencarian klik di tengah html dan Ctrl F masukkan salah satu kode dan letakkan di atasnya. 

<style>
/* -- Menu Horizontal + Sub Menu-- */
#cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;}
#cat-nav a { color:#eee; text-decoration:none; text-shadow: #033148 0px 1px 0px;border-right:1px solid #156994;}
#cat-nav a:hover { color:#fff; }
#cat-nav li:hover { background:#000; }
#cat-nav a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#fff; text-shadow:none;}
#cat-nav .nav-description { display:block; }
#cat-nav a:hover span { color:#fff; }
#secnav, #secnav ul { position:relative; z-index:100; margin:0; padding:0; list-style:none; line-height:1; background:#0d5e88; }
#secnav a { font-family:Georgia, &quot;Times New Roman&quot;, Times, serif; font-style:italic; font-weight:700; font-size:14px; display:block; z-index:100; padding:0 15px; line-height:35px; text-decoration:none;}
#secnav li { float:left; width: auto; height:35px;}
#secnav li ul  { position: absolute; left: -999em; width: 200px; top:35px}
#secnav li ul li  { height:30px; border-top:1px solid #fff; }
#secnav li ul li a  { font-family:Verdana, Geneva, sans-serif; width:180px; line-height:30px; padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#eee; }
#secnav li ul ul  { margin: -30px 0 0 180px; }
#secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; }
#secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }
#secnav li:hover,#secnav li.hover  { position:static; }
#cat-nav #secnav {width:100%;margin:0 auto;}
</style>
<div id='cat-nav'>
<ul class='fl' id='secnav'>
<li><a href='https://solusisimpatikaemis.blogspot.com/'>Beranda</a></li>
<li><a href='url anda '>Daftar isi</a></li>
<li><a href='#'>menu 1</a>
<ul id='sub-custom-nav'>
<li><a href='url anda'>sub menu 1</a></li>
<li><a href='url anda'>sub menu 2</a></li>
<li><a href='url anda'>sub menu 3</a></li>
</ul>
  </li>
<li><a href='#'>menu 2</a>
<ul id='sub-custom-nav'>
<li><a href='url anda'>sub menu 1</a></li>
<li><a href='url anda'>sub menu 2</a></li>
<li><a href='url anda'>sub menu 3</a></li>
</ul>
  </li>
<li><a href='url anda'>Menu 3</a></li>
<li><a href='#'>About</a>
<ul id='sub-custom-nav'>
<li><a href='#'>Contak</a></li>
<li><a href='#'>Privacy Police</a></li>
<li><a href='#'>Disclaimer</a></li>
</ul>
  </li>
</ul>
</div>

silahkan anda ganti url anda. 
terima kasih telah berkunjung

Tuesday, 21 November 2017

Mengatur Jadwal Mingguan di Simpatika

Hasil Setting Jadwal


Mengatur jadwal mingguan di simpatika merupakan salah satu hal wajib dilakukan oleh Satuan Pendidikan yang berada di bawah naungan kemenag. kesalahan kecil dalam melakukan entri jadwal akan berakibat pada hasil cetak skmt (s29a) dan skbk (s29d). di dalam jadwal ini akan ditampilakn nama mata pelajaran, guru, dan NUPTK. di sini saya akan mencoba membahas mulai dari awal hingga akhir tentang pengaturan jadwal.

Langkah-langkah Mengatur Jadwal 


1. Menetapkan Kurikulum
    Menetapkan kurikulum juga harus dilakukan sebelum pengaturan jadwal. ini seperti halnya pembuatan jadwal yang harus didasarkan pada kurikulum yang dibuat.
Caranya masuk lewat Akun admin/ Kepala Madrasah, pilih menu sekolah kemudian jadwal maka akan nampak dasbor jadwal yang berisi kalender akedemik, jadwal kelas dan pengaturan, pilih pengaturan KELOLA KURIKULUM TINGKAT maka akan jendela seperti di bawah ini, tinggal menyesuaikan kurikulum yang digunakan pada sekolah.

pilihan kurikulum


2. Sinkronisasi Mata Pelajaran 
Sinkronisasi mata pelajaran diwajibkan untuk menjadikan suatu pelajaran menjadi pelajaran yang diakui sebagai mata pelajaran nasional. silahkan KLIK di dasbor sekolah kemudian pilih KURIKULUM.
dasbor memilih sinkronisasi mapel


setelah itu akan ada tampilan seperti di bawah ini. sinkronisasi dilakukan untuk kurikulum KTSP dan K13, untuk memilih mata pelajaran dengan kurikulum yang di sinkronisasi bisa anda lakukan dengan klik tombol yang saya kasih tanda nomor 1, setelah anda menentukan mata pelajaran di di kurikulum apa yang ada sinkronisasi, ceklist semua mata pelajaran kemudian kli tombol Sinkronisasi seperti pada tombol yang saya kasih tanda no 2. selesai untuk sinkronisasi mata pelajaran.
sinkronisasi mata pelajaran

3. Setting Pengaturan Jadwal 
setting dibuat untuk membuat kerangka dasar pembuatan dasar mengentri jadwal pelajaran, di dalamnya terdapat Durasi Waktu Tiap Pelajaran, Jumlah Jam Pelajaran Perhari dan Hari Libur. caranya anda pilih jadwal, Kelola Model Jadwal Untuk Kelas, dan Buat Model Baru
pengaturan jadwal


maka akan tampil pengaturan jadwal, isikan nama model sesuai keinginan anda, saran saya isikan yang mudah untuk diingat. waktu mulai silahkan isi dengan waktu mulainya jam pelajaran pertama, jumlah jam perhari pilih jumlah jam yang sesuai dan untuk durasi perjam silahkan sesuaikan dengan tingkat sekolah, untuk MI 35 Menit, Mts 40 Menit, MA 45 menit kemudian simpan 


Pengaturan jadwal lanjutan

anda sudah membuat bagian dasar dari pengaturan jadwal, akan tetapi masih belum selesai. anda pun harus menambahkan kegiatan-kegiatan atau istirahat di dalam jadwal, cara nya sebagai berikut : 
contoh jadwal jadi
klik Belajar mengajar kemudian akan tampil seperti ini, dan anda tinggal memilih kegiatan yang ada disekolah anda.
edit jadwal kelas

4. Entri Jadwal

langkah terakhir adalah entri jadwal atau memasukkan jadwal di simpatika, klik jadwal, >> lihat jadwal mingguan maka akan ada pilihan kelas, silahkan klik maka akan ada pilihan kelas yang akan anda masukkan jadwal
daftar kelas


setelah anda melakukan langkah tersebut, sekarang silahkan anda pilih model jadwal yang telah anda buat di setting pengaturan jadwal di atas. dengan cara klik tanda gear maka akan ada pilihannya. 


langkah terakhir adalah memasukkan mata pelajaran ke jadwal, silahkan klik tanda tambah. 


anda tinggal mengisinya dengan cara berikut 
memasukkan mapel ke jadwal


1 : mata pelajaran di isi dengan mata pelajaran yang sesuai dengan hari dan waktu pelaksanaannya
2 : durasi jam pelajaran contoh 2 jam tatap muka maka saya isi dengan klik 2 
3 : guru pengajar diisi dengan guru yang mengajar pelajaran mata pelajaran yang dipilih di no 1


terimakasih telah berkunjung , semoga bermanfaat

Monday, 20 November 2017

Promes K13 Al Quran Hadits Kelas 2


              Promes atau kepanjangannya adalah Progam semester merupakan penjabaran dari Prota yang berisi jadwal Pencapaian dalam satu semester. Promes merupakan rumusan kegiatan belajar mengajar guru untuk satu semester dibuat berdasarkan alokasi waktu yang tersedia yang disesuaikan dengan jumlah pokok bahasan dan ulangan pada semester tersebut. Secara garis besar seorang guru wajib membuat promes karena sangat penting untuk merancang kegiatan sesuai alokasi waktu yang ada demi keefektifan Proses pembelajaran untuk mencapai tujuan suatu mata pelajaran tersebut.
untuk postingan saya yang pertama saya akan menyajikan promes k13 fiqih kelas 2, mungkin bisa digunakan sebagai acuan. di bawah ini adalah priviewnya. kalau ingin mendownload silahkan download di sini download promes k13 alquran hadits kelas 2

Contoh Promes

 terima kasih telah berkunjung semoga bermanfaat