SELAMAT DATANG DI BLOG SIGURUINOVATIF BLOG AS LEARNING MEDIA, TEMPAT BELAJAR MATEMATIKA, COMPUTER DAN SAINS

Selasa, 13 Oktober 2020

AKU PENASARAN SAMA KAMU

 

"Workshop"

pengimbasan rumah belajar melalui  pembuatan blog dan multimedia interaktif  bersama sahabat rumah belajar NTB, telah selesai akan tetapi semangat dari para peserta masih membara, pantang menyerah walaupun banyak hambatan dalam menyelesaikan tugas akhir workshop.

Tugas akhir diberikan bagi para peserta  sebagai syarat  untuk diterbitkannya sertifikat dan juga untuk melihat sejauhmana keberhasilan dari program/workshop yang dilaksanakan. Panitia melakukan pendampingan pada peserta untuk menyelesaikan tugas akhir yang diberikan melalui whatsapp grup. Saking atusiasnya peserta dalam menyelesaikan tugas, tidak sedikit dari peserta yang malahan minta untuk dibimbing langsung, mereka mengaku penasaran dengan media yang mereka buat. “saya harus bisa, saya penasaran” ujar salah seorang peserta yang minta untuk didampingi langsung. Bahkan ada yang bilang “saya gak ngejar sertifikat, saya harus bisa karena ini untuk kepentingan saya kedepannya untuk anak-anak kita”. Sebagai panitia pelaksana tentunya merasa bangga dan bahagia karena apa yang kita perbuat mendapat  sambutan yang baik dari para peserta. Tidak sedikit pula peserta yang minta untuk mengadakan  workshop serupa di sekolah mereka karena merasa tidak puas dengan bimbingan via tatap maya.

 



Carita lucu dari beberapa peserta ibu-ibu, mereka bercerita sampai-sampai lupa masak, karena asik dan penasaran membuat multimedia pembelajaran dengan articulate storyline 3 ini. Luar biasa semangat dari bapak ibu guru peserta untuk bisa menyelesaikan tugas-tugasnya, ada yang sampai datang bimbingan kesekolah padahal jarak sekolah dan tempat tinggal mereka lumayan jauh, katanya demi berguru, mencari ilmunya. Semoga semangat ini terus menyala, berbagi dan menularkan ilmu yang didapat dari pelatihan ke guru-guru lain disekolah masing-masing. Selamat berjuang ibu bapak guru! Semoga  apa yang kita lakukan menjadi amalan yang baik disisi Allah SWT. Amiin

Readmore → AKU PENASARAN SAMA KAMU

Jumat, 09 Oktober 2020

Membuat Read More Pada Blogspot

 Punya postingan artikel yang panjang tentunya akan membuat  tampilan blog menjadi sangat penjang dan tidak enak dilihat. untuk itu kita perlu memasang readmore pada blog kita. nah saya akan berbagi bagaimana cara untuk  membuat read more pada blog secara otomatis.

langkah - langkah membuat read more adalah :

  • Login ke bloger dengan akun anda
  • Pada Dashbor klik templet/TEMA, pilih tomobol sesuaikan , pilih  edit HTML

  • maka kita akan masuk ke halaman edit HTML. Disini kita bisa melakukan penyesuaian/mengedit tema dari blog kita. 

  •  Tekan control + F pada keyboard. carilah code </head> dengan mengetikkannya pada  kotak search lalu tekan Enter pada keyboard

  •  copy dan paste script berikut diatas code </head>

<script type="text/javascript">

var thumbnail_mode = "float" ;

summary_noimg = 275;

summary_img = 275;

img_thumb_height = 120;

img_thumb_width = 120;

</script>

<script type="text/javascript">

//<![CDATA[

function removeHtmlTag(strx,chop){

if(strx.indexOf("<")!=-1)

{

var s = strx.split("<");

for(var i=0;i<s.length;i++){

if(s[i].indexOf(">")!=-1){

s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);

}

}

strx = s.join("");

}

chop = (chop < strx.length-1) ? chop : strx.length-2;

while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;

strx = strx.substring(0,chop-1);

return strx+'...';

}

