<p style='text-align: justify; text-indent: 0.5in;margin-bottom: 5px;'>--parangraf, kata awal menjorok kedalam--</p>
text-align : left (rata kiri), right (rata kanan), center (rata tengah), atau justify (rata kanan dan kiri).
tooltip : data-placement="top/bottom/left/right" data-toggle="tooltip" title="Text pada Tooltip Atas"
hp only : @media screen and (max-width:768px){div#PopularPosts1 {display: none}} leptop only : @media screen and (min-width:769px){div#PopularPosts1 {display: none}} <img class="featured lazy" alt="nama img"
foto BG Merah:: #db1514 Biru: #0b00a3 X:#7FB51A XI:#FFAA00 XII:#dd0000 <a href=”##” rel=”nofollow noreferrer noopener”> <img src="#" alt="judul gambar"/>
<svg style='width:24px;height:24px;margin: 0px 0px 0px 0px;' viewBox='0 0 24 24'><path d='##' fill='#1DA1F2'/></svg>
scrol : <div style='height:350px;width:auto;overflow-x: auto;overflow-x: hidden;'>----isi---</div>
<img style="display:none" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpda7GuGzqmnghyQA7RIFVPFeS26LWKikvJv3rPDDM4JPkXI0RyywV6itU4kLMSSnKl8ynVoW5MDPPP4noGjDqrZSNAkiSRhSIxx0K4z1yjZU415ZLrhKaMCdDk8XxHBGpZQe6-uYPpMWg/s320/X.jpg"/>
Spasi : enter : <br> dan : & Animasi : TBlink/tblink/mbul/wer/ style="color:#f5c85b;"
"https://kasursejarah.blogspot.com/2021/01/coming-soon-kasursejarah.html" target="_blank" style="text-decoration: none;"
<img style="display: none" src="#LInk Gambar"/>
<p style="display: none">145 Karakter Snipet</p>
<span> style="color:#...."<span/>
<style> #example1 {border: 1px} .say<style>
<div id="example1" class="say">
no garis n warna biru : style="text-decoration: none; color: #fff;" background: #000000 url(#);
<div style="text-align:center;">kalimat di kasur sejarh center</div>
<div style="text-align:left;">kalimat di kasur sejarh left</div>
<div style="text-align:right;">kalimat di kasur sejarh right</div>
<div style="text-align:justify;">kalimat di kasur sejarh justify </div>
<!--Note-->
<div class='note'>...ISI DENGAN CATATAN...</div>
<div class='note yellow'>...ISI DENGAN CATATAN...</div>
<div class='note red'>...ISI DENGAN CATATAN...</div>
<blockquote style='font-family:Courier New' >
<!--blokuots kotak--> <blockquote><span style="color: #3d85c6;">Kesimpulan: </span>tinggalan yang tidak penting</blockquote>
<div id="kecil" style="width:100%">
<div class="pengumuman">
<h4>DAFTAR ULANG 2021</h4>
<p>Untuk melakukan pengisian daftar ulang Sipakan dokumen berikut :</p>
<p>1. KK</p>
<p>2. Akte Kelahiran</p>
<p>3. Ijazah / SKL</p>
<p>Untuk mengisi <a href="https://kasursejarah.blogspot.com/">Klik disini</a></p>
<p><b>Diterbitkan pada: 2020-06-28</b></p>
<p><b>Oleh: MAN Kasur Sejarah</b></p>
</div> </div>
<style>
#kecil{padding:15px;background:#fff;border:1px solid #dcdcdc;margin-bottom:20px;border-radius:5px}.pengumuman{background:#ffecec;padding:15px;color:#5b5b5b;border:1px dashed #5b5b5b}.pengumuman p{padding:0;margin:0}.pengumuman h4{background:url(https://blogger.googleusercontent.com/img/proxy/AVvXsEiMUPELGSL4x4gCcq6JoL5_C-rZeQNBIYdwLYO08fu_3rVHiF2rd956pOVAp9vFu2vzZYG-pAMP7iNvma5QgwcQoeB7B-k7v0OqI6u9VUXKNv1EnaiB3dwVbSsd7NJ2K5Nb4RwxhDe4v5ef7HUQ7rFtQ2TmH5hTtyyQfuH_zRyij2Wzrbs=s0-d) no-repeat left center;min-height:50px;padding:14px 0 0 55px;margin:0;border-bottom:2px dashed #8c000d;text-shadow:0 1px #fff;font-size:20px;font-weight:700}</style>
<!--Auto Hide Header-->
<script> var prevScrollpos = window.pageYOffset; window.onscroll = function() { var currentScrollPos = window.pageYOffset; if (prevScrollpos > currentScrollPos) { document.getElementById("menuhead").style.top = "0";} else { document.getElementById("menuhead").style.top = "-70px"; } prevScrollpos = currentScrollPos; }
</script> <style>#menuhead{box-sizing: border-box; -webkit-transition: top 0.7s;-moz-transition: top 0.7s;transition: top 0.7s;}</style>
<!--poplazy--><div class='pops'><div class='pop'><div class="separator" style="clear: both;"><a href="#" style="display: block; padding: 1em 0; text-align: center; margin-bottom: -36px; margin-top: -10px; "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIzFiwJPrcw_p54tDfKPVIfJyOjx3ypUktDod4M_P68MTaOXcVwe-R6Ku8XPJ_c8whfjrUig1TBbMsd_TNFoYZkx31d7Xr_rniTtkG2QVYBNhsSxCDTU2i21XavKQItY51O9Lt0IyVpYGi/s72/ezgif-4-32d29631952c.gif"/></a></div><center><center><b>Aku Pelajar,<br/>Tugas utamaku adalah BELAJAR</b></center><a class="bn tbl" onclick="gtr(50) ; generate()" id="btn"><i class="fa fa-sign-in tblink" aria-hidden="true"></i> Login </a><a id ="do" class="close bn tbl" style="display:none"><i class="fa fa-check-square-o tblink" aria-hidden="true"></i> Mulai </a></center></div><div class="puter"><b>Klik </b><button class="ref" onClick="reloadThePage()"><i class="fa fa-cog fa-spin"></i> Refresh</button> jika this page <b>Not Responding</b></div></div>
<!--anti select--><style type="text/css">body{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}</style>
<!--Download-->
UU Nomor 24 [<a href="https://docs.google.com/uc?export=download&id=#######" target="_blank"><b>Download</b></a>]
<!--Pasword-->
<center><div id="cre"><div class="aba100"><div class="aha"><b>Masukkan Password</b> <br> untuk Membaca Halaman ini !</div><input class="xyz" id="xxx" onkeydown="if (event.keyCode == 13) verify()" placeholder="*****" type="text" /><br /><input class="but" id="button" onclick="verify()" type="button" value="Login" /></div></div></center><div class="hidden" id="HID"><!--isi-->
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkAvIer-OhyphenhyphenqkOeuYciTV1bx_L10gI5C5o4D5YQRD6aFIv207WJkI6zGVxsvtuUXWzMKdbJZ8x6ilJREAHW_eSaht_lrcl7AiBUy-9ueMynZaQ12RU7iw7eSbXoeF2LJUOwldhpki1gcb-/s200/Kasurrsejaaraah+comingsoon.jpg"/>
<!--isi--></div><script>function verify(){if(document.getElementById('xxx').value==='xxx'){document.getElementById('HID').classList.remove("hidden");document.getElementById('cre').classList.add("hidden");}else{alert('Kata Sandi Salah!');password.setSelectionRange(0,password.value.length);} return false;}</script>
<!--Overly Jaknot-->
<div class="homcat"><div class="cont"><ul style='margin-bottom: 0rem' class="pl">
<li><div class="plc pl_"><a href="#"><img class="hs" src="https://emodul.kemdikbud.go.id/A-Pkn-8/files/thumb/1.jpg"></a></div></li>
<li><div class="plc pl_"><a href="#"><img class="hs" src="https://emodul.kemdikbud.go.id/A-BId-4/files/thumb/1.jpg"></a></div></li>
<li><div class="plc pl_"><a href="#"><img class="hs" src="https://emodul.kemdikbud.go.id/A-BId-3/files/thumb/1.jpg"></a></div></li>
<li><div class="plc pl_"><a href="#"><img class="hs" src="https://emodul.kemdikbud.go.id/A-IPS-6/files/thumb/1.jpg"></a></div></li>
<li><div class="plc pl_"><a href="#"><img class="hs" src="https://emodul.kemdikbud.go.id/A-Pkn-5/files/thumb/1.jpg"></a></div></li>
<li><div class="plc pl_"><a href="#"><img class="hs" src="https://emodul.kemdikbud.go.id/A-BId-7/files/thumb/1.jpg"></a></div></li>
<li><div class="plc pl_"><a href="#"><img class="hs" src="https://emodul.kemdikbud.go.id/A-IPS-6/files/thumb/1.jpg"></a></div></li>
</ul></div></div>
podcast mp3 : https://drive.google.com/file/d/XXXXXXXXXXXXXXXXXX/view?usp=sharing
<audio controls="" style="width:100%" autoplay="">
<source src="http://docs.google.com/uc?export=open&id=0B0GRVvnH21RdT3MwQ3lzN3Vjdnc" type="audio/mp3">
</audio>
conten vidio/gif :
<video style='width: auto; max-width: 100%; height: auto;' autoplay="" loop="" muted="" playsinline=""><source src="http://content.bitsontherun.com/videos/bkaovAYt-52qL9xLP.mp4" type="video/mp4" /></video>
<video width="340" autoplay muted="" controls loop poster="http://content.bitsontherun.com/thumbs/bkaovAYt-320.jpg"><source src="http://content.bitsontherun.com/videos/bkaovAYt-52qL9xLP.mp4" type="video/mp4" /> <!--jika auto play hapus controls dan tambah muted="" hapus control nanti gk ada kontrol dan poster di hapus-->
<!--iklan Lepi aja kiri-->
<div class="bn_skin bn_skin1" id='skn1'><div class="skin3">
<a href="#" target="_blank"><img style='margin-bottom: -7px;' src="https://newrevive.detik.com/images/faa98788f70448d6493c7d448a8071bf.jpg" width="160" height="600" border="0"></a>
<a onclick='document.getElementById('skn1').style.display = 'none';' style='cursor:pointer;'><center><img class='wer' style='margin-bottom: 20px;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjP7EbJys1T2hbgDWrL6E6GQ67YCZl5HpSr9qnUVjdTLFgoh-SppM6w08fg8n1PDrRqyh1AAuv2b3xq1rzRexW78WJDqr1Bxa_Vn7DOgYf7HqcZN_Fid1wZ4EUMFO2Sfls20K3D-MihUx1/s1600/btn_close.gif'/></center></a>
</div></div>
<!--iklan Lepi aja kanan-->
<div class="bn_skin bn_skin2" id='skn2'><div class="skin3">
<a href="#" target="_blank"><img style='margin-bottom: -7px;' src="https://newrevive.detik.com/images/bb2616709977a0c12dc7ac1e24342999.jpg" width="160" height="600" alt="" title="" border="0"></a>
<a onclick='document.getElementById('skn2').style.display = 'none';' style='cursor:pointer;'><center><img class='wer' style='margin-bottom: 20px;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjP7EbJys1T2hbgDWrL6E6GQ67YCZl5HpSr9qnUVjdTLFgoh-SppM6w08fg8n1PDrRqyh1AAuv2b3xq1rzRexW78WJDqr1Bxa_Vn7DOgYf7HqcZN_Fid1wZ4EUMFO2Sfls20K3D-MihUx1/s1600/btn_close.gif'/></center></a>
</div></div>
<!--[ iklan atas fixed ada ]-->
<input class='safin hidden' id='safin' type='checkbox'/><div class='saf'><label class='safclose' for='safin'></label>
<div class='safcontent'><!--isi-->
<p style='margin:0px 16px 3px 16px;font-style:italic'><b>"kasursejarah"</b> adalah salah media pembelajaran online khusus materi sejarah nomor 1 untuk siswa Indonesia. klik aja di google kasursejarah (tanpa sapasi ya)</p>
<img src="https://aldiunanto.com/wp-content/uploads/2016/03/banner2.jpg" class="header-image" width="1024" height="252" alt="kasursejarah"/>
<!--end--></div></div>
<!--[ iklan bawah fixed ada]-->
<input class='saf2in hidden' id='saf2in' type='checkbox'/><div class='saf2'><label class='saf2close' for='saf2in'></label>
<div class='saf2content'><!--isi-->
<video width="340" autoplay muted="" controls loop poster="http://content.bitsontherun.com/thumbs/bkaovAYt-320.jpg"><source src="http://content.bitsontherun.com/videos/bkaovAYt-52qL9xLP.mp4" type="video/mp4" /> <!--jika auto play hapus controls dan tambah muted="" hapus control nanti gk ada kontrol dan poster di hapus-->
</video><!--end--></div></div>
<!--iklan kiri hp--><div id='ikkiri' class='sticky-kiri loncat2'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl4FsK-PY9s_zSHkctoNC7l1wRdfT43pifxeJSocckdWtXdxAVsDS921ri86drN10TJS_A5cn0mAS-97z689AceKmqDDS9vSta_HDK488E_kHdUlX58jHw49pDM_hIBSp9u2_aDuforamU/s320/Iklan+kiri+fixed.png' alt="" /><div><a id='close-ikkiri' onclick='document.getElementById('ikkiri').style.display = 'none';' style='cursor:pointer;'><center><img class='wer' alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjP7EbJys1T2hbgDWrL6E6GQ67YCZl5HpSr9qnUVjdTLFgoh-SppM6w08fg8n1PDrRqyh1AAuv2b3xq1rzRexW78WJDqr1Bxa_Vn7DOgYf7HqcZN_Fid1wZ4EUMFO2Sfls20K3D-MihUx1/s1600/btn_close.gif' title='close button'/></center></a></div></div>
<!--iklan kanan hp--><div id='ikkana' class='sticky-kanan loncat2'>
<div ><a href='https://adminkasursejarah.blogspot.com/p/form-kontak-kasursejarah.html'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3KxpRwWmWCsBaFr1W5AyBNCXP8iratgoer7HE91yukOinWuisNtiCANNC4HKLJX-8PGAD1wLYqORBiyFCrq_fxf10BQ37ttLibbOophm0urtV4i9rKp-5RnCvfaQgGb-cubSKRgixZy15/s657/Kanan-Fixed.png'/></a></div><div><a id='close-ikkana' onclick='document.getElementById('ikkana').style.display = 'none';' style='cursor:pointer;'><center><img class='wer' alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjP7EbJys1T2hbgDWrL6E6GQ67YCZl5HpSr9qnUVjdTLFgoh-SppM6w08fg8n1PDrRqyh1AAuv2b3xq1rzRexW78WJDqr1Bxa_Vn7DOgYf7HqcZN_Fid1wZ4EUMFO2Sfls20K3D-MihUx1/s1600/btn_close.gif' title='close button'/></center></a></div></div>
<!--baca juga-->
<div class="bacajuga"><div class="title"><span class="TBlink">Baca Juga !</span></div><ul>
<li><a href="#">Buku Panduan KPPS Pilkada Tahun 2020</a></li>
<li><a href="#">Download File Bener, meja kpps, TPS 1 Ds Jotosanur</a></li>
<li><a href="#">DPT TPS 001 Ds Jotosanur Pilkada 2020</a></li>
</ul></div>
<!--Spoiler Jawaban-->
<div style="text-align: center;"><div class="button-spoiler"><input value="Lihat Kunci Jawaban" 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 = ' Sembunyikan '; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Lihat Kunci Jawaban'; }" type="button"></div>
<div class="spoiler"><div style="display: none;"><div style="text-align: left; padding: 10px; border: 3px inset #333; font-size: small;">Jawaban : A</div></div></div></div>
<!--Komentar--><center><br/><a href="https://adminkasursejarah.blogspot.com/p/form-kontak-kasursejarah.html" target="_blank" style="text-decoration: none"><b><span class="kom"> Buka Komentar</span></b></a></center><br/><!--end-->
<!--Tabel Jurnal-->
<table border="1">
<tbody><tr><th colspan="3" style="text-align: center;" width="100%"><b>Materi Agustus</b></th></tr>
<tr><td width="9%" style="text-align: center;">1</td>
<td><a href="##">Konsep Dasar ILmu Sejarah Konsep Dasar ILmu Sejarah Konsep Dasar ILmu ILmu ILmu</a></td></tr>
<tr><td width="9%" style="text-align: center;">2</td>
<td><a href="##">Konsep Dasar ILmu Sejarah Konsep Dasar ILmu Sejarah Konsep Dasar ILmu ILmu ILmu</a></td></tr>
<tr><td width="9%" style="text-align: center;">3</td>
<td><a href="##">Konsep Dasar ILmu Sejarah Konsep Dasar ILmu Sejarah Konsep Dasar ILmu ILmu ILmu</a></td></tr>
<tr><td width="9%" style="text-align: center;">4</td>
<td><a href="##">Konsep Dasar ILmu Sejarah Konsep Dasar ILmu Sejarah Konsep Dasar ILmu ILmu ILmu</a></td></tr>
</tbody></table>
<hr class="dashed" >
Begrond modal + pading = + mbpd ( <div class="modal-content mbpd"> )
Begrond modal No pading = + mbpd0 ( <div class="modal-content mbpd0"> )
Cara Embed Dokumen: BUka link Drive : /view? jadi /preview {Exel : /edit#gid=628387620 mjadi /preview}
<!--file drive no klik-->
<div class="drive-responsive">
<!--isi file embed/ifrem-->
</div>
PPT--------::::
<iframe allowfullscreen="true" frameborder="0" height="390" src="https://docs.google.com/presentation/d/e/2PACX-1vRBdCVsFQ4qF7njPM383KW1tBayvhrrNeSKR4PGFOtnsdWWJUw4TUa37GlLwO36JQ/embed?start=false&loop=false&delayms=3000" width="100%"></iframe>
Pdf/Word/Exel--------::::
<iframe allowfullscreen="" frameborder="0" height="550" src="https://drive.google.com/file/d/1SwCJyDZNLqFdcH6D5s9HkfojSXjJ4RlC/preview" width="100%"></iframe>
Google Form-----------::::
<iframe class="mbpd0" allowfullscreen="" frameborder="0" height="550" src="https://docs.google.com/forms/d/e/1FAIpQLSdLRr7B-nDpzuhyRPIevEl8HLm2TvsVrwkLDy7Di6m8--Kc8Q/viewform" width="100%"></iframe>
Sheet--------::::
<div style="text-align: left;">Hasil dari Absensi (reload jika ingin melihat hasilnya ) <a href="url halaman">RELOAD</a></div>
<iframe width="100%" height="550px" allowfullscreen="" frameborder="0" scrolling="yes" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQn8IDFe7aZekTeN9kPReKvVp2rL__dQpRPJute7-iDkJq-5wXPNT8FQGBnH9cdHxXxrAQsgWzLamrX/pubhtml?gid=1187679868&single=true&widget=false&chrome=false" ></iframe>
<!--triger modal-->< data-toggle="modal" href="#h1" >
<!--Modal---------------------------------------------------------->
<div class="modal fade" id="h1" role="dialog" role="dialog" aria-hidden="true" data-keyboard="false" data-backdrop="static">
<div class="modal-dialog modal-lg"><div class="modal-content">
<div class="modal-footer"><button class="btn btn-secondary" data-dismiss="modal">Close</button>
<div class="modal-body"><!--isi-->
<!----></div><div class="modal-footer"><button class="btn btn-secondary" data-dismiss="modal">Close</button></div></div></div></div></div>
modal devinisi :
Mereka menganngap
<a href="#exampleModalLong" data-toggle="modal">imperialisme</a>
<div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" > <div class="modal-dialog" role="document"> <div class="modal-content"><div class="modal-body"> imperialisme adalah suatu sistem yang dikerjakan asing dalam menjajah sebuah bangsa
</div><div class="modal-footer"><button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button></div></div></div></div>
adalah sebuah egiatan yang melanggar
<!--Mode Ujian 580px--><style>.breadcrumbs{display:none}.widget-content{display:none}div#banner{display:none}.post-share{display:none}div#comments{display:none}aside#sidebar-right{display:none}.comments-line{display:none}.menu{display:none}footer#footer-wrapper{display:none}.post-footer{display:none}div#banner3{display:none}h2.post-title.entry-title{display:none}nav#mocmenu{display:none}div#outer-wrapper{display:contents}div#main-wrapper{display:contents}a#comments-show{display:none}div#ignielRelated{display:none}div#sr{display:none}
.sharethisbawah{display:none}.buttonx{display:none}.search-icon{display:none}header#menuhead {display: none;}.logo{display: none;}.content-wrapper {padding: 25px 0 0 0;}</style><style>.FT{width:100%;height:100%;position:fixed;left:0px}#time{color:#f5fe02}#timer{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFFOmX9VYT-8XkbR3ZBE4BGH-_jhNnSkZC3obR7fCi3UUP2wvMa8BefEDB03XJ3NEbiSq-_faEYziUlVqTrPAX9nPWZ_CxrMlH3ZJnp2qzW59aQhp8rA5w406UM_F4owTL5AfjfIuwUhsb/s1200/%2540KasurSejarah.png);animation:moccaShine 31s linear infinite;border-radius:5px 5px 0 0;color:#f5f5f5;font-size:18px;line-height:40px;padding-top:7px;padding-right:0;padding-bottom:0;padding-left:0;text-align:center;border:1px solid black;position:absolute;top:-36px;left:0;width:100%;font-weight:bold;z-index:999999999999}</style>
<div class="FT">
<center><div id="cre"><div class="aba100"><div class="aha"><b>Masukkan Password</b> <br> untuk mengrjakan soal !</div><input class="xyz" id="xxx" onkeydown="if (event.keyCode == 13) verify()" placeholder="*****" type="text" /><br /><input class="but" id="button" onclick="verify()" type="button" value="Login" /></div></div></center><div class="hidden" id="HID"><!--isi-->
<iframe class="mbpd0" allowfullscreen="" frameborder="0" height="580px" src="https://docs.google.com/forms/d/e/1FAIpQLSdLRr7B-nDpzuhyRPIevEl8HLm2TvsVrwkLDy7Di6m8--Kc8Q/viewform?embedded=true" width="100%"></iframe>
<!--isi--></div><script>function verify(){if(document.getElementById('xxx').value==='xxx'){document.getElementById('HID').classList.remove("hidden");document.getElementById('cre').classList.add("hidden");}else{alert('Kata Sandi Salah!');password.setSelectionRange(0,password.value.length);} return false;}</script>
<br/><div id="timer">Sisa Waktu Pengerjaan: <span id="time">90:00</span> menit!</div></div>
<script type="text/javascript">//<![CDATA[
function startTimer(t,n){var e,r,a=t;setInterval(function(){e=parseInt(a/60,10),r=parseInt(a%60,10),e=e<10?"0"+e:e,r=r<10?"0"+r:r,n.textContent=e+":"+r,--a<0&&(a=t)},1e3)} window.onload=function(){var fiveMinutes=60*90,display=document.querySelector('#time');startTimer(fiveMinutes,display);};
//]]> </script>
<!--Mobile Bottom--><div id="mb"><nav><ul style="margin-left: 0px">
<li class='bks'><a href='#' itemprop='url' title='Show Chat'> <img height='24' width='24' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3o2h_uJdtT9BmfrPSnZA22ujvUvGQYIMa9hVN-xvMwYQhqZ73kNyj1-R-GrYdDB91NjYKetUw187-AYqyOB2qDSIeCb3os0h_0SDdyl6_TdqmiHqjZhpEd8RssT1XwUJw-bv2y8AiFofZ/s501/X.png" /><span itemprop='name'>Sej Indo</span></a></li>
<li class='bks'><a href='#' itemprop='url' title='Show Chat'> <img height='24' width='24' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtTPniMOmtuU_XspOUonvHjOtJmdZVAamYDNQs0kSrDiW_Nqnc51l716DWzpcRrEf5KDI9KmJF_UgUbC7Nc-inYy-nw7Nbu_pPOBE3uD34rdy-79aQ4yTTOSjJNNdJvk-Gkq7n7gGi30fw/s501/XI.png" /><span itemprop='name'>Sej Indo</span></a></li>
<li class='bks'><a href='#' itemprop='url' title='Show Chat'> <img height='24' width='24' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG8KWADhg3NKGGKRpeAJVSGiRtuWKpv8ebH23FSqeQ7GH_xA21ckNuslUUmQDd0yfPtuvsZ7YkyZRcO1LtNa_1Pg4iJdPGWUjR3C5i3obGqkuDS1oGUVCHTEs4TgFBEefrpuZ8gJZGf4eb/s501/XII.png" /><span itemprop='name'>Sej Indo</span></a></li>
<li class='bks'><a href='#' itemprop='url' title='Show Chat'> <img height='24' width='24' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3o2h_uJdtT9BmfrPSnZA22ujvUvGQYIMa9hVN-xvMwYQhqZ73kNyj1-R-GrYdDB91NjYKetUw187-AYqyOB2qDSIeCb3os0h_0SDdyl6_TdqmiHqjZhpEd8RssT1XwUJw-bv2y8AiFofZ/s501/X.png" /><span itemprop='name'>Sej Pem</span></a></li>
<li class='bks'><a href='#' itemprop='url' title='Show Chat'> <img height='24' width='24' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtTPniMOmtuU_XspOUonvHjOtJmdZVAamYDNQs0kSrDiW_Nqnc51l716DWzpcRrEf5KDI9KmJF_UgUbC7Nc-inYy-nw7Nbu_pPOBE3uD34rdy-79aQ4yTTOSjJNNdJvk-Gkq7n7gGi30fw/s501/XI.png" /><span itemprop='name'>Sej Pem</span></a></li>
<li class='bks'><a href='#' itemprop='url' title='Show Chat'> <img height='24' width='24' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG8KWADhg3NKGGKRpeAJVSGiRtuWKpv8ebH23FSqeQ7GH_xA21ckNuslUUmQDd0yfPtuvsZ7YkyZRcO1LtNa_1Pg4iJdPGWUjR3C5i3obGqkuDS1oGUVCHTEs4TgFBEefrpuZ8gJZGf4eb/s501/XII.png" /><span itemprop='name'>Sej Pem</span></a></li>
<li class='bks'><a href="https://api.whatsapp.com/send?phone=6281330183650&text=Assalamu'alaikum Pak Malik,......" target="_blank" style="text-decoration: none;"><img height='24' width='24' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinqNt9mmf9BQJr1MVTuJXqOyMO3L0tQ1sHly1StCOo323gzrDlt9d06P8bMuW2D4n_5dicqlEpF435JPoTCBNC-I_7p9chsm_ITSoX1MS4QN3iPgvSCedUgy4IEuEBqXczqBGi3Ftn-okh/s320/whatsapp-logo-32x32.png" /><span itemprop='name'>P Malik</span></a>
<li class='bks'><label class='link' for='offnav-menu'><a><img height='24' width='24' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8vWEk0Qb9inLRAbsPcV4V4faJHot9cA37dBrn-z04EAwI0lHOmIMW02wlu_X7hUIee3yXt9j0d321Ay4cJ4sxyW5YYlBruZ79N6vNhydKOImL5c174EE6Z64y8JwoNGCpJQMJG9pIU98Q/s512/Menu+3.png" /><span itemprop='name'>MENU</span></a></label></li> </ul></nav><span class='linetoday'/></div><!--end-->
Progres persen :
<!--biru--><div class="progress"><div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" style="width: 10%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100">25%</div></div>
<!--ijo--><div class="progress"><div class="progress-bar progress-bar-striped bg-success" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">25%</div></div>
<!--kuning--><div class="progress"><div class="progress-bar progress-bar-striped bg-warning" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">75%</div></div>
<!--abang--><div class="progress"><div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">100%</div></div>
<!-- youtube -->
1=aktif 0=tidak. mengulang buat playlist dulu, tambah kode playlist : &list=PLy3HkWFD-BdBdNE1TUBUP-F9Gd5ESLeKC
<div class="bwh"><b>Judul vidio</b></div>
<div class="video-responsive"><iframe allow="autoplay" allowfullscreen="" src="https://www.youtube.com/embed/3d1amn86L_4?&autoplay=1&loop=1&rel=0&showinfo=0&color=white&iv_load_policy=3&autohide=1" frameborder="0" ></iframe></div>
<section class="bwh2"><b>-----------</b></section>
<!--jadwal sholat KANAN bawah-->
<div id="jst" style="bottom:10px;right:15px;position:fixed;z-index:1111111;"><a href="#jadwalsholat" data-toggle="modal"><img style="height:40px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizqofyKw6b2QVcUQFiM-eNsb-97OflMJrUoc7ZfuEyCcDzHqYSSeW-HIDBehDdEjB6n0MV5yyLn2fIlzQ6RNOiF3bxTGbyYkk4h7o7Yg5i-SY6CQewNV1-2kwiG0ZJsbYWo2llwiA_6133/s320/unnamed.png" ></a></div>
<!--modal--><div class="modal fade"id="jadwalsholat" role="dialog"><div class="modal-dialog modal-lg"><div class="modal-content"><div class="modal-body">
<iframe src="https://www.jadwalsholat.org/adzan/ajax.row.php?id=265" frameborder="0" width="100%" height="220"></iframe><iframe src="https://www.jadwalsholat.org/adzan/ajax.row.php?id=98" frameborder="0" width="100%" height="220"></iframe><iframe src="https://www.jadwalsholat.org/adzan/ajax.row.php?id=295" frameborder="0" width="100%" height="220"></iframe><iframe src="https://www.jadwalsholat.org/adzan/ajax.row.php?id=30" frameborder="0" width="100%" height="220"></iframe></div></div></div></div>
<!--script asli <script>var prevScrollpos=window.pageYOffset;window.onscroll=function(){var currentScrollPos=window.pageYOffset;if(prevScrollpos>currentScrollPos){document.getElementById("jst").style.bottom="10px";}else{document.getElementById("jst").style.bottom="-58px";}prevScrollpos=currentScrollPos;}</script>-->
<!--Musik KIRI bawah-->
<input class='chatMenu hidden' id='offchatMenu' type='checkbox' /><label id="js" class='chatButton' for='offchatMenu'><svg class='svg-1 tblink' style='width:25px;height:25px;margin: 0px 0px 9px 0px;' viewBox='0 0 24 24'><path d='M12 5C15.87 5 19 8.13 19 12C19 15.87 15.87 19 12 19C8.13 19 5 15.87 5 12C5 8.13 8.13 5 12 5M12 2C17.5 2 22 6.5 22 12C22 17.5 17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M12 4C7.58 4 4 7.58 4 12C4 16.42 7.58 20 12 20C16.42 20 20 16.42 20 12C20 7.58 16.42 4 12 4Z'></path></svg><svg style='width:35px;height:35px;margin: 0px 0px 9px 0px;' class='svg-2 tblink' viewBox='0 0 512 512'><path d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z'></path></svg></label><div id="jst2" class='chatBox'><div class='chatContent'><div class='chatHeader'><svg class='tblink' style='width:65px;height:65px;margin: -3px -15px -20px -2px' viewbox='0 0 32 32'><path d='M2.5,4.5H21.5C22.34,4.5 23,5.15 23,6V17.5C23,18.35 22.34,19 21.5,19H2.5C1.65,19 1,18.35 1,17.5V6C1,5.15 1.65,4.5 2.5,4.5M9.71,8.5V15L15.42,11.7L9.71,8.5M17.25,21H6.65C6.35,21 6.15,20.8 6.15,20.5C6.15,20.2 6.35,20 6.65,20H17.35C17.65,20 17.85,20.2 17.85,20.5C17.85,20.8 17.55,21 17.25,21Z' ></path></svg><div class='chatTitle'>Silahkan Pilih Musik <span>Semoga belajarmu lebih fokus dan selalu diberi kemudahan dalam memahami</span></div></div><div style='height:321px;width:auto;overflow: auto;' class='scrolred'><!---->
<div class="video-responsive"> <iframe frameborder="0" height="315" src="https://www.youtube.com/embed/zGXnPC_GYLw?&autoplay=1&loop=1&rel=0&showinfo=0&color=white&iv_load_policy=3&autohide=1" width="100%"></iframe></div>
<div class="video-responsive"> <iframe frameborder="0" height="315" src="https://www.youtube.com/embed/jU8m_fh5DRg?&autoplay=0&loop=1&rel=0&showinfo=0&color=white&iv_load_policy=3&autohide=1" width="100%"></iframe></div>
<div class="video-responsive"> <iframe frameborder="0" height="315" src="https://www.youtube.com/embed/cmoKsbhR7Ao?&autoplay=0&loop=1&rel=0&showinfo=0&color=white&iv_load_policy=3&autohide=1" width="100%"></iframe></div>
<!----></div></div></div>
<p style='text-align: justify; text-indent: 0.5in;margin-bottom: 5px;'>Tpi yakinlah jika engkau ada kenginan pasti ada jalan.dgn ada guru anda melipat waktu. perlu membayangkan bgaimna perjuangan arang jadi berlian. dgn terus belajar anda akan terasah. # last update 19-3-21 (artikel ini akan terus di sempurnakan smoga bermanfaat)</p>
<b><a class='gbw' style='font-size:19px;margin-top:10px;margin-bottom:6px;'>Pendahuluan</a></b>
<p style='margin-bottom: 5px;'><b style='color: #3344aa;'>Dahulu,</b> stiap sy membutuhkan informasi sy slalu ketik di google, tanpa kritis menyadari siapa yg buat informasi ini, cara buatnya yaapa, dana ap sy juga bisa buat. Dahulu stiap sy membutuhkan informasi sy slalu ketik di google, tanpa kritis menyadari siapa yg buat informasi ini, cara buatnya yaapa, dana ap sy juga bisa buat. Dahulu stiap sy membutuhkan informasi sy slalu ketik di google, tanpa kritis menyadari siapa yg buat informasi ini, cara buatnya yaapa, dana ap sy juga bisa buat.</p>
<style>.gbw {color: #000;background-image: linear-gradient(to right,#ffdb6d,#ffdb6d,#27cba4);background-size: 400%; background-repeat: no-repeat; background-position: 0 1.1em;}.gbw:hover {color: #000; background-image: linear-gradient(to right,#ffdb6d,#27cba4,#ffdb6d);background-position: 100% 1.1em;text-decoration: none;}</style>
<hr class='dashed'>
<!--anti inspec--><style type="text/css">body{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}</style>
<!--Dummy Text-->
<p class='dummyText'>
<i style='margin-left:10%'></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i style='width:30%'></i>
<i class='img'></i>
</p>
<p class='dummyText'>
<i style='margin-left:10%'></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i style='width:30%'></i>
</p>
<p class='dummyText'>
<i style='margin-left:10%'></i>
<i></i>
<i></i>
<i></i>
<i></i>
<i style='width:30%'></i>
</p>
Jadwal sholat : <div id="jst" style="bottom:10px;right:15px;position:fixed;z-index:1111111;"><a href="#jadwalsholat" data-toggle="modal"><img style="height:40px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizqofyKw6b2QVcUQFiM-eNsb-97OflMJrUoc7ZfuEyCcDzHqYSSeW-HIDBehDdEjB6n0MV5yyLn2fIlzQ6RNOiF3bxTGbyYkk4h7o7Yg5i-SY6CQewNV1-2kwiG0ZJsbYWo2llwiA_6133/s320/unnamed.png" /></a></div>
<!--modal--><div class="modal fade"id="jadwalsholat" role="dialog"><div class="modal-dialog modal-lg"><div class="modal-content"><div class="modal-body"><!--batas isi-->
<iframe src="https://www.jadwalsholat.org/adzan/ajax.row.php?id=265" frameborder="0" width="100%" height="220"></iframe>
<iframe src="https://www.jadwalsholat.org/adzan/ajax.row.php?id=98" frameborder="0" width="100%" height="220"></iframe>
<iframe src="https://www.jadwalsholat.org/adzan/ajax.row.php?id=295" frameborder="0" width="100%" height="220"></iframe>
<iframe src="https://www.jadwalsholat.org/adzan/ajax.row.php?id=30" frameborder="0" width="100%" height="220"></iframe>
</div></div></div></div>
<script>var prevScrollpos=window.pageYOffset;window.onscroll=function(){var currentScrollPos=window.pageYOffset;if(prevScrollpos>currentScrollPos){document.getElementById("jst").style.bottom="10px";}else{document.getElementById("jst").style.bottom="-58px";}prevScrollpos=currentScrollPos;}</script>
Timer Countdown :
months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
<div id="timere"><span id="countdown"></span></div>
<script type="text/javascript">
//<![CDATA[
var target_date = new Date("Jul 30, 2021").getTime();var days, hours, minutes, seconds;var countdown = document.getElementById("countdown");setInterval(function () {
var current_date = new Date().getTime();var seconds_left = (target_date - current_date) / 1000;days = parseInt(seconds_left / 86400);seconds_left = seconds_left % 86400;hours = parseInt(seconds_left / 3600);seconds_left = seconds_left % 3600;minutes = parseInt(seconds_left / 60);seconds = parseInt(seconds_left % 60);
countdown.innerHTML = " <span class='tek'>Ya Allah, Mudahkan</span> 30 Juli 2021 <br/>" + days + " <span class='tek'>hari</span> " + hours + " <span class='tek'>jam</span> " + minutes + " <span class='tek'>menit</span> " + seconds + " <span class='tek'>detik</span> "; }, 1000); //]]> </script>
<!--time line 1 Ijo--><ul data-aos='zoom' class="timeline">
<!--1 kiri--><li data-aos='fade-right'><div class="timeline-badge">1</div><div class="timeline-panel"><div class="timeline-heading"><h3><i class="fa fa-calendar fa-fw"></i> 0M</h3><h4 class="timeline-title">Pra Sejarah</h4></div><div class="timeline-body"><!--Dummy Text--><p class='dummyText'> <i style='margin-left:10%'></i> <i></i> <i></i> <i></i> <i style='width:30%'></i><!--Dummy Text--></div></div></li>
<!--2 kanan--><li class="timeline-inverted" data-aos='fade-left'><div class="timeline-badge">2</div><div class="timeline-panel"><div class="timeline-heading"><h3><i class="fa fa-calendar fa-fw"></i>0-1500</h3><h4 class="timeline-title">Masa Hindu-Budha</h4></div><div class="timeline-body"><!--Dummy Text--><p class='dummyText'> <i style='margin-left:10%'></i> <i></i> <i></i> <i></i> <i style='width:30%'></i><!--Dummy Text--></div></div></li>
<!--3 kiri--><li data-aos='fade-right'><div class="timeline-badge">3</div><div class="timeline-panel"><div class="timeline-heading"><h3><i class="fa fa-calendar fa-fw"></i>1800</h3><h4 class="timeline-title">Masa Islam</h4></div><div class="timeline-body"><!--Dummy Text--><p class='dummyText'> <i style='margin-left:10%'></i> <i></i> <i></i> <i></i> <i style='width:30%'></i><!--Dummy Text--></div></div></li>
<!--4 kanan--><li class="timeline-inverted" data-aos='fade-left'><div class="timeline-badge">4</div><div class="timeline-panel"><div class="timeline-heading"><h3><i class="fa fa-calendar fa-fw"></i>1700</h3><h4 class="timeline-title">Kolonialisme & imperialisme</h4></div><div class="timeline-body"><!--Dummy Text--><p class='dummyText'> <i style='margin-left:10%'></i> <i></i> <i></i> <i></i> <i style='width:30%'></i><!--Dummy Text--></div></div></li>
<!--5 kiri--><li data-aos='fade-right'><div class="timeline-badge">5</div><div class="timeline-panel"><div class="timeline-heading"><h3><i class="fa fa-calendar fa-fw"></i>1900</h3><h4 class="timeline-title">Pergerakan Nasional</h4></div><div class="timeline-body"><!--Dummy Text--><p class='dummyText'> <i style='margin-left:10%'></i> <i></i> <i></i> <i></i> <i style='width:30%'></i><!--Dummy Text--></div></div></li>
<!--6 kanan--><li class="timeline-inverted" data-aos='fade-left'><div class="timeline-badge">6</div><div class="timeline-panel"><div class="timeline-heading"><h3><i class="fa fa-calendar fa-fw"></i>1942</h3><h4 class="timeline-title">Pendudukan Jepang</h4></div><div class="timeline-body"><!--Dummy Text--><p class='dummyText'> <i style='margin-left:10%'></i> <i></i> <i></i> <i></i> <i style='width:30%'></i><!--Dummy Text--></div></div></li>
<!--7 kiri--><li data-aos='fade-right'><div class="timeline-badge">7</div><div class="timeline-panel"><div class="timeline-heading"><h3><i class="fa fa-calendar fa-fw"></i>1945</h3><h4 class="timeline-title">Kemerdekaan Indonesia</h4></div><div class="timeline-body"><p class='dummyText'> <!--Dummy Text--><i style='margin-left:10%'></i> <i></i> <i></i> <i></i> <i style='width:30%'></i><!--Dummy Text--></div></div></li>
<!--8 kanan--><li class="timeline-inverted" data-aos='fade-left'><div class="timeline-badge">8</div><div class="timeline-panel"><div class="timeline-heading"><h3><i class="fa fa-calendar fa-fw"></i>1998</h3><h4 class="timeline-title">Indonesia masa Awal-Reformasi</h4></div><div class="timeline-body"><!--Dummy Text--><p class='dummyText'> <i style='margin-left:10%'></i> <i></i> <i></i> <i></i> <i style='width:30%'></i><!--Dummy Text--></div></div></li>
</ul><!--end-->
<center><h2>Rekomendasi Topik</h2></center>
<div class='widget-content cloud-label-widget-content'>
<span class='label-size label-size-2' data-aos='zoom-in'>
<a dir='ltr' href='#'>Hacking (3)</a></span>
<div class='clear'></div>
</div>
<!-- data-aos='zoom-in' -->
fade
fade-up
fade-down
fade-right
fade-left
fade-up-right
fade-up-left
fade-down-right
fade-down-left
zoom
zoom-in
zoom-in-up
zoom-in-down
zoom-in-right
zoom-in-left
zoom-out
zoom-out-up
zoom-out-down
zoom-out-right
zoom-out-left
slide
slide-up
slide-down
slide-right
slide-left
flip
flip-left
flip-left
flip-right
flip-right
flip-up
flip-up
flip-down
flip-down
musik auto play :
<style>.music{width:45px;height:45px;border:1px solid white;background-color:rgba(145,143,142,.2);border-radius:13px;position:fixed;bottom:15px;left:10px;z-index:999}button{border:none;cursor:pointer;outline:none}button#playpausebtn{background:url(https://www.ruangpengantin.com/demo/scroll002/img/play.png) no-repeat;outline:none;width:32px;height:32px;margin-top:10px;margin-left:12px}</style>
<div class="music"><button id="playpausebtn"></button></div>
<script> var audio, playbtn, mutebtn, seek_bar;
function initAudioPlayer(){ audio = new Audio(); audio.src = "https://docs.google.com/uc?export=download&id=1Yo6_fNq5Skt4RJXwTx8oi1tqcCPaLe9e";audio.loop = true;audio.play(); playbtn = document.getElementById("playpausebtn");playbtn.addEventListener("click",playPause); function playPause(){ if(audio.paused){ audio.play(); playbtn.style.background = "url(https://www.ruangpengantin.com/demo/scroll002/img/pause.png) no-repeat"; } else { audio.pause(); playbtn.style.background = "url(https://www.ruangpengantin.com/demo/scroll002/img/play.png) no-repeat"; } } } window.addEventListener("load", initAudioPlayer);
</script>
<-- id="playpausebtn" pause play id. tempelkan di tombol close iklan-->
<script> var audio, playbtn, mutebtn, seek_bar;
function initAudioPlayer(){ audio = new Audio(); audio.src = "https://docs.google.com/uc?export=download&id=1Yo6_fNq5Skt4RJXwTx8oi1tqcCPaLe9e";audio.loop = true;audio.play(); playbtn = document.getElementById("playpausebtn");playbtn.addEventListener("click",playPause); function playPause(){ if(audio.paused){ audio.play()} else { audio.pause()}}} window.addEventListener("load", initAudioPlayer);
</script>
audio.src = "https://docs.google.com/uc?export=download&id=1Yo6_fNq5Skt4RJXwTx8oi1tqcCPaLe9e"
<!-- disable inspect element -->
<script> $(document).bind("contextmenu",function(e) { e.preventDefault();}); </script>
audio clik ijo :
<div id="player_focus"><div class="player ">
<audio id="playerukulele" preload="none" src="https://www.bensound.com/bensound-music/bensound-ukulele.mp3" type="audio/mp3" controls="controls"></audio></div></div>
<link rel="stylesheet" href="https://www.bensound.com/mep/bensound/mep/build/mediaelementplayer_cus.min.css" />
<script type="text/javascript" src="https://www.bensound.com/mep/bensound/mep/build/mediaelement-and-player.min.js"></script>
<script>
/* <![CDATA[ */
jQuery(document).ready(function($){$('audio').mediaelementplayer({audioWidth:80,audioHeight:25,features:['playpause','progress','current','tracks'],videoVolume:'horizontal'});});
/* ]]> */
</script>
<!-- Pre Loader --><div id="loader"></div><div id="content"><style>#loader{overflow:visible;background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYnKlirRsNguG8LmnfhMzV4fJc61BGO2c9Cir90TBaUhoaJu_1FeTywxPZ9KLEspad-E9wQfWQW0xKmYxpsLDHCeXipsG9RsySnwTOGDrmVBEDldvAqF0ZzfkKYVi9hLHfmWEuib9r0u9D/s200/kasur+sejarah+loading+1.gif) no-repeat center center;background-color:rgba(0,0,0,0.8);height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999999999;}</style>
<script>var loader;function loadNow(opacity){if(opacity<=0){displayContent();} else{loader.style.opacity=opacity;window.setTimeout(function(){loadNow(opacity-0.06)},1000);}} function displayContent(){loader.style.display='none';document.getElementById('content').style.display='block';} document.addEventListener("DOMContentLoaded",function(){loader=document.getElementById('loader');loadNow(1);});</script>
<!------------------Template soal keren coba ya gaes----------------->
<p><script type="text/javascript" src="https://cdn.jsdelivr.net/gh/matematrick/kuis@main/quiz.js"></script>
<style type="text/css">
.container{display:flex;align-items:center;justify-content:center;background:#fff;padding:0;margin:2em 0;}
#quiz1{background:#fff;border-radius:5px;padding:10px;min-width:550px;margin:0 !important;border:1px solid rgba(0,0,0,.2);}
#quiz1 img{max-width:100px;}
.quiz button,.quiz .quizQuestions ul.questionAnswers li,.quiz .quizResults li{border-radius:2px}
@media screen and (max-width:768px){
#quiz1{min-width:unset!important}}
.quiz{position:relative;margin:0}
.quiz ul{margin:0;padding:0;list-style:none}
.quiz .hidden{display:none}
.quiz button{font:inherit;font-size:14px;border:0;background:#4789fb;color:#fff;cursor:pointer;margin-bottom:5px;outline:0;padding:10px;width:100%}
@media screen and(min-width:640px){.quiz button{width:auto}}
.quiz button:hover{background:#3e77da}
.quiz .quizQuestions{margin-bottom:10px;padding:0 !important;font-size:14px}
.quiz .quizQuestions>li{display:none;position:relative}
.quiz .quizQuestions>li.showQuestion{display:block}
.quiz .quizQuestions>li.disabled .questionAnswers li:hover:not(.selectedAnswer){background:initial}
.quiz .quizQuestions>li.disabled .questionAnswers li label,.quiz .quizQuestions>li.disabled .questionAnswers li input[type=radio]{cursor:default}
.quiz .quizQuestions>li .questionCount{font-size:14px}
.quiz .quizQuestions>li .questionTitle{margin:0;padding:20px 0}
.quiz .quizQuestions ul.questionAnswers{overflow:hidden;margin:0;padding:0}
.quiz .quizQuestions ul.questionAnswers li{margin-top:5px;border:1px solid #e2e2e2;padding:0 15px 0 0}
.quiz .quizQuestions ul.questionAnswers li:first-child{margin:0}
.quiz .quizQuestions ul.questionAnswers li:hover{background:#ededed}
.quiz .quizQuestions ul.questionAnswers li.selectedAnswer{background:#4789fb;color:#fff}
.quiz .quizQuestions ul.questionAnswers li.incorrectAnswer{background:#f02d3a;color:#fff}
.quiz .quizQuestions ul.questionAnswers li.correctAnswer{background:#2ecc71;color:#fff}
.quiz .quizQuestions ul.questionAnswers label,.quiz .quizQuestions ul.questionAnswers input[type=radio]{cursor:pointer}
.quiz .quizQuestions ul.questionAnswers input[type=radio]{margin:0;margin-right:10px;vertical-align:middle}
.quiz .quizQuestions ul.questionAnswers label{display:inline-block;padding:13px;width:100%}
.quiz .quizControls{margin-top:10px}
.quiz .quizControls button{display:block}
@media screen and(min-width:640px){.quiz .quizControls button{display:initial;margin-right:5px}}
.quiz .quizControls button.ctrlPrev{background:#224178}
.quiz .quizControls button.ctrlPrev:hover{background:#2f5ba7}
.quiz .quizControls button.ctrlDone{display:none}
.quiz .quizControls button.ctrlNext,.quiz .quizControls button.ctrlDone{float:right;background:#2ecc71}
.quiz .quizControls button.ctrlNext:hover,.quiz .quizControls button.ctrlDone:hover{background:#28b162}
.quiz .quizControls button.ctrlSkip{background:#9b59b6}
.quiz .quizControls button.ctrlSkip:hover{background:#874d9e}
.quiz .quizControls button.disabled{cursor:not-allowed;background:#e2e2e2}
.quiz .quizControls button.disabled:hover{background:#e2e2e2}
.quiz .quizResults ul{margin:20px 0 10px;padding:0}
.quiz .quizResults li{font-size:14px;padding:10px;border:1px solid;border-left:10px solid;margin-bottom:10px;line-height:1.5em}
@media screen and(min-width:640px){.quiz .quizResults li{padding-left:0px}}
.quiz .quizResults .viewResults{background:#2ecc71}
.quiz .quizResults .viewResults:hover{background:#26aa5e}
.quiz .quizResults .questionTitle{margin:5px 0 10px 10px}
.quiz .quizResults .answeredCorrect{border-color:#2ecc71}
.quiz .quizResults .answeredWrong{border-color:#f02d3a}
</style>
<div class="container">
<div id="quiz1"></div>
</div>
<script type="text/javascript">
$("#quiz1").dlxQuiz({
quizData: {
questions: [
{
q: "Proses interaksi antar peserta didik dan antara peserta didik dengan pendidik dan sumber belajar pada suatu lingkungan belajar, dikenal dengan istilah…..",
a: "pembelajaran",
options: ['model pembelajaran ', 'pembelajaran', 'metode ', 'pendekatan', 'strategi']
},
{
q: "Metode pembelajaran yang lebih ditujukan agar peserta didik cepat dan cermat dalam menyelesaikan soal dan lebih dikaitkan dengan upaya untuk meningkatkan kemampuan agar cepat ingat terutama yang memerlukan hafalan, cocok jika memakai ..........",
a: "metode drill",
options: ['metode ceramah ', 'metode tanya jawab', 'metode drill', 'metode penemuan', 'metode diskusi']
},
{
q: "Faktor pembeda antara sebuah model pembelajaran dengan model pembelajaran yang lain adalah ….",
a: "sintaksnya",
options: ['model pembelajaran', 'sintaksnya', 'metodenya', 'pendekatannya', 'strateginya']
},
{
q: "Pemberian Umpan balik kepada peserta didik penting dilakukan untuk meningkatkan keberhasilan, memperbaiki kesalahan, membantu untuk mengungkapkan kesalahpahaman, menyarankan perbaikan tertentu, jenis umpan balik jika siswa homogen adalah ... ",
a: "Comulatif feedback",
options: ['Representative feedback', 'Comulatif feedback', 'Quantitaive Feedback', 'Institutionalized Feedback', 'Eksternal feedback ']
},
{
q: "Dalam pembelajaran di kelas anda terdapat 2 siswa anda yang berkebutuhan khusus, pembelajaran apa yang tepat dilakukan dalam menghadapi kondisi ini. .. ",
a: "Melakukan pembimbingan di tempat duduk mereka",
options: ['Menyuruh anak itu mengerjakan soal kedepan dan membimbingnya', 'Membagi kelompok diskusi', 'Melakukan pembimbingan di tempat duduk mereka', 'Mengelompokkan dengan siswa pintar agar ikut terimbas', 'Memisahkan kedua siswa dengan siswa normal lainnya dengan perlakuan berbeda ']
},
{
q: "Guru menguasai bidang keilmuan lain yang menunjang proses pembelajaran. Adalah kompetensi ... ",
a: "Pedagogik",
options: ['Pedagogik', 'Profesional', 'Kepribadian', 'Sosial', 'Budaya ']
},
{
q: "Dalam mengawali Pelajarannya, Pak Rudi merumuskan pertanyaan, mengumpulkan data (informasi) dengan berbagai Teknik, mengasosisasi/ menganalisis/ mengolah data (informasi) dan menarik kesimpulan serta mengkomunikasian hasil yang terdiri dari kesimpulan untuk memperoleh pengetahuan, keterampilan dan sikap. Langkah yang dilakukan Pak Ali itu merupakan bagian dari model pembelajaran ... ",
a: "Saintifik",
options: ['Portofolio', 'Saintifik', 'Penemuan', 'Autentik', 'kontekstual ']
},
{
q: "Penilaian yang dilakukan oleh seorang guru harus dapat menilai kemampuan siswa sesuai dengan tuntutan kurikulum dan meliputi berbagai aspek. Hal ini sesuai dengan prinsip ... ",
a: "Menyeluruh",
options: ['Terbuka', 'Menyeluruh', 'Bermakna', 'Adil', 'Sahih ']
},
{
q: "Media pembelajaran yang cocok untuk menjelaskan materi tentang Gajahmada adalah ... ",
a: "Video kisah Gajahmada",
options: ['Sejarah tokoh masyarakat Jawa', 'Sumber buku paket', 'Gambar peta dan globe', 'Video kisah Gajahmada', 'Gambar candi majapahit']
},
{
q: "Jika ingin membangkitkan rasa ingin tau maka cara efektif yang akan anda lakukan adalah ... ",
a: "Diajak ke laboratorium sains dan mencari literatur tentang sains",
options: ['Diajak ke ke perpustakaan rutin dan membuat mading poster', 'Diajak ke laboratorium sains dan mencari literatur tentang sains', 'Kegiatan membaca rutin setiap pagi sebelum masuk ruangan dan membuat majalah dinding', 'Memajang hasil karya puisi siswa', 'Lomba menulis naskah drama ']
},
{
q: "Dalam mengawali Pelajarannya, Pak Rama menyampaikan suatu permasalahan guna menggugah dan menimbulkan kepenasaran-kepenasaran para siswanya. Langkah tersebut bertujuan untuk mendorong para siswa agar mau mengembangkan kreativitasnyLangkah yang dilakukan Pak Rama itu merupakan bagian dari model pembelajaran ... ",
a: "Discovery Learning",
options: ['Portofolio', 'Saintifik', 'Discovery Learning', 'Autentik', 'Contekstual Teaching dan Learning ']
},
{
q: "Media yang cocok untuk menggambarkan tentang banjir adalah ... ",
a: "Potongan artikel berita media cetak",
options: ['Video', 'Gambar banjir', 'Potongan artikel berita media cetak', 'Peta persebaran potensi banjir', 'Berita perkiraan cuaca televisi ']
},
{
q: "Penilaian yang dilakukan oleh seorang guru harus didasarkan dan kriteria yang jelas, tidak dipengaruhi subjektivitas penilai. Hal ini sesuai dengan prinsip ... ",
a: "Objektif ",
options: ['Terbuka', 'Menyeluruh', 'Bermakna', 'Adil', 'Objektif ']
},
{
q: "Bu Sinta adalah seorang guru seni, hari ini dia ingin menilai kemampuan siswa dalam membuat lukisan, selain hasil lukisan siswa yang dinilai, Teknik dalam menggambar, cara menggunakan alat dan perlengkapan dan juga sikap siswa dalam menghargai karya temannya juga menjadi acuan dalam penilaian. Dalam hal ini bu Sinta telah menerapkan prinsip ... ",
a: "Menyeluruh",
options: ['Sahih', 'Objektif', 'Menyeluruh', 'Sistematis', 'Beracuan kriteria ']
},
{
q: "Hari ini diadakan penilaian harian oleh Pak Rian guru matematika,jumlah nomor soal ada 10. Siswa dengan absen ganjil mengerjakan nomor ganjil, siswa dengan nomor absen genap mengerjakan soal nomor genap. Yang dilakukan Pak Rian tidak sesuai dengan prinsip penilaian ... ",
a: "Adil",
options: ['Adil', 'Objektif', 'Menyeluruh', 'Sistematis', 'Beracuan kriteria ']
},
{
q: "Dalam setiap pembelajaran, Pak Rendi selalu mengadakan penilaian untuk melihat daya serap siswa terhadap materi yang telah diberikan, merupakan prinsip pembelajaran ... ",
a: "Terpadu",
options: ['Sistematis', 'Beracuan kriteria', 'Terpadu', 'Objektif', 'Akuntabel ']
},
{
q: "Dari banyaknya definisi/batasan yang dikemukakan oleh para ahli, esensi dari pengertian penilaian portofolio adalah ... ",
a: "Kumpulan hasil karya siswa",
options: ['Kumpulan hasil karya siswa', 'Rekaman hasil karya siswa', 'Rangkaian hasil karya siswa', 'Kumpulan nilai siswa', 'Kumpulan siswa ']
},
{
q: "Disediakan dua magnet dan paku, siswa melakukan percobaan tarik menarik magnet. Komponen tujuan pembelajaran yang kurang adalah ... ",
a: "Degree ",
options: ['Condition', 'Behavior dan degree', 'Condition dan degree', 'Audience', 'Degree ']
},
{
q: "Media yang tepat untuk mengajarkan kebutuhan ekonomi yang melonjak tinggi adalah ... ",
a: "Tayangan berita di televisi",
options: ['Potongan artikel', 'Video di kanal youtube', 'Tayangan berita di televisi', 'Daftar harga barang pokok terbaru', 'Buku paket ']
},
{
q: "Pak Rinto adalah seorang guru olah raga, pagi ini dia akan mengadakan penilaian praktik berenang. Prinsip penilaian yang dilakukan adalah ... ",
a: "Sahih",
options: ['Sahih', 'Objektif', 'Menyeluruh', 'Sistematis', 'Beracuan kriteria ']
},
{
q: "Pak Rondi adalah guru Geografi. Dia tinggal di desa Kutoharjo. Rini adalah tetangga dari Pak Rondi. Setiap pembagian hasil evaluasi Rini selalu diberi nilai 90 oleh Pak Rondi. Sementara Raka siswa yang paling pintar di kelasnya hanya mendapat 80. Dari kasus di atas artinya Pak Rondi tidak melaksanakan prinsip penilaian ... ",
a: "Objektif",
options: ['Adil', 'Objektif', 'Menyeluruh', 'Sistematis', 'Beracuan kriteria ']
},
{
q: "Pemberian umpan balik yang tepat untuk siswa heterogen adalah ... ",
a: "Representative feedback",
options: ['Representative feedback', 'Comulatiffeedback', 'Quantitative feedback', 'Institutionalized feedback', 'Eksternal feedback ']
},
{
q: "Sebagai pendidik, Pak Budi memiliki pemikiran bahwa sebagai pendidik dia merasa bagian dari masyarakat untuk berkomunikasi dan bergaul secara efektif dengan peserta didik, sesama pendidik, tenaga kependidikan, orang tua/wali murid (peserta didik), dan masyarakat sekitar. Ini berarti bahwa Pak Budi memiliki ....",
a: "Kompetensi sosial",
options: ['Kompetensi pedagogi', 'Kompetensi kepribadian', 'Kompetensi profesional ', 'Kompetensi sosial', 'Kompetensi sosio-kultural']
},
{
q: "Penilaian harus mampu menelusuri dan melacak kemajuan siswa sesuai dengan rencana pembelajaran yang telah ditetapkan. lni prinsip penilaian sebagai ... ",
a: "Keeping track",
options: ['Keeping track', 'Checking up', 'Finding out', 'Summing up', 'Finding in ']
},
{
q: "Manakah cara paling efektif dan bermakna dalam mengkomunikasikan hasil penilaian harian atau capaian sementara kepada siswa dan orang tua? ",
a: "Dalam bentuk deskripsi tentang KKM yang sudah dicapai dan belum dicapai ",
options: ['Menggunakan angka-angka dan peringkat sementara siswa dalam kelas', 'Menggunakan angka-angka tanpa disertai peringkat', 'Dalam bentuk kategori A = sangat baik, B = baik, C = kurang, D = kurang sekali', 'Dalam bentuk angka, KKM yang dicapai pada mata pelajaran dan kelulusannya', 'Dalam bentuk deskripsi tentang KKM yang sudah dicapai dan belum dicapai ']
},
{
q: "Berdasarkan hasil tes, para siswa dikelompokkan menjadi beberapa kelas sesuai dengan tingkat IQ nya, dilihat dari fungsinya maka tes tersebut termasuk pada jenis tes ... ",
a: "Penempatan",
options: ['Seleksi', 'Penempatan', 'Pre Tes-post test', 'Diagnostik', 'Ujian Akhir ']
},
{
q: "Perhatikan butir soal uraian berikut. sebutkan 3 buah candi di provinsi Jawa Tengah yang bermuara di Laut Jawa. Butir soal tersebut ... ",
a: "Jelek karena hanya mengukur tingkat berpikir rendah ranah ingatan",
options: ['Cukup bagus karena jumlah candi yang ditanyakan sudah terukur', 'Cukup bagus karena ditulis dengan bahasa yang mudah dimengerti', 'Jelek karena hanya mengukur tingkat berpikir rendah ranah ingatan', 'Jelek karena ditulis dalam kalimat yang sangat pendek', 'Bagus karena untuk mengukur tingkat berpikir rendah ']
},
{
q: "Untuk mencegah terjadinya jawaban siswa yang sangat beragam, jenis tes uraian yang paling tepat digunakan adalah ... ",
a: "Tes uraian terbatas",
options: ['Tes uraian bebas', 'Tes uraian terbatas', 'Yang sederhana', 'Yang sangat kompleks', 'Tes uraian singkat ']
},
{
q: "Dengan melihat hasil pre-test, seorang guru dapat mengetahui bahwa 3 dari 8 soal yang diberikan mampu dijawab hampir seluruh siswa dengan benar. Jika anda sebagai guru, manfaat apa yang dapat dipetik dari informasi tadi ... ",
a: "Materi yang telah dikuasai siswa tidak perlu diajarkan lagi pada proses kegiatan belajar mengajar",
options: ['Mengajarkan seluruh materi sesui dengan kurikulum agar penugasan siswa lebih baik', '3 dari 8 soal tersebut tidak akan ditanyakan lagi pada saat melakukan post-test', 'Materi yang telah dikuasai siswa tidak perlu diajarkan lagi pada proses kegiatan belajar mengajar', 'Melaksanakan pelajaran remidial untuk materi yang belum dikuasai siswa berdasarkan hasil pre-test', 'Perlu memperbanyak soal latihan ']
},
{
q: "Dalam rangka menilai tingkat keberhasilan pembelajaran maka perlu dilakukan penilaian dalam bentuk tes. Di dalam penilaian dikenal dengan istilah tes formatif dan tes sumatif. Perbedaannya adalah ... ",
a: "Cakupan materi dan waktu pelaksanaan",
options: ['Cakupan materi dan bentuk soal', 'Bentuk soal dan waktu pelaksanaan', 'Cakupan materi dan waktu pelaksanaan', 'Bentuk soal dan kondisi peserta didik', 'Soal esai dan soal pilihan ganda ']
},
]
}
});
</script>
<!--TOC-->
<p>Banyak yang bertanya kepada penulis tentang "Bagaimana cara membuat daftar isi atau <strong>Table of Contents</strong> (ToC) secara otomatis di Blogger mirip seperti EL Creative Academy? Nah, disini penulis akan menunjukkan cara untuk membuatnya hanya dengan Vanilla JavaScript dan CSS!</p>
<hr style='border-top: 2px dashed #9a0000;margin-bottom: 10px;'>
<div class="elcTOC">
<h2>Daftar Isi</h2>
<div id="elcTOC"><ol>
<li><a style='color:#600000' href="#apa_itu_table_of_content?" title="Apa itu Table of Content?">Apa itu Table of Content?</a></li>
<li><a href="#apakah_table_of_contents_itu_seo_friendly?" title="Apakah Table of Contents itu SEO Friendly?">Apakah Table of Contents itu</a></li>
<li><a href="#cara_memasang_table_of_contents_di_blogger" title="Cara Memasang Table of Contents d">Cara Memasang Table of Contents.</a></li>
<li><a href="#cara_menggunakan_toc_otomatis_pada_blogger" title="Cara Menggunakan ToC Otomatis">Cara Menggunakan ToC Otomatis</a></li>
<li><a style='color:#600000' href="#apa_itu_table_of_content?" title="Apa itu Table of Content?">Apa itu Table of Content?</a></li>
<li><a href="#apakah_table_of_contents_itu_seo_friendly?" title="Apakah Table of Contents itu SEO Friendly?">Apakah Table of Contents itu</a></li>
<li><a href="#cara_memasang_table_of_contents_di_blogger" title="Cara Memasang Table of Contents d">Cara Memasang Table of Contents.</a></li>
<li><a href="#cara_menggunakan_toc_otomatis_pada_blogger" title="Cara Menggunakan ToC Otomatis">Cara Menggunakan ToC Otomatis</a></li>
</ol></div></div>
<hr style='border-top: 2px dashed #9a0000;margin-bottom: 10px;'>
<div class="tocbody">
<h2 id='apa_itu_table_of_content?'>Apa itu Table of Content?</h2><p>Bagi Blogger yang sering menulis artikel panjang dan sering membagi artikel dalam beberapa bagian, mungkin pengunjung akan kesulitan dalam membacanya tanpa adanya navigasi. Salah satu solusi untuk membuat artikel yang panjang dan mudah untuk di navigasikan adalah dengan membuat <strong>Table of Contents</strong> (ToC)/Daftar Isi.</p>
<p><strong>ToC </strong>adalah salah satu fitur yang mungkin sering kalian lihat pada Website/Blog terkenal, contohnya seperti Wikipedia dan berguna untuk mempermudah pengunjung untuk menavigasikan artikel yang panjang. </p>
<h2 id='apakah_table_of_contents_itu_seo_friendly?'>Apakah Table of Contents itu SEO Friendly?</h2><p>ToC dapat memberikan ringkasan atau deskripsi singkat untuk Search Engine tentang isi dari artikel yang kalian buat. <strong>Anchor Link</strong> yang ada di dalam ToC mungkin dapat menjadi nilai tambahan bagi SEO dan tentu saja Google menyukai Anchor Link terutama ketika Link tersebut bermanfaat serta dapat memberikan navigasi dan pemahaman yang lebih baik tentang konten yang kalian buat.</p>
<p>Table of Content yang akan penulis tunjukkan kali ini tentu saja juga SEO Friendly dan dapat ter-generate secara otomatis. Berikut adalah tampilan hasil ToC pada Search Engine yang akan kita buat:</p>
<h2 id='cara_memasang_table_of_contents_di_blogger'>Cara Memasang Table of Contents di Blogger</h2><p>Script ToC yang akan kita buat kali ini dapat dipasang pada Platform apa pun. Baik di Wordpress, Blogger/Blogspot atau dokumen HTML (Kalian dapat mendownload Source Codenya pada bagian akhir artikel ini).</p>
<p>Tetapi untuk kali ini, penulis hanya akan membahas langkah-langkah memasangnya hanya untuk Blogger Saja. Selain itu, kalian dapat mengkreasikannya sendiri.</p>
<h2 id='cara_menggunakan_toc_otomatis_pada_blogger'>Cara Menggunakan ToC Otomatis pada Blogger</h2><p>Kalian dapat menggunakan ToC untuk postingan yang panjang dan memiliki beberapa sub judul. Tidak ada salahnya untuk menggunakan ToC ke postingan yang hanya memiliki kurang dari tiga judul, tetapi agak sedikit tidak masuk akal.</p>
<p>Silahkan ubah keterangan tersebut secara hati-hati (Jangan sampai terhapus barisnya) sesuai dengan yang kalian inginkan.</p><p>
Jika kalian butuh bantuan atau memiliki pertanyaan di bagian mana pun dari tutorial ini. Silahkan tulis pada kolom komentar. Semoga artikel ini bermanfaat. Terimakasih.</p>
</div>
<div class='mbdtoc' onclick='modalBackdrop()'><div class='material-dialog'><strong class='title'></strong></div></div><a onclick='tocShow()'><img title='TOC Materi' class='gbrtoc' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqRRLY0dU1IOjwiY-dI_eI_QCO-GtDnt6zccT3xVjIETWvpGu-lt-Oy2-D7nW0w_r__dEsfJW77Uyp43FoF1VY4rEHQOxreBlSLoEkuPEh2teelpDExJ9_k8x3nuidZzI7-nEI62VVrRli/s320/Menu+TOC+kasur+sejarah.png'/><b class='bgkuning'>daftar isi</b><div class="circle red tblink"></div></a>