Parangraf <p></p> menjorok kedalam <p style='text-align: justify; text-indent: 0.5in;margin-bottom: 5px;'></p>
text-align : left (rata kiri), right (rata kanan), center (rata tengah), atau justify (rata kanan dan kiri).
Spasi: enter: <br/> dan: &
<!--Garis bawah-->
<style>.garba{--colore:#f50000c2;background-image:linear-gradient(var(--colore) 0%,var(--colore) 100%);background-repeat:repeat-x;background-position:0 1.05em;background-size:2px 4px}</style>
<b><span class="garba">Pengantar Awal</span></b>
bulet gambar custom before/after ; <style>.kko:before{content:'';margin:0 4px 3px 0!important;width:20px;height:20px;display:inline-block;vertical-align:middle;background:url(https://www.kindpng.com/adopen/close-2.png) no-repeat center center;background-size:18px}</style>
<b class='kko'>makan</b>
<!--standart code img--><img src="puppy.jpg" width="640" height="360" alt="Puppy with balloons" />
Animasi: TBlink/tblink/wer/loncat2
leptop only : @media screen and (min-width:769px){.xxx{ }}
HP only :@media screen and (max-width:768px){.xxx { }}
BG foto Merah:#db1514 Biru:#0b00a3 X:#7FB51A XI:#FFAA00 XII:#dd0000
#fff;"><img src="#" alt="judul gambar"/>
hiden thumbnail: <img style="display: none" src="#LInk Gambar"/>
hiden snipet: <p style="display: none">145 Karakter Snipet</p>
mode scrol : <div style='height:350px;width:auto;overflow-x: auto;overflow-x: hidden;'>----isi---</div>
?w=370&q=90 auto ubah weight di link
link: <a href=”##” target="_blank" rel=”nofollow noreferrer noopener” style="text-decoration: none; color:
<!--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>
Tooltip : data-placement="top/bottom/left/right" data-toggle="tooltip" title="Text pada Tooltip Atas"
<!--blockquote 1-->
<blockquote style='background-color: #ffecec;'><span style="color: #3d85c6;">Kesimpulan: </span>tinggalan yang tidak penting</blockquote>
<!--info blockquote 2-->
<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/AVvXsEi7lKpJPbjCXb6S8RJFshzbXtYYn3jXWZYm41KLrqTfB6Cafx-r-YwBVKN62PYKamfVGh55EvOMVW0TY8jA8uAjsZQhys2chazc_sX7BNQs16V6p-SdI0H6t-2Q7UJ5uFdI6-c6OS41_Rpfgvhf2Suw1FmM2pNb8yxUIDJreZ9Wi8qskcA=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><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>
<!--download--> : RPP Daring Mapel Sejarah Indonesia : [<a href="https://docs.google.com/uc?export=download&id=#######" target="_blank"><b>Download</b></a>]
<!--pasword-->
<script>function verify(){if(document.getElementById('xxx').value==='y'){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> <style>.aba100{margin-bottom: 20px;padding:30px;color:#ffff;background-color:#9e0000;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTFpS62YGrk2eyGUC_aHiPbusQlwPEP1utGSY0uzEUMdKXFpqjkL7frgOxzGiT2zrlFGLG1eLgv0NNOehPy_zxp_drHyYGlNs-ASHLiU3wS7vvry2kWDG4HOK4Bj9UV3LZfG9prqxxD_L3/s512/Baground+Pasword.png);border-radius:5px;width:100%}</style>
<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-->conten yg di lock<!--isi--></div>
<!--google drive media-->
1<audio controls="" style="width:100%" autoplay="">
<source src="http://docs.google.com/uc?export=open&id=0B0GRVvnH21RdT3MwQ3lzN3Vjdnc" type="audio/mp3"></audio>
1<video width="100%" autoplay="" loop="" muted="" playsinline="" poster="https://drive.google.com/u/0/uc?id=1oTkfUsjCBUSvNGm3VRf1H6cRkWbq-ugg&export=download"><source src="https://drive.google.com/u/0/uc?id=1ifNDdUcsbQlpBmymVOhX9yqLZoarc3vv&export=download" type="video/mp4" /></video>
2<video width="100%" autoplay="" loop="" muted="" controls poster="https://drive.google.com/u/0/uc?id=1oTkfUsjCBUSvNGm3VRf1H6cRkWbq-ugg&export=download"><source src="https://drive.google.com/u/0/uc?id=1ifNDdUcsbQlpBmymVOhX9yqLZoarc3vv&export=download" type="video/mp4" />
<!--audio clik ijo benson-->
<audio src="https://docs.google.com/uc?export=download&id=1Yo6_fNq5Skt4RJXwTx8oi1tqcCPaLe9e" type="audio/mp3"></audio>
<audio src="https://www.bensound.com/bensound-music/bensound-ukulele.mp3" type="audio/mp3"></audio>
<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>
<!-- 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>
<!--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>
<!--drive no klik-->
<div class="drive-responsive">
<!--file-->
</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>
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}
<!--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>
<!--iklan atas-->
<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-->
<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--><div id='ikkiri' class='sticky-kiri loncat2'>
<a href='#'><img src='https://newrevive.detik.com/images/bb2616709977a0c12dc7ac1e24342999.jpg' alt=""/></a><div><a id='close-ikkiri' onclick='document.getElementById('ikkiri').style.display = 'none';' style='cursor:pointer;'><img style=' float:left' class='wer' alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj34TN6hVevTOj8UhiHUxPHZEaQ5A-WAwcg0_kFMTrcV9aOAngscLoXxTwYtmFRAR-fGoRnvIJ5nqjjqkRmaKhxV4IYefUluVcBZOo3IZr1BxUr18scAspucmInUvsPL9A-6uBkIDUbvhF3/s1600/btn_close.gif' title='close button'/></a></div></div>
<!--iklan kanan--><div id='ikkana' class='sticky-kanan loncat2'>
<a href='#'><img src='https://newrevive.detik.com/images/bb2616709977a0c12dc7ac1e24342999.jpg' alt=""/></a><div><a id='close-ikkana' onclick='document.getElementById('ikkana').style.display = 'none';' style='cursor:pointer;'><img style=' float:right' class='wer' alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj34TN6hVevTOj8UhiHUxPHZEaQ5A-WAwcg0_kFMTrcV9aOAngscLoXxTwYtmFRAR-fGoRnvIJ5nqjjqkRmaKhxV4IYefUluVcBZOo3IZr1BxUr18scAspucmInUvsPL9A-6uBkIDUbvhF3/s1600/btn_close.gif' title='close button'/></a></div></div>
<!--Spoiler Jawaban-->
<div style="text-align: left;"><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>
<!--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" >
<!--Mode Ujian--><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/AVvXsEgLe7gSXfb_2g4O0AYiQNuNmZyibanT5s9ANzQ5tAtwvOiZB8nyrnlJpZ686bafRW_ukq99R30WGYfpcve5Yn8OARVxXDI0yfB4wRuwS9aqD1GNZuB6Q0VPrAhdShme_UASkimRqfwCsCSB/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"><script>function verify(){if(document.getElementById('xxx').value==='y'){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> <style>.aba100{margin-bottom: 20px;padding:30px;color:#ffff;background-color:#9e0000;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTFpS62YGrk2eyGUC_aHiPbusQlwPEP1utGSY0uzEUMdKXFpqjkL7frgOxzGiT2zrlFGLG1eLgv0NNOehPy_zxp_drHyYGlNs-ASHLiU3wS7vvry2kWDG4HOK4Bj9UV3LZfG9prqxxD_L3/s512/Baground+Pasword.png);border-radius:5px;width:100%}</style>
<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"><!--G form--><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><!--end--></div><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/AVvXsEjI-b-wvapXsKZluMMwkMdGeU_Cea0vNCIHKHdyUyQIpDL5vyupug-ltw378wVVq2yZ_a35nl2cLW2FOeRA-GfyugN6xoTfBdWdEqYBL5-FMIKlUzVBOaRqYOVu6BFuHj47sZaYiqqUlc3w/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/AVvXsEiw7qER9vVS2I-vp_RUP2TbFqPryUWtTwAedE0MnXx-5MVRwQxyVj6n5Uj8OeKGv6D8Pr7yvzKPP37CKG923wLAjokJSNSI3Hz1AL6YdFbjWjYddTsqEsDnn-Hk2RyvprQmJM7bDKH9L2V4/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/AVvXsEi-bc_JcRy8ExQ3DLDH3ppTV9BcLSwD0m-qTvaAqT0cMBY1G14VUaCOvYU9rHw9cY-CPoJw0WBg0e-Uc86-brGWc9R6dyXgeg7oJW1vQnLGTiGPt2fr-ZM3BkUowAG8VrASbZZeoFMpT1gO/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/AVvXsEjI-b-wvapXsKZluMMwkMdGeU_Cea0vNCIHKHdyUyQIpDL5vyupug-ltw378wVVq2yZ_a35nl2cLW2FOeRA-GfyugN6xoTfBdWdEqYBL5-FMIKlUzVBOaRqYOVu6BFuHj47sZaYiqqUlc3w/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/AVvXsEiw7qER9vVS2I-vp_RUP2TbFqPryUWtTwAedE0MnXx-5MVRwQxyVj6n5Uj8OeKGv6D8Pr7yvzKPP37CKG923wLAjokJSNSI3Hz1AL6YdFbjWjYddTsqEsDnn-Hk2RyvprQmJM7bDKH9L2V4/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/AVvXsEi-bc_JcRy8ExQ3DLDH3ppTV9BcLSwD0m-qTvaAqT0cMBY1G14VUaCOvYU9rHw9cY-CPoJw0WBg0e-Uc86-brGWc9R6dyXgeg7oJW1vQnLGTiGPt2fr-ZM3BkUowAG8VrASbZZeoFMpT1gO/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/AVvXsEjnKc0UdlVaDsDjGmWCq0mdClRTrOPe4xb_ytRJKJQNvx7rbHLxg05vdRikh_7CpQjcxFtJFxNN8rcDYd0CIRymIaECKzhPECXIcFWbi1CtqPpFAuGblJE8-OCHYXF-IAqwjzejbbvBXrYo/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/AVvXsEibZEu-mrLHFx8S7DXmd446SAyvZ62TlnKFHoWdAjy6os9iFHTxAj0-HU8Ruy6FQlILJ-7-kvkPGGmluzy0RX_DksFh7mY0oq_EE1P5Atfu3_kv39IiAV9C5gj_nlM7jDd_v2_k4OkrQsfD/s512/Menu+3.png" /><span itemprop='name'>MENU</span></a></label></li> </ul></nav><span class='linetoday'/></div><!--end-->
<!--Time Countdown : 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 Ijo--><ul class="timeline">
<!--1 kiri--><li><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"><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><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"><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><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"><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><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"><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-->
<!--Rekomendasi Topik-->
<center><h3>Rekomendasi Topik</h3></center>
<div class='widget-content cloud-label-widget-content'>
<span class='label-size label-size-2'>
<a dir='ltr' href='#'>Hacking (3)</a></span>
<div class='clear'></div>
</div>
<!--baca juga 2-->
<div style='margin: 37px 0 20px'><div class='bjll'><span class="TBlink">Baca Juga !</span></div></div><div class="baca-juga"><ul class="bjl">
<li><a target="_blank" href="#">Dinar Candy Mengaku Kuat Berhubungan Seks Tiga Kali Sehari</a></li>
<li><a target="_blank" href="#">Kepada Nikita Mirzani, Atta Halilintar Mengaku Kuat Berhubungan...</a></li>
</ul></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>
<!--tonton juga-->
<div class="bacajuga" style='padding: 5px 0 0 0;'><div class="title"><span class="TBlink">Yuk Tonton Juga !</span></div><div style='text-align: center;'>
<!--G3--><div style='width: 48%; margin: 5px 0px 0px 0px;display: inline-block;'><a href="https://kasursejarah.blogspot.com/2021/01/materi-sejarah-indonesia-kelas-xii.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibiFZrtNQSXYdtfRu8IBDKNR9JTr7vjvfDUKZxYuMsUSS0mgLwvKIi4EkjzmVY-DEyHX-q8fvI9wX4F8VDZJFgJ1vROzfj2m628WD_8-nxlwLVmvQvPZhYQjL7nuPfEn-J895zeHgKw9MX/s600/KasurSejarah+Thumbnail.jpg" /></a></div>
<!--G4--><div style='width: 48%; margin: 5px 0px 0px 0px;display: inline-block;'><a href="https://kasursejarah.blogspot.com/2021/01/coming-soon-kasursejarah.html" target="_blank" style="text-decoration: none;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibiFZrtNQSXYdtfRu8IBDKNR9JTr7vjvfDUKZxYuMsUSS0mgLwvKIi4EkjzmVY-DEyHX-q8fvI9wX4F8VDZJFgJ1vROzfj2m628WD_8-nxlwLVmvQvPZhYQjL7nuPfEn-J895zeHgKw9MX/s600/KasurSejarah+Thumbnail.jpg" /></a></div>
</div></div><!--tonton juga end-->
<!--profil malik--><div class="aat"><div class="aaco"><span class="auva elc" style="background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPD_2CJm9-fn_FfZ0NMVkILvl8E3uXRb5A3t_nMNyaFBoQi-QrBDlydJbmmjOZ1zEEKSnZnAHbACVTFMMVsBNTLXCzKHaAOMaEdy-VshzkdbNnC33-CGrKcDGEnN_r2GOFYi-A96HjuAA1/s320/24789743.png)"></span></div><h3 class="aun"><span>Nur Malik Hadi Praja, S.Pd <svg style="width:18px;height:18px;margin: -5px 0 0 0 !important;" viewBox="0 0 24 24"><path d="M22.5 12.5c0-1.58-.875-2.95-2.148-3.6.154-.435.238-.905.238-1.4 0-2.21-1.71-3.998-3.818-3.998-.47 0-.92.084-1.336.25C14.818 2.415 13.51 1.5 12 1.5s-2.816.917-3.437 2.25c-.415-.165-.866-.25-1.336-.25-2.11 0-3.818 1.79-3.818 4 0 .494.083.964.237 1.4-1.272.65-2.147 2.018-2.147 3.6 0 1.495.782 2.798 1.942 3.486-.02.17-.032.34-.032.514 0 2.21 1.708 4 3.818 4 .47 0 .92-.086 1.335-.25.62 1.334 1.926 2.25 3.437 2.25 1.512 0 2.818-.916 3.437-2.25.415.163.865.248 1.336.248 2.11 0 3.818-1.79 3.818-4 0-.174-.012-.344-.033-.513 1.158-.687 1.943-1.99 1.943-3.484zm-6.616-3.334l-4.334 6.5c-.145.217-.382.334-.625.334-.143 0-.288-.04-.416-.126l-.115-.094-2.415-2.415c-.293-.293-.293-.768 0-1.06s.768-.294 1.06 0l1.77 1.767 3.825-5.74c.23-.345.696-.436 1.04-.207.346.23.44.696.21 1.04z" fill="#80cafd"></path></svg></span></h3><h5 class='desc'> Saya seorang Guru Sejarah. Ingin jadi guru yg sabar & bermanfaat. Setiap hari sya belajar, baca, nulis, diskusi, berbagi & mengamalkan. Maaf jika ada salah & kurang. Dukung kami dgn Subscribe chanel <a href="https://www.youtube.com/channel/UCqpPhKz5mW5lavrFEApHN_w?sub_confirmation=1">KasurSejarah</a>, <b>Thanks.</b></h5></div>
<!--Komentar--><br/><center><a class='kmtr' rel='nofollow noreferrer noopener' href="https://adminkasursejarah.blogspot.com/p/form-kontak-kasursejarah.html" target="_blank" style="text-decoration: none"><b>Buka Komentar <i class="fa fa-commenting TBlink" aria-hidden="true"></i></b></a></center>
<!-- Pre Loader --><div id="loader"></div><div id="content"><style>#loader{overflow:visible;background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw4JL0j1SKcU75TKVg9WvJJBZgvBQ3O-N2fprEqtkOpMFnOHp86J4Ck2dWbDe5diGLUAIREZ_zDlPDXtBw70Ai6SBeZmkgnMPO-yyBAlkRh51ckL6gopGAFSUMrfB-A9eeSswil0YivHVz/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>
<!--data-lazyloaded="1" src="about:blank" data-src--> <script>var _extends=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(t[o]=n[o])}return t},_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t};!function(t,e){"object"===("undefined"==typeof exports?"undefined":_typeof(exports))&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.LazyLoad=e()}(this,function(){"use strict";var n={elements_selector:"img",container:document,threshold:300,thresholds:null,data_src:"src",data_srcset:"srcset",data_sizes:"sizes",data_bg:"bg",class_loading:"litespeed-loading",class_loaded:"litespeed-loaded",class_error:"error",load_delay:0,callback_load:null,callback_error:null,callback_set:null,callback_enter:null,callback_finish:null,to_webp:!1},s="data-",r="was-processed",o="ll-timeout",a="true",c=function(t,e){return t.getAttribute(s+e)},i=function(t,e,n){var o=s+e;null!==n?t.setAttribute(o,n):t.removeAttribute(o)},l=function(t){return c(t,r)===a},u=function(t,e){return i(t,o,e)},d=function(t){return c(t,o)},f=function(t,e){var n,o="LazyLoad::Initialized",s=new t(e);try{n=new CustomEvent(o,{detail:{instance:s}})}catch(t){(n=document.createEvent("CustomEvent")).initCustomEvent(o,!1,!1,{instance:s})}window.dispatchEvent(n)};var _=function(t,e){return e?t.replace(/\.(jpe?g|png)/gi,".webp"):t},t="undefined"!=typeof window,v=t&&!("onscroll"in window)||/(gle|ing|ro)bot|crawl|spider/i.test(navigator.userAgent),e=t&&"IntersectionObserver"in window,h=t&&"classList"in document.createElement("p"),b=t&&!1,g=function(t,e,n,o){for(var s,r=0;s=t.children[r];r+=1)if("SOURCE"===s.tagName){var a=c(s,n);m(s,e,a,o)}},m=function(t,e,n,o){n&&t.setAttribute(e,_(n,o))},p={IMG:function(t,e){var n=b&&e.to_webp,o=e.data_srcset,s=t.parentNode;s&&"PICTURE"===s.tagName&&g(s,"srcset",o,n);var r=c(t,e.data_sizes);m(t,"sizes",r);var a=c(t,o);m(t,"srcset",a,n);var i=c(t,e.data_src);m(t,"src",i,n)},IFRAME:function(t,e){var n=c(t,e.data_src);m(t,"src",n)},VIDEO:function(t,e){var n=e.data_src,o=c(t,n);g(t,"src",n),m(t,"src",o),t.load()}},y=function(t,e){var n,o,s=e._settings,r=t.tagName,a=p[r];if(a)return a(t,s),e._updateLoadingCount(1),void(e._elements=(n=e._elements,o=t,n.filter(function(t){return t!==o})));!function(t,e){var n=b&&e.to_webp,o=c(t,e.data_src),s=c(t,e.data_bg);if(o){var r=_(o,n);t.style.backgroundImage='url("'+r+'")'}if(s){var a=_(s,n);t.style.backgroundImage=a}}(t,s)},w=function(t,e){h?t.classList.add(e):t.className+=(t.className?" ":"")+e},E=function(t,e){t&&t(e)},L="load",I="loadeddata",O="error",k=function(t,e,n){t.addEventListener(e,n)},A=function(t,e,n){t.removeEventListener(e,n)},C=function(t,e,n){A(t,L,e),A(t,I,e),A(t,O,n)},z=function(t,e,n){var o,s,r=n._settings,a=e?r.class_loaded:r.class_error,i=e?r.callback_load:r.callback_error,c=t.target;o=c,s=r.class_loading,h?o.classList.remove(s):o.className=o.className.replace(new RegExp("(^|\\s+)"+s+"(\\s+|$)")," ").replace(/^\s+/,"").replace(/\s+$/,""),w(c,a),E(i,c),n._updateLoadingCount(-1)},N=function(n,o){var t,e,s,r=function t(e){z(e,!0,o),C(n,t,a)},a=function t(e){z(e,!1,o),C(n,r,t)};s=a,k(t=n,L,e=r),k(t,I,e),k(t,O,s)},x=["IMG","IFRAME","VIDEO"],M=function(t,e,n){R(t,n),e.unobserve(t)},S=function(t){var e=d(t);e&&(clearTimeout(e),u(t,null))};function R(t,e,n){var o=e._settings;!n&&l(t)||(E(o.callback_enter,t),-1<x.indexOf(t.tagName)&&(N(t,e),w(t,o.class_loading)),y(t,e),i(t,r,a),E(o.callback_set,t))}var j=function(t){return t.isIntersecting||0<t.intersectionRatio},T=function(t,e){this._settings=_extends({},n,t),this._setObserver(),this._loadingCount=0,this.update(e)};return T.prototype={_manageIntersection:function(t){var e,n,o,s,r,a=this._observer,i=this._settings.load_delay,c=t.target;i?j(t)?(e=c,n=a,s=(o=this)._settings.load_delay,(r=d(e))||(r=setTimeout(function(){M(e,n,o),S(e)},s),u(e,r))):S(c):j(t)&&M(c,a,this)},_onIntersection:function(t){t.forEach(this._manageIntersection.bind(this))},_setObserver:function(){var t;e&&(this._observer=new IntersectionObserver(this._onIntersection.bind(this),{root:(t=this._settings).container===document?null:t.container,rootMargin:t.thresholds||t.threshold+"px"}))},_updateLoadingCount:function(t){this._loadingCount+=t,0===this._elements.length&&0===this._loadingCount&&E(this._settings.callback_finish)},update:function(t){var e=this,n=this._settings,o=t||n.container.querySelectorAll(n.elements_selector);this._elements=Array.prototype.slice.call(o).filter(function(t){return!l(t)}),!v&&this._observer?this._elements.forEach(function(t){e._observer.observe(t)}):this.loadAll()},destroy:function(){var e=this;this._observer&&(this._elements.forEach(function(t){e._observer.unobserve(t)}),this._observer=null),this._elements=null,this._settings=null},load:function(t,e){R(t,this,e)},loadAll:function(){var e=this;this._elements.forEach(function(t){e.load(t)})}},t&&function(t,e){if(e)if(e.length)for(var n,o=0;n=e[o];o+=1)f(t,n);else f(t,e)}(T,window.lazyLoadOptions),T}),function(t,e){"use strict";var n,o,s=function(){n=new LazyLoad({elements_selector:"[data-lazyloaded]"}),o=function(){n.update()},t.MutationObserver&&new MutationObserver(o).observe(e.documentElement,{childList:!0,subtree:!0,attributes:!0})};t.addEventListener?t.addEventListener("load",s,!1):t.attachEvent("onload",s)}(window,document);</script>
<!--arab-->
<style>.block-arab{border:1px solid #eaeaef;border-radius:8px;padding:10px;margin:1.5em 0}.block-arab .arab{margin:0}.arti-arab{position:relative;font-size:90%;background-color:rgba(0,0,0,.05);color:#717174;border-radius:8px;padding:20px 10px 10px;margin:2.5em 0 0}.arti-arab:before{content:'Artinya :';position:absolute;font-weight:bold;border-radius:50px;background:#fcfcfc;color:#333;padding:0 15px 1px;top:-14px;left:15px;}</style>
<style>@font-face{font-family:KFGQPC Uthman Taha Naskh Bold;font-display:swap;src:url('https://cdn.statically.io/gh/imansani93/idnxmus-html/090d0692/UTHMANTN1B%20VER10_0.OTF') format('opentype');font-weight:bold;font-style:normal}.arab{font-family:KFGQPC Uthman Taha Naskh Bold;font-size:26px;font-weight:normal;line-height:2;text-align:right;direction:rtl;margin:1.5em 0}</style>
<p class="arab">
الَدُّعَاءُ مُخُّ اْلِعبَادَةِ
</p>
<p class="arab">
<div class="block-arab">
<div class="arab">
مَنْ سَلَكَ طَرِيقًا يَلْتَمِسُ فِيهِ عِلْمًا سَهَّلَ اللَّهُ لَهُ بِهِ طَرِيقًا إِلَى الْجَنَّةِ
</div>
<div class="arti-arab">
“Barangsiapa yang menempuh suatu jalan dalam rangka menuntut ilmu, maka Allah akan memudahkan baginya jalan menuju surga.” (HR. Muslim no. 7028)
</div>
</div>
<!--arab end-->
<!--TOC daftar isi-->
<div id="tepian" style="width:100%"><div class='mbdtoc' onclick='modalBackdrop()'><div class='material-dialog'><strong class='title'></strong></div></div><div class='oe'><a onclick='tocShow();gtr(50)'><img title='Daftar Isi' class='gbrtoc' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirxrtUSiFaWR7e2p4Lc7y0xVfwEqwDD4ljjZK8fUAwyAq4leUke13fc6nsK2FznnFUsOQcJRmM2_Emv9nvkdlM6GoDytl6zIB9UZcjrzuTPghElYxsjFJKfvt-djqr8Mf_pA2A66RUlmIj/s320/Menu+TOC+kasur+sejarah.png'/><div class="cir red tblink"></div><div class='oei'><b class='bgkuning'>daftar isi</b></div></a></div><div class="elcTOC"><h3 style='text-shadow: 1px 1px 0 #800000;'>Daftar Isi :</h3><div id="elcTOC"><style>.ole ol li:before{margin-left: 8px !important;} .ole ol li{margin:0em !important;}</style><div class='ole'>
<!--toc--><div class="toc-e" style='color:#400000;font-weight: 500!important;'>
<!--rom1--><div class="toc-id"> <a href="#Cara_Memasukkan_Gambar_di_HTML">
<span class="nomere">1</span>
<span class="judulhvr">Cara Memasukkan Gambar di HTML</span>
</a>
<div class="toc-e">
<div class="toc-id"> <a href="#Langkah_1_Memastikan_Format_Gambar_Sudah_Sesuai">
<span class="nomere">1.1</span>
<span class="judulhvr">Langkah 1: Memastikan Format Gambar Sudah Sesuai</span>
</a>
</div><div class="toc-id"> <a href="#Langkah_2_Memasukkan_Atribut_Sumber_Gambar_pada_Tag_HTML_Images">
<span class="nomere">1.2</span>
<span class="judulhvr">Langkah 2: Memasukkan Atribut Sumber Gambar pada Tag HTML Images</span>
</a>
</div><div class="toc-id"> <a href="#Langkah_3_Memberikan_Atribut_Alt_Text_pada_Tag_HTML_Images">
<span class="nomere">1.3</span>
<span class="judulhvr">Langkah 3: Memberikan Atribut Alt Text pada Tag HTML Images</span>
</a>
</div><div class="toc-id"> <a href="#Langkah_4_Mencantumkan_Keterangan_Gambar">
<span class="nomere">1.4</span>
<span class="judulhvr">Langkah 4: Mencantumkan Keterangan Gambar</span>
</a>
</div></div></div><!--rom1 end-->
<!--rom2 end--><div class="toc-id"> <a href="#Bonus_Cara_Membuat_Floating_Image_di_HTML">
<span class="nomere">2</span>
<span class="judulhvr">Cara Membuat Floating Image di HTML</span>
</a>
</div><!--rom2 end-->
<!--rom3 end--><div class="toc-id"> <a href="#Percantik_Website_dengan_Gambar_yang_Menarik">
<span class="nomere">3</span>
<span class="judulhvr">Metodologi Penelitian Sejarah</span>
</a>
</div><!--rom3 end-->
</div><!--toc end-->
</div></div></div></div><!--TOC daftar isi-->
<!--Isi dari toc yg di id / href=#-->
<h2><span id="Cara_Memasukkan_Gambar_di_HTML">Cara Memasukkan Gambar di HTML</span></h2>
<p>Supaya gambar bisa tampil pada website, mari simak beberapa cara memasukkan gambar di HTML berikut ini.</p>
<h3><span id="Langkah_1_Memastikan_Format_Gambar_Sudah_Sesuai">Langkah 1: Memastikan Format Gambar Sudah Sesuai</span></h3>
<p>Gabungan atas semua situs yang dapat diakses publik di Internet disebut pula sebagai World Wide Web atau lebih dikenal dengan singkatan WWW. Meskipun setidaknya halaman beranda situs Internet umumnya dapat diakses publik secara bebas, pada praktiknya tidak semua situs memberikan kebebasan bagi publik untuk mengaksesnya, beberapa situs web mewajibkan pengunjung untuk melakukan pendaftaran sebagai anggota, atau bahkan meminta pembayaran untuk dapat menjadi aggota untuk dapat mengakses isi yang terdapat dalam situs web tersebut, misalnya situs-situs yang menampilkan pornografi, situs-situs berita, layanan surel (e-mail), dan lain-lain. Pembatasan-pembatasan ini umumnya dilakukan karena alasan keamanan, menghormati privasi, atau karena tujuan komersial tertentu.</p>
<h3><span id="Langkah_2_Memasukkan_Atribut_Sumber_Gambar_pada_Tag_HTML_Images">Langkah 2: Memasukkan Atribut Sumber Gambar pada Tag HTML Images</span></h3>
<p>Gabungan atas semua situs yang dapat diakses publik di Internet disebut pula sebagai World Wide Web atau lebih dikenal dengan singkatan WWW. Meskipun setidaknya halaman beranda situs Internet umumnya dapat diakses publik secara bebas, pada praktiknya tidak semua situs memberikan kebebasan bagi publik untuk mengaksesnya, beberapa situs web mewajibkan pengunjung untuk melakukan pendaftaran sebagai anggota, atau bahkan meminta pembayaran untuk dapat menjadi aggota untuk dapat mengakses isi yang terdapat dalam situs web tersebut, misalnya situs-situs yang menampilkan pornografi, situs-situs berita, layanan surel (e-mail), dan lain-lain. Pembatasan-pembatasan ini umumnya dilakukan karena alasan keamanan, menghormati privasi, atau karena tujuan komersial tertentu.</p>
<h3><span id="Langkah_3_Memberikan_Atribut_Alt_Text_pada_Tag_HTML_Images">Langkah 3: Memberikan Atribut Alt Text pada Tag HTML Images</span></h3>
<p>Gabungan atas semua situs yang dapat diakses publik di Internet disebut pula sebagai World Wide Web atau lebih dikenal dengan singkatan WWW. Meskipun setidaknya halaman beranda situs Internet umumnya dapat diakses publik secara bebas, pada praktiknya tidak semua situs memberikan kebebasan bagi publik untuk mengaksesnya, beberapa situs web mewajibkan pengunjung untuk melakukan pendaftaran sebagai anggota, atau bahkan meminta pembayaran untuk dapat menjadi aggota untuk dapat mengakses isi yang terdapat dalam situs web tersebut, misalnya situs-situs yang menampilkan pornografi, situs-situs berita, layanan surel (e-mail), dan lain-lain. Pembatasan-pembatasan ini umumnya dilakukan karena alasan keamanan, menghormati privasi, atau karena tujuan komersial tertentu.</p>
<h3><span id="Langkah_4_Mencantumkan_Keterangan_Gambar">Langkah 4: Mencantumkan Keterangan Gambar</span></h3>
<p>Gabungan atas semua situs yang dapat diakses publik di Internet disebut pula sebagai World Wide Web atau lebih dikenal dengan singkatan WWW. Meskipun setidaknya halaman beranda situs Internet umumnya dapat diakses publik secara bebas, pada praktiknya tidak semua situs memberikan kebebasan bagi publik untuk mengaksesnya, beberapa situs web mewajibkan pengunjung untuk melakukan pendaftaran sebagai anggota, atau bahkan meminta pembayaran untuk dapat menjadi aggota untuk dapat mengakses isi yang terdapat dalam situs web tersebut, misalnya situs-situs yang menampilkan pornografi, situs-situs berita, layanan surel (e-mail), dan lain-lain. Pembatasan-pembatasan ini umumnya dilakukan karena alasan keamanan, menghormati privasi, atau karena tujuan komersial tertentu.</p>
<h3><span id="Cara_1_Mengubah_Dimensi_Gambar">Cara 1: Mengubah Dimensi Gambar</span></h3>
<p>Gabungan atas semua situs yang dapat diakses publik di Internet disebut pula sebagai World Wide Web atau lebih dikenal dengan singkatan WWW. Meskipun setidaknya halaman beranda situs Internet umumnya dapat diakses publik secara bebas, pada praktiknya tidak semua situs memberikan kebebasan bagi publik untuk mengaksesnya, beberapa situs web mewajibkan pengunjung untuk melakukan pendaftaran sebagai anggota, atau bahkan meminta pembayaran untuk dapat menjadi aggota untuk dapat mengakses isi yang terdapat dalam situs web tersebut, misalnya situs-situs yang menampilkan pornografi, situs-situs berita, layanan surel (e-mail), dan lain-lain. Pembatasan-pembatasan ini umumnya dilakukan karena alasan keamanan, menghormati privasi, atau karena tujuan komersial tertentu.</p>
<h3><span id="Cara_2_Memberikan_Bingkai_Gambar">Cara 2: Memberikan Bingkai Gambar</span></h3>
<p>Gabungan atas semua situs yang dapat diakses publik di Internet disebut pula sebagai World Wide Web atau lebih dikenal dengan singkatan WWW. Meskipun setidaknya halaman beranda situs Internet umumnya dapat diakses publik secara bebas, pada praktiknya tidak semua situs memberikan kebebasan bagi publik untuk mengaksesnya, beberapa situs web mewajibkan pengunjung untuk melakukan pendaftaran sebagai anggota, atau bahkan meminta pembayaran untuk dapat menjadi aggota untuk dapat mengakses isi yang terdapat dalam situs web tersebut, misalnya situs-situs yang menampilkan pornografi, situs-situs berita, layanan surel (e-mail), dan lain-lain. Pembatasan-pembatasan ini umumnya dilakukan karena alasan keamanan, menghormati privasi, atau karena tujuan komersial tertentu.</p>
<h3><span id="Cara_3_Mengatur_Posisi_Gambar">Cara 3: Mengatur Posisi Gambar</span></h3>
<p>Gabungan atas semua situs yang dapat diakses publik di Internet disebut pula sebagai World Wide Web atau lebih dikenal dengan singkatan WWW. Meskipun setidaknya halaman beranda situs Internet umumnya dapat diakses publik secara bebas, pada praktiknya tidak semua situs memberikan kebebasan bagi publik untuk mengaksesnya, beberapa situs web mewajibkan pengunjung untuk melakukan pendaftaran sebagai anggota, atau bahkan meminta pembayaran untuk dapat menjadi aggota untuk dapat mengakses isi yang terdapat dalam situs web tersebut, misalnya situs-situs yang menampilkan pornografi, situs-situs berita, layanan surel (e-mail), dan lain-lain. Pembatasan-pembatasan ini umumnya dilakukan karena alasan keamanan, menghormati privasi, atau karena tujuan komersial tertentu.</p>
<h2><span id="Bonus_Cara_Membuat_Floating_Image_di_HTML">2. Cara Membuat Floating Image di HTML</span></h2>
<p>Gabungan atas semua situs yang dapat diakses publik di Internet disebut pula sebagai World Wide Web atau lebih dikenal dengan singkatan WWW. Meskipun setidaknya halaman beranda situs Internet umumnya dapat diakses publik secara bebas, pada praktiknya tidak semua situs memberikan kebebasan bagi publik untuk mengaksesnya, beberapa situs web mewajibkan pengunjung untuk melakukan pendaftaran sebagai anggota, atau bahkan meminta pembayaran untuk dapat menjadi aggota untuk dapat mengakses isi yang terdapat dalam situs web tersebut, misalnya situs-situs yang menampilkan pornografi, situs-situs berita, layanan surel (e-mail), dan lain-lain. Pembatasan-pembatasan ini umumnya dilakukan karena alasan keamanan, menghormati privasi, atau karena tujuan komersial tertentu.</p>
<h4><b>
<span id="Percantik_Website_dengan_Gambar_yang_Menarik">3. Metodologi Penelitian Sejarah</span></b></h4>
<!--4 kuadran-->
<section class="row">
<!--1--><div class="col-xl-6"><h4 class='borderb' style='text-align:center'> <b>1) HEORISTIK</b></h4><p style='text-align: justify; text-indent: 0.5in;margin-bottom: 5px;'> There’s a reason nobody creates silent movies anymore—they’re way less interesting than movies with sound! A voiceover makes videos more entertaining, so viewers are far more likely to watch them from start-to-finish …</p></div>
<!--2--><div class="col-xl-6"><h4 class='borderb' style='text-align:center'> <b>2) KRITIK</b></h4><p style='text-align: justify; text-indent: 0.5in;margin-bottom: 5px;'> A written call-to-action (CTA) is passive—more of a suggestion than a directive. By contrast, a spoken call-to-action is incredibly powerful, making videos with VOs way more effective.</p></div>
</section>
<section class="row">
<!--3--><div class="col-xl-6"><h4 class='borderb' style='text-align:center'> <b>3) INTERPRETASI</b></h4><p style='text-align: justify; text-indent: 0.5in;margin-bottom: 5px;'> When viewers feel a sense of connection to your brand, they’re much more likely to buy. A voiceover adds that all-important personal touch to your videos, increasing your brand’s “trust and likeability” factor.</p></div>
<!--4--><div class="col-xl-6"><h4 class='borderb' style='text-align:center'> <b>4) HISTORIOGRAFI</b></h4><p style='text-align: justify; text-indent: 0.5in;margin-bottom: 5px;'> Some concepts can be difficult to express visually. A voiceover gives you the opportunity to really explain your products and services, so viewers are more knowledgeable—and enthusiastic!—about what you have to offer.</p></div>
</section> <!--4 kuadran end-->
<h5 id='toc6'><b><span class="grb" style='--clr:#f50000c2;color:#000;margin-bottom: 5px;'>6. judul toc1</span></b></h5>
<p>Gabungan atas semua situs yang dapat diakses publik di Internet disebut pula sebagai World Wide Web atau lebih dikenal dengan singkatan WWW. Meskipun setidaknya halaman beranda situs Internet umumnya dapat diakses publik secara bebas, pada praktiknya tidak semua situs memberikan kebebasan bagi publik untuk mengaksesnya, beberapa situs web mewajibkan pengunjung untuk melakukan pendaftaran sebagai anggota, atau bahkan meminta pembayaran untuk dapat menjadi aggota untuk dapat mengakses isi yang terdapat dalam situs web tersebut, misalnya situs-situs yang menampilkan pornografi, situs-situs berita, layanan surel (e-mail), dan lain-lain. Pembatasan-pembatasan ini umumnya dilakukan karena alasan keamanan, menghormati privasi, atau karena tujuan komersial tertentu.</p>
<!--Isi dari toc yg di id / href=# End-->
<!--//Css wajib bulet//--><style>.post ul{list-style:none}</style>
<style>.cus1 ul li:before{content:"\f18e"}</style>
<div class='lis cus1'><ul>
<li>belajar adalah kewajjiban manusia, kebutuhan untuk kebaikan manusia itusendiri</li>
</ul></div>
<style>.cus2 ul li:before{content:"\f192"}</style>
<div class='lis cus2'><ul>
<li>belajar adalah kewajjiban manusia, kebutuhan untuk kebaikan manusia itusendiri</li>
</ul></div>
<style>.cus3 ul li:before{content:"\f058"}</style>
<div class='lis cus3'><ul>
<li>belajar adalah kewajjiban manusia, kebutuhan untuk kebaikan manusia itusendiri</li>
</ul></div>
<style>.cus4 ul li:before{content:"\f138"}</style>
<div class='lis cus4'><ul>
<li>belajar adalah kewajjiban manusia, kebutuhan untuk kebaikan manusia itusendiri</li>
</ul></div>
<!--nomer-->
<style>.ole ol li:before{margin-left:8px !important;} .ole ol li{margin:0em !important;}</style>
<div class='ole'><ol style='margin: 0 0 0 20px;'>
<li>belajar adalah kewajjiban manusia, kebutuhan untuk kebaikan manusia itusendiri</li>
</ol></div>
<!--baru--><svg width="46" height="18"><rect width="46" height="18" rx="9" fill="#900000"/><path d="M6.759 13h3.729c1.96 0 3.004-1.023 3.004-2.412 0-1.291-.925-2.071-1.918-2.118v-.085c.908-.205 1.577-.848 1.577-1.875 0-1.308-.972-2.237-2.898-2.237H6.759V13zm1.845-1.508V9.173h1.547c.886 0 1.436.511 1.436 1.232 0 .656-.447 1.087-1.479 1.087H8.604zm0-3.567V5.764h1.402c.818 0 1.283.422 1.283 1.053 0 .69-.562 1.108-1.317 1.108H8.604zM16.196 13l.648-1.99h3.149l.648 1.99h1.977L19.61 4.273h-2.378L14.219 13h1.977zm1.116-3.43l1.074-3.303h.068l1.074 3.303h-2.216zM23.669 13h1.845V9.906h1.347L28.514 13h2.037l-1.854-3.392c.993-.426 1.543-1.291 1.543-2.484 0-1.734-1.146-2.851-3.128-2.851h-3.443V13zm1.845-4.577V5.781h1.244c1.065 0 1.581.473 1.581 1.342s-.516 1.3-1.572 1.3h-1.253zm11.421-4.151v5.51c0 .997-.699 1.717-1.773 1.717s-1.773-.72-1.773-1.717v-5.51h-1.845V9.94c0 1.909 1.44 3.183 3.618 3.183 2.169 0 3.618-1.274 3.618-3.183V4.273h-1.845z" fill="#fff"/></svg>
<!--corocel--><div id="demo" class="carousel slide" data-ride="carousel"><ul class="carousel-indicators"><li data-target="#demo" data-slide-to="0" class="active"></li><li data-target="#demo" data-slide-to="1"></li></ul>
<!--G1--><div class="carousel-inner"><div class="carousel-item active"><a href="https://kasursejarah.blogspot.com/2021/01/coming-soon-kasursejarah.html"target="_blank"><img src="https://senangbelajar.com/uploads/images/slider/1.jpg" alt=" "/></a><div class="carousel-caption"></div></div>
<!--G2--><div class="carousel-item"><a href="https://kasursejarah.blogspot.com/2021/01/coming-soon-kasursejarah.html"target="_blank"><img src="https://senangbelajar.com/uploads/images/slider/2.jpg" alt=" " /></a><div class="carousel-caption"></div></div>
<!--arah panah--></div>
<a class="carousel-control-prev" href="#demo" data-slide="next"> <span onclick="gtr(30)" class="carousel-control-prev-icon"></span></a>
<a class="carousel-control-next" href="#demo" data-slide="prev"> <span onclick="gtr(30)" class="carousel-control-next-icon"></span></a>
</div><!--corocel end-->
<!--timer RG--><style>.flex-container-timer{display:flex;flex-wrap:nowrap}.flex-container-timer>div{background-color:#ed2643;color:#fff;width:33px;margin:auto 0;padding:.1rem;text-align:center;font-size:14px;font-weight:700;border-radius:4px}.flex-container-timer span{width:10px;font-family:Inter;font-size:14px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:0;text-align:center}</style>
<div class="flex-container-timer" id="clockdiv4"><b>Jalur reguler </b> <div class="days"></div><span>:</span><div class="hours" id="hours4"></div><span>:</span><div class="minutes" id="minutes4"></div><span>:</span><div class="seconds" id="seconds4"></div></div>
<script> function getTimeRemaining(endtime){const total=Date.parse(endtime)-Date.parse(new Date());const seconds=Math.floor((total/1000)%60);const minutes=Math.floor((total/1000/60)%60);const hours=Math.floor((total/(1000*60*60))%24);const days=Math.floor(total/(1000*60*60*24));return{total,days,hours,minutes,seconds};} function initializeClock(id,endtime){const clock=document.getElementById(id);const daysSpan=clock.querySelector('.days');const hoursSpan=clock.querySelector('.hours');const minutesSpan=clock.querySelector('.minutes');const secondsSpan=clock.querySelector('.seconds');function updateClock(){const t=getTimeRemaining(endtime);daysSpan.innerHTML=t.days;hoursSpan.innerHTML=('0'+t.hours).slice(-2);minutesSpan.innerHTML=('0'+t.minutes).slice(-2);secondsSpan.innerHTML=('0'+t.seconds).slice(-2);if(t.total<=0){document.getElementById("clockdiv4").style.display="none";}} updateClock();const timeinterval=setInterval(updateClock,1000);} const deadline4='jul 20 2021 23:59:59 GMT+0700';initializeClock('clockdiv4',deadline4); </script>
<!--Teks jalan-->
<div id="TICKER" style="display:none; overflow:hidden; background-color:#FFFFFF; width:100% ; margin-top: -5px; margin-bottom: -45px"; onmouseover="TICKER_PAUSED=true" onmouseout="TICKER_PAUSED=false">
<span style='background-color:#00796b;'><font color=#ffffff><b> Perhatikan dan Ingat : Stop Menilai kekurangan orang lain, nilai kekurangan dirimu sendiri </b></font></span>
<span style='background-color:#8e24aa;'><font color=#ffffff><b> Takwa kepada Allah adalah puncak segala tujuan. dengannya hati jadi tenang dan tidak ada rasa takut dan beredih hati </b></font></span>
<span style='background-color:#FFAA00;'><font color=#ffffff><b> Kerjakan tugasmu dan selesaikan dgn baik, jangan menunda </b></font></span>
<span style='background-color:#9a0000;'><font color=#ffffff><b> Tinggalkan yg tidak bermanfaat - jangan merugikan orang </b></font></span>
<span style='background-color:#00796b;'><font color=#ffffff><b> Stop buang waktu dan kesempatan sia-sia </b></font></span>
</div>
<!--Teks jalan-->
<style>.post-body table td{padding:0 5px}@media screen and (min-width:769px).post-body table td{padding:0 5px}</style>
<script type='text/javascript'>
//<![CDATA[
TICKER_CONTENT=document.getElementById("TICKER").innerHTML;TICKER_RIGHTTOLEFT=false;TICKER_SPEED=2;TICKER_STYLE="font-family:Arial; font-size:12px; color:#444444";TICKER_PAUSED=false;ticker_start();function ticker_start(){var tickerSupported=false;TICKER_WIDTH=document.getElementById("TICKER").style.width;var img="<img src=https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-MlAf-gEXhjuto_sSLkOHCn_Q0rXGG2QWmL0zl7ekTSX3CLPZdXCkByOnQYMIBhbhP2-pPtptczRbqAYePt-zb7TGbqZw0XwxDh3ejOUrZs5KZriP5VQWlK6mlTnNsLD6vOUQFioQvC6I/s20/star.gif width="+TICKER_WIDTH+" height=0>";if(navigator.userAgent.indexOf("Firefox")!=-1||navigator.userAgent.indexOf("Safari")!=-1){document.getElementById("TICKER").innerHTML="<TABLE cellspacing='0' cellpadding='0' width='100%'><TR><TD nowrap='nowrap'>"+img+"<SPAN style='"+TICKER_STYLE+"' ID='TICKER_BODY' width='100%'> </SPAN>"+img+"</TD></TR></TABLE>";tickerSupported=true;} if(navigator.userAgent.indexOf("MSIE")!=-1&&navigator.userAgent.indexOf("Opera")==-1){document.getElementById("TICKER").innerHTML="<DIV nowrap='nowrap' style='width:100%;'>"+img+"<SPAN style='"+TICKER_STYLE+"' ID='TICKER_BODY' width='100%'></SPAN>"+img+"</DIV>";tickerSupported=true;} if(!tickerSupported)document.getElementById("TICKER").outerHTML="";else{document.getElementById("TICKER").scrollLeft=TICKER_RIGHTTOLEFT?document.getElementById("TICKER").scrollWidth-document.getElementById("TICKER").offsetWidth:0;document.getElementById("TICKER_BODY").innerHTML=TICKER_CONTENT;document.getElementById("TICKER").style.display="block";TICKER_tick();}} function TICKER_tick(){if(!TICKER_PAUSED)document.getElementById("TICKER").scrollLeft+=TICKER_SPEED*(TICKER_RIGHTTOLEFT?-1:1);if(TICKER_RIGHTTOLEFT&&document.getElementById("TICKER").scrollLeft<=0)document.getElementById("TICKER").scrollLeft=document.getElementById("TICKER").scrollWidth-document.getElementById("TICKER").offsetWidth;if(!TICKER_RIGHTTOLEFT&&document.getElementById("TICKER").scrollLeft>=document.getElementById("TICKER").scrollWidth-document.getElementById("TICKER").offsetWidth)document.getElementById("TICKER").scrollLeft=0;window.setTimeout("TICKER_tick()",30);}
//]]>
</script>
<!--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 alt="" border="0" width="320" data-original-height="150" data-original-width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyMDhFB0uKEi89lZ2i3XuwThJcGaBlYMW_sc49_YCkLjmln8CLBHyCtx3ipB8_25aXV7Drq0yLdIYTqFOpfHi7q0jeIVz5GAVqwpFS1peJ8BLCnpOKogsmiq2xO8-D0qFEzQIfcf-mnCsU/s72/ezgif-4-32d29631952c.gif"/></a></div><center><center><b>Aku Pelajar,<br/>Tugas utamaku adalah BELAJAR</b></center><a onclick="gtr(50)" id ="do" class="close bn tbl" style="display:none">Mulai</a><a class="bn tbl" onclick="gtr(50) ; generate()" id="btn">Siap</a></center></div></div>
<!--poplazy 1x--><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 alt='' border='0' data-original-height='150' data-original-width='200' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzMBBjD3ecmrhmYwAFaHTiFJflnJ0tQAOkyhvO0jYQsmS0xRq4wTZTAQlIatFVI2GalMINnlEMFd9PXXWA-0vKt-TI0XPB4cW56k3tntluWVwn-q2UDhO9QSvY3oEYvCGTpYk6WB8XPxRW/s72/ezgif-4-32d29631952c.gif' width='200'/></a></div><center><center><b>-----------<br/>Selamat Membaca</b></center><a class='close bn tbl' onclick='gtr(50)'>OK</a></center></div></div>
<!--poplazycss--><style>a.tbl:link,a.tbl:visited,a.tbl:active,a.tbl:hover{padding:3px 25px;background-color:#840c00}.bn,.bn:link,.bn:visited{color:#FFF !important;background-color:#7FB51A;padding:3px 25px;border-radius:5px}.pops{background-color:rgba(0,0,0,0.8);height:100%;left:0;position:fixed;top:0;width:100%;z-index:99999}.pops .pop{background-color:#fff;margin:10% auto 0;padding:4px;position:relative;max-width:255px;border-radius:5px}.pops .close{opacity:1;position:absolute;right:0px;left:0px;bottom:-25px}@media only screen and (max-width:768px){.pops .pop{margin-top:58%}} </style>
<!--poplazyscript--><script type='text/javascript'>//<![CDATA[
function generate(){var linkDL=document.getElementById("do"),btn=document.getElementById("btn"),direklink=document.getElementById("do").class,waktu=1;var teks_waktu=document.createElement("span");linkDL.parentNode.replaceChild(teks_waktu,linkDL);var id;id=setInterval(function(){waktu++;if(waktu>100){teks_waktu.parentNode.replaceChild(linkDL,teks_waktu);clearInterval(id);linkDL.style.display="inline";}else{teks_waktu.innerHTML="Loading.. "+waktu.toString()+" %";btn.style.display="none";}},120);} $(document).ready(function($){$('.pops .close').click(function(event){event.preventDefault();$('.pops').slideUp('slow');});});$(window) //]]> </script>
Source: kasursejarah.contoh