function createSummaryAndThumb(pID){

var div = document.getElementById(pID);

var imgtag = "";

var img = div.getElementsByTagName("img");

var summ = summary_noimg;

if(img.length>=1) {

imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';

summ = summary_img;

}

var summary = imgtag + '<div>

' + removeHtmlTag(div.innerHTML,summ) + '</div>

';

div.innerHTML = summary;

}

//]]>

</script>


Keterangan untuk kode berwarna merah adalah :

summary_no_img = 275; Jumlah Huruf dengan gambar

summary_img = 275; Jumlah Huruf Tanpa gambar

img_thumb_height = 120; Tinggi gambar

img_thumb_width = 120; Lebar Gambar

  • selanjutnya cari kode  <data:post.body/>  dengan ctrl + F pada keyboard. ganti kode <data:post.body/> dengan  kode dibawah ini :
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<div class='readmore-link'><span class='arrow'>›</span> <a expr:href='data:post.url'>Read More</a></div>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Teks warna merah Read More dapat  diganti dengan kata apa saja misalnya  lanjut membaca. 

 

Readmore → Membuat Read More Pada Blogspot

Kamis, 08 Oktober 2020

WORKSHOP MEDIA PEMBELAJARAN

 WORKSHOP MEDIA PEMBELAJARAN



Pandemi COVID-19 berpengeruh disegala bidang kehidupan, tertuama untuk dunia pendidikan. Adanya pendemi ini membuat kita harus berpikir keras bagaimana agar anak-anak, generasi bangsa ini dapat belajar seperti biasa di masa sulit seperti ini. Sudah beberapa bulan kita tidak bisa mengadakan pembelajaran tatap muka, tidak bisa medidik putra-putri kita, bahkan mungkin kita tidak tau baimana rupa wajah dari siswa baru kita. 

Namun pandemi bukanlah sebuah halangan, kita dapat melakukan pembelajaran jarak jauh dengan tetap dirumah saja melalui daring, ataupun upaya  lainnya. Era berbagi ILMU di Pandemi, tidak membuat kita hanya terpaku pada satu bidang saja. Era berbagi, mencari, membuat dan menerapkan ILMU dari berbagai hal dan masalah. Era tentang Daring, Presentasi, Webinar, dan beberapa metode Virtual Meeting memerlukan komponen yang beragam. Diantara komponennya adalah Media Pembelajaran Interaktif dan Web Blog Pendidikan. 

Bapak Ibu Guru Hebat sekalian, mungkin berpikir, “Apa itu Media Pembelajaran Interaktif dan Web Blog Pendidikan?”

Menjawab pertanyaan tersebut kami Sahabat Rumah Belajar Lombok Timur Nusa Tenggara Barat berkerja sama dengan HIGUMA (Himpunan  Guru Matematika )nakan mengadakan pelatihan /webminar  dengan materi membuat media pembelajaran MPI, dan Blog Pendidikan.

Kegiatan ini akan dibuka langsung oleh:

1. Mohamad Mustari, M.M., M.A., Ph.D (Kepala LPMP Nusa Tenggara Barat)

2. Dr. H. Mashun, M.Ap., M.Pd (Kepala Cabang Dinas Dikbud NTB Wilayah Lombok Timur)

3. Hasto Tyas Suryono, S.Pd (Duta Rumah Belajar Nusa Tenggara Barat)

4. H. L. Saprihadi, S.Pd., M.Pd (Ketua HIGUMA Lombok Timur)

PENASARAN ????

Bagi para guru, orang tua, juga siapapun yang penasaran dan membutuhkan informasi diatas, Silahkan Bergabung pada: 

Hari/tanggal: Selasa-Jumat, 6-9 Oktober 2020

Link Pendaftaran: Daftara Sekarang

Download Rowndown Acara Download

Download Aset Media Download Aset

Download Articulate Storyline 3 Download

Tutorial Instalasi Articulate Storyline 3 Tonton Tutorial


FASILITAS

- E-sertifikat 32 JP

- File Materi


Salam Berbagi Kebaikan bersama Sahabat Rumah Belajar

Berbagi Inovasi Pembelajaran Berbasis TIK Mewujudkan Merdeka Belajar

Merdeka Belajarnya, Rumah Belajar Portalnya, Maju Indonesia

#MerdekaBelajar #NadiemMakarim #PembaTIK2020 #pembatiklevel4 #RumahBelajar #tributetohendriwidiatmoko #guruberbagi #gurupenggerak

Readmore → WORKSHOP MEDIA PEMBELAJARAN

Modul Articulate Storyline 3


Modul dapat didownload pada link berikut : Download MOdul
Readmore → Modul Articulate Storyline 3

Kamis, 24 September 2020

Membagi Postingan Blog Menjadi Beberapa Halaman

Semangat Pagi Sobat Pencari Ilmu! Pastinya sobat sering membuat postingan di blog yang pembahasannnya sangat panjang sehingga ketika ditampilkan dibrowser menjadi sangat panjang, tentunya menjadi sangat tidak elok dilihat. Nah kali ini saya akan berbagi tutorial bagaimana caranya membagi postingan yang pajang menjadi beberapa halaman. Berikut langkah-langkahnya :
  1. Login terlebih dahulu ke dasbor blog anda



  2. Pilih "Tema" pada menu sebelah kiri

  3. Klik sesuaikan, pilih Edit HTML
  4. Tambahkan script berikut diatas kode </body> . untuk mempermudah  mencarinya gunakan CTRL + di keyboard
  5. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script>

    <script style="text/javascript">
    jQuery(document).ready(function(){
    jQuery('.button_1').click(function(){
    jQuery('.content_1').show('slow');
    jQuery('.content_2').hide('slow');
    jQuery('.content_3').hide('slow');
    return false;
    });
    jQuery('.button_2').click(function(){
    jQuery('.content_1').hide('slow');
    jQuery('.content_2').show('slow');
    jQuery('.content_3').hide('slow');
    return false;
    });
    jQuery('.button_3').click(function(){
    jQuery('.content_1').hide('slow');
    jQuery('.content_2').hide('slow');
    jQuery('.content_3').show('slow');
    return false;
    });
    });
    </script>
  6. Buatlah postingan terlebih dahulu, pada halaman postingan pilih mode HTML kemudian bagilah postingan menjadi beberapa bagian dengan menambahkan DIV atau SPAN dengan menambahkan atribut CLASS. contoh script dapat dilhat pada kode berikut :
    <!--to posting page -->
    <div class="content_1">
    DISINI POSTING HALAMAN PERTAMA
    </div>

    <div class="content_2" style="display:none;">
    DISINI POSTING HALAMAN KEDUA
    </div>

    <div class="content_3" style="display:none;">
    DISINI POSTING HALAMAN KETIKA
    </div>
  7. Untuk menampilkan tombol halamanya, masukkan kode dibawah ini pada mode HTML. Paste pada tang </DIV> postingan yang terakhir.
    <!--button on alltutorials html-->
    <div style="font-size: 22px; font-weight: bold;">
    Halaman : <a class="button_1" href="#">
    <img height="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT6CrhEua0GMhbjZTDC5JlW4gjWxFbvUpzgGQNNUsLbcdxqpln34sdnxAyUUBQmk5kV5En_YiRwQdXEvV23FMOAeWFbDpL1yQW9tZfcDEagjYWQAwPcjxso9QHLnZwcVqHqRGd2-iv6tPu/s1600/1.png" title="page posting 1" width="25" /></a>&nbsp;<a class="button_2" href="#"><img height="25" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifxrM9YA3TvRuNg8QjIosUvPpcGIOu5uOnJ2U9e57jQmvaAfOGFHaqen3TRaC-ZHbP8M5BhlQbCHFePq9cSBM1zcypAjCJ1bo96f46BQYpjOYjqtecoVvn7TApvelWm4pc-yRpv-4uS-g6/s1600/2.png" title="page posting 2" width="25" /></a>&nbsp;<a class="button_3" href="#"><img height="25" src="http://4.bp.blogspot.com/-
    x7TFtw7YNK0/VLDn8H_xs3I/AAAAAAAACn0/681_f2L8gOA/s1600/3.png" title="page posting 3" width="25" /></a></div>
Readmore → Membagi Postingan Blog Menjadi Beberapa Halaman