Coba template

<button id='copy-url' onclick='toggle(this.id);Copy();'/></div> <script type='text/javascript'> var obj0=document.getElementById("post15269703162551748804"); var obj1=document.getElementById("post25269703162551748804"); var s=obj1.innerHTML; var t=s.substr(0,s.length/2); var r=t.lastIndexOf("<br>"); if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);} </script> <div style='clear: both;'></div> <h3 class='line-titles'><span>Share on : </span></h3> <div class='share-post'> <ul class='entry-share-list clearfix'> <li class='facebook_share'> <a href='http://www.facebook.com/sharer.php?u=https://waothem.blogspot.com/2018/02/blog-post.html&title=' onclick='window.open(this.href, 'windowName', 'width=550, height=600, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><i class='fa fa-facebook'></i> </a> </li> <li class='twitter_share'> <a href='http://twitter.com/share?url=https://waothem.blogspot.com/2018/02/blog-post.html&title=' onclick='window.open(this.href, 'windowName', 'width=550, height=600, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><i class='fa fa-twitter'></i></a> </li> <li class='google_share'> <a href='https://plus.google.com/share?url=https://waothem.blogspot.com/2018/02/blog-post.html&title=' onclick='window.open(this.href, 'windowName', 'width=550, height=600, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><i class='fa fa-google-plus'></i></a> </li> <li class='linkedin_share'> <a href='http://www.linkedin.com/shareArticle?mini=true&url=https://waothem.blogspot.com/2018/02/blog-post.html&title=' onclick='window.open(this.href, 'windowName', 'width=550, height=600, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow' target='_blank'><i class='fa fa-linkedin'></i></a> </li> <li><a href='http://pinterest.com/pin/create/button/?url=https://waothem.blogspot.com/2018/02/blog-post.html&media=&description= ' onclick='window.open(this.href, 'windowName', 'width=550, height=600, left=24, top=24, scrollbars, resizable'); return false;' rel='nofollow'><i class='fa fa-pinterest'></i></a></li> </ul> </div> <div style='clear:both'></div> <span class='post-labels' style='margin: 10px;'> <div id='maia-signature'></div> </span> <div style='clear:both'></div> <div id='related_posts'> <h4>Artikel Terkait</h4> <ul id='related_img'> <script type='text/javascript'>relatpost();</script> </ul> </div>                         <div class='clear'></div> <div style='clear:both'></div> </div> </article> <div class='comments' id='comments'> <a name='comments'></a> <h3> 0 Response to " " </h3> <div id='Blog1_comments-block-wrapper'> <dl class='avatar-comment-indent' id='comments-block'> </dl> </div> <p class='comment-footer'> <div class='comment-form'> <a name='comment-form'></a> <h4 id='comment-post-message'>Posting Komentar</h4> <p> </p> <a href='https://www.blogger.com/comment/frame/5510005527501322653?po=5269703162551748804&hl=id&saa=85391&origin=https://waothem.blogspot.com' id='comment-editor-src'></a> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'></iframe> <!--Can't find substitution for tag [post.friendConnectJs]--> <script src='https://www.blogger.com/static/v1/jsbin/2830521187-comment_from_post_iframe.js' type='text/javascript'></script> <script type='text/javascript'> BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html', '0'); </script> </div> </p> <div id='backlinks-container'> <div id='Blog1_backlinks-container'> </div> </div> </div> </div> </div></div> <!--Can't find substitution for tag [adEnd]--> </div> <div class='blog-pager' id='blog-pager'> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' href='https://waothem.blogspot.com/2018/02/lorem-ipsum.html' id='Blog1_blog-pager-older-link' title='Posting Lama'>Posting Lama</a> </span> <a class='home-link' href='https://waothem.blogspot.com/'>Beranda</a> </div> <div class='clear'></div> <div class='post-feeds'> <div class='feed-links'> Langganan: <a class='feed-link' href='https://waothem.blogspot.com/feeds/5269703162551748804/comments/default' target='_blank' type='application/atom+xml'>Posting Komentar (Atom)</a> </div> </div> </div></div> </div> </div> <!-- end of post wrapper --> <!-- sidebar wrapper --> <aside id='sidebar-wrapper'> <div class='sidebar-container'> <div class='set set-1'> <div class='panel panel-1 section' id='panel-1'><div class='widget HTML' data-version='1' id='HTML2'> <h2 class='title'>Follow On :</h2> <div class='widget-content'> <style type="text/css"> .judulku1 h2{ color: #333; font-size: 20px;color: #333;margin-bottom: 0px } .judulku2 { height: 3px; background: gray; } .judulku3 {background-color: red; width: 0%; height: 100%;}</style> <table width="100%" class="sc-network" id="foll-sc-network"><tbody><tr><td ><a class="fac" href="http://www.facebook.com/alpaj23" title="follow On Facebook"><i class="fa fa-facebook" target="_blank"></i></a></td><td ><a class="ins" href="http://instagram.com/alif_prihantoro" title="Follow On Instagram"><i class="fa fa-instagram"></i></a></td><td ><a class="twi" href="https://twitter.com/alif_prihantoro" title="follow On Twitter" target="_blank"><i class="fa fa-twitter"></i></a></td><td ><a class="pin" href="#pinteres" title="Share On Pinterest" target="_blank"><i class="fa fa-pinterest"></i></a></td><td ><a class="gog" href="https://plus.google.com/id" title="Share on Google+" target="_blank"><i class="fa fa-google-plus"></i></a></td></tr></tbody></table> <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fayberonta%2F&tabs=mis&width=340&height=154&small_header=true&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=1899799373630627" width="340" height="154" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowtransparency="true"></iframe> </div> </div><div class='widget PageList' data-version='1' id='PageList1'> <input aria-hidden='true' class='toggle' id='open-more' tabindex='-1' type='checkbox'/> <div class='widget-content navigation'> <nav id='menu-nav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'> <ul> <li><a href='javascript:void(0)' id='open-dropdown' onclick='toggle(this.id)' title='Kategori'><span class='dropdown'>Kategori</span> <span class='svg chevron-down'></span></a> <ul id='dropdown'> <li><a href='/' itemprop='url' target='_blank' title='Accordion'><span itemprop='name'>Accordion</span></a></li> <li><a href='/' itemprop='url' target='_blank' title='Modal'><span itemprop='name'>Modal</span></a></li> <li><a href='/' itemprop='url' target='_blank' title='Navigation'><span itemprop='name'>Navigation</span></a></li> <li><a href='/' itemprop='url' target='_blank' title='PopUp'><span itemprop='name'>PopUp</span></a></li> <li><a href='/' itemprop='url' target='_blank' title='Table'><span itemprop='name'>Table</span></a></li> <li><a href='/' itemprop='url' target='_blank' title='Video'><span itemprop='name'>Video</span></a></li> </ul> </li> <li> <a href='https://mastamvan.blogspot.co.id/2017/07/download-template-simple-fast-responsive.html' itemprop='url' target='_blank' title='Download'><span itemprop='name'>Download</span></a> </li> <li> <a href='#' itemprop='url' target='_blank' title='Sitemap'><span itemprop='name'>Sitemap</span></a> </li> <li> <a href='#' itemprop='url' target='_blank' title='Contact'><span itemprop='name'>Contact</span></a> </li> <li> <a href='/p/contoh-halaman-laman.html' itemprop='url' target='_blank' title='Laman'><span itemprop='name'>Laman</span></a> </li> <li> <a href='#' itemprop='url' target='_blank' title='HTML'><span itemprop='name'>HTML</span></a> </li> <li> <a href='#' itemprop='url' target='_blank' title='CSS'><span itemprop='name'>CSS</span></a> </li> <li> <a href='#' itemprop='url' target='_blank' title='JavaScript'><span itemprop='name'>JavaScript</span></a> </li> <li> <a href='#' itemprop='url' target='_blank' title='jQuery'><span itemprop='name'>jQuery</span></a> </li> </ul> <div class='nav-toggle'> <label aria-hidden='true' class='show-more' for='open-more' itemprop='url' title='menu'><span itemprop='name'>More</span></label> </div> </nav> </div> </div><div class='widget PopularPosts' data-version='1' id='PopularPosts2'> <h2>Entri Populer1</h2> <div class='widget-content popular-posts'> <ul> </ul> </div> </div><div class='widget PopularPosts' data-version='1' id='PopularPosts3'> <h2>Entri Populer2</h2> <div class='widget-content popular-posts'> <ul> </ul> </div> </div><div class='widget PopularPosts' data-version='1' id='PopularPosts4'> <h2>Entri Populer</h2> <div class='widget-content popular-posts'> <ul> <li> <div class='item-content'> <span style='width: 4.28571428571429em;background: #f8466b;border-radius: 50%;height: 4.28571428571429em;position: absolute;'></span> <div class='item-title thumbNsnippet'><a href='https://waothem.blogspot.com/2018/02/lorem-ipsum.html' itemprop='url' title='Lorem Ipsum'><span itemprop='name'>Lorem Ipsum</span></a> <span class='item-snippet'> Lorem Ipsum "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..." "Tidak ada ...</span> </div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-content'> <span style='width: 4.28571428571429em;background: #f8466b;border-radius: 50%;height: 4.28571428571429em;position: absolute;'></span> <div class='item-title thumbNsnippet'><a href='https://waothem.blogspot.com/2018/02/blog-post.html' itemprop='url' title='(tanpa judul)'><span itemprop='name'>(tanpa judul)</span></a> <span class='item-snippet'> </span> </div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-content'> <span style='width: 4.28571428571429em;background: #f8466b;border-radius: 50%;height: 4.28571428571429em;position: absolute;'></span> <div class='item-title thumbNsnippet'><a href='https://waothem.blogspot.com/2018/02/coba-postingan.html' itemprop='url' title='Coba postingan'><span itemprop='name'>Coba postingan</span></a> <span class='item-snippet'>Isi dari postingan</span> </div> </div> <div style='clear: both;'></div> </li> </ul> </div> </div></div> <div class='panel panel-2 section' id='panel-2'><div class='widget HTML' data-version='1' id='HTML1'> <h2 class='title'>About</h2> <div class='widget-content'> <style type="text/css"> .about11 { border-collapse: collapse; border-spacing: 0; } .about11 th{ background-color: #333; color: #fff; font-weight: bold; } .about11 td{ border: none; text-align: center;;font-size: small; background-color: #F5F5F5; padding: 0px;} #aboutme img{width: 150px;height: 150px;border-radius:100px; border: 1px solid gray;} </style> <table class="about11" style="width: 100%;"><tbody> <tr> <th colspan="2" style="box-sizing: border-box; padding: 10px; text-align: center;" width="100%">Informasi Blog</th></tr> <tr><td> Blog ini bertujuan untuk saling berbagi dan bertanya tentang pelajaran maupun IT. Blog ini memposting : Pelajaran (sebuah catatan/ringkasan, soal" ,dan penjelasan/jawaban pertanyaan), Tutorial blog, dan beberapa Cerita keseharian admin. </td></tr> <tr> <th style="box-sizing: border-box; padding: 10px; text-align: center;" width="100%">Informasi Pemilik Blog</th></tr> <tr id='aboutme'> <td> <img height="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUCrLo_cYmkReLtF63Bu98uyO0R9km39sN8CWF-y4qeR3i45L9Yq7JDCVjdYZMmXMtlIXmK8sRWf3Fm_1aghyphenhyphenxK6m-IOmya-17mo8bb0VB27-l0yKL2g8wVR-Oo3cMZfQ72z8dvbsOeBQM/s1600/Maskotku.jpg" /> </td></tr><tr><td> Seorang pelajar yg tak terlalu pintar dan tidak bodoh yg ingin membagi pengetahuan dan pengalaman. Masih SMA di Jurusan IPS </td></tr> <tr><th style="box-sizing: border-box; padding: 10px; text-align: center;" width="100%"><a href="/p/about">[lihat selengkapnya]>></a></th></tr> </tbody></table> </div> </div></div> <div class='panel panel-3 section' id='panel-3'><div class='widget Label' data-version='1' id='Label2'> <h2>Label</h2> <div class='widget-content cloud-label-widget-content'> <span class='label-size label-size-1'> <a dir='ltr' href='https://waothem.blogspot.com/search/label/Coba%20lab'>Coba lab</a> </span> <span class='label-size label-size-5'> <a dir='ltr' href='https://waothem.blogspot.com/search/label/Coba%20label'>Coba label</a> </span> <span class='label-size label-size-1'> <a dir='ltr' href='https://waothem.blogspot.com/search/label/coba1'>coba1</a> </span> <span class='label-size label-size-1'> <a dir='ltr' href='https://waothem.blogspot.com/search/label/coba2'>coba2</a> </span> <span class='label-size label-size-1'> <a dir='ltr' href='https://waothem.blogspot.com/search/label/Contoh%20lorem%20ipsum'>Contoh lorem ipsum</a> </span> </div> </div></div> </div> <div class='clear'></div> <div class='sidebar section' id='sidebar'><div class='widget HTML' data-version='1' id='HTML3'> <h2 class='title'>This Blog is protected by DMCA.com</h2> <div class='widget-content'> <a href="//www.dmca.com/Protection/Status.aspx?ID=f5bce9cc-a676-4569-99e7-8237cbbad16a" target="_blank" title="Check blog Protection Status" class="dmca-badge"> <img src ="//www.dmca.com/Badges/dmca_protected_sml_120l.png" alt="DMCA.com for Blogger blogs" /></a> <script src="//images.dmca.com/Badges/DMCABadgeHelper.min.js"> </script> </div> </div><div class='widget PopularPosts' data-version='1' id='PopularPosts1'> <h2>Entri Populer</h2> <div class='widget-content popular-posts'> <ul> <li> <div class='item-content'> <div class='item-title'><a href='https://waothem.blogspot.com/2018/02/coba-postingan.html'>Coba postingan</a></div> <div class='item-snippet'>Isi dari postingan</div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-content'> <div class='item-title'><a href='https://waothem.blogspot.com/2018/02/blog-post.html'>(tanpa judul)</a></div> <div class='item-snippet'> </div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-content'> <div class='item-title'><a href='https://waothem.blogspot.com/2018/02/lorem-ipsum.html'>Lorem Ipsum</a></div> <div class='item-snippet'> Lorem Ipsum "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..." "Tidak ada ...</div> </div> <div style='clear: both;'></div> </li> </ul> </div> </div><div class='widget BlogSearch' data-version='1' id='BlogSearch1'> <h2 class='title'>Cari Blog Ini</h2> <div class='widget-content'> <div id='BlogSearch1_form'> <form action='https://waothem.blogspot.com/search' class='gsc-search-box' target='_top'> <table cellpadding='0' cellspacing='0' class='gsc-search-box'> <tbody> <tr> <td class='gsc-input'> <input autocomplete='off' class='gsc-input' name='q' size='10' title='search' type='text' value=''/> </td> <td class='gsc-search-button'> <input class='gsc-search-button' title='search' type='submit' value='Telusuri'/> </td> </tr> </tbody> </table> </form> </div> </div> <div class='clear'></div> </div> <div class='widget BlogArchive' data-version='1' id='BlogArchive1'> <h2>Timeline</h2> <div class='widget-content'> <div id='ArchiveList'> <div id='BlogArchive1_ArchiveList'> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> ▼  </span> </a> <a class='post-count-link' href='https://waothem.blogspot.com/2018/'> 2018 </a> <span class='post-count' dir='ltr'>(3)</span> <ul class='hierarchy'> <li class='archivedate expanded'> <a class='toggle' href='javascript:void(0)'> <span class='zippy toggle-open'> ▼  </span> </a> <a class='post-count-link' href='https://waothem.blogspot.com/2018/02/'> Februari </a> <span class='post-count' dir='ltr'>(3)</span> <ul class='posts'> <li><a href='https://waothem.blogspot.com/2018/02/blog-post.html'> </a></li> <li><a href='https://waothem.blogspot.com/2018/02/lorem-ipsum.html'>Lorem Ipsum</a></li> <li><a href='https://waothem.blogspot.com/2018/02/coba-postingan.html'>Coba postingan</a></li> </ul> </li> </ul> </li> </ul> </div> </div> </div> </div> <div class='widget Attribution' data-version='1' id='Attribution1'> <div class='widget-content' style='text-align: center;'> Diberdayakan oleh <a href='https://www.blogger.com' target='_blank'>Blogger</a>. </div> <div class='clear'></div> </div><div class='widget Label' data-version='1' id='Label1'> <h2>Labels</h2> <div class='widget-content list-label-widget-content'> <ul> <li class='Coba lab'> <a dir='ltr' href='https://waothem.blogspot.com/search/label/Coba%20lab' title='Coba lab'>Coba lab</a> </li> <li class='Coba label'> <a dir='ltr' href='https://waothem.blogspot.com/search/label/Coba%20label' title='Coba label'>Coba label</a> </li> <li class='coba1'> <a dir='ltr' href='https://waothem.blogspot.com/search/label/coba1' title='coba1'>coba1</a> </li> <li class='coba2'> <a dir='ltr' href='https://waothem.blogspot.com/search/label/coba2' title='coba2'>coba2</a> </li> <li class='Contoh lorem ipsum'> <a dir='ltr' href='https://waothem.blogspot.com/search/label/Contoh%20lorem%20ipsum' title='Contoh lorem ipsum'>Contoh lorem ipsum</a> </li> </ul> </div> </div><div class='widget HTML' data-version='1' id='HTML68'> <h2 class='title'>Sosial Media</h2> <div class='widget-content'> <div class='sidebar_about_author'> <div class='inner_wrapper'> <div class='lightsosmed-img'> <img alt='N Light' class='img-responsive' height='180' src='https://4.bp.blogspot.com/-jvRiCg0BHgk/VyO7VHzwFDI/AAAAAAAADCw/XAWK-rsio24QMitPfGRJXRFoxFPMWc6eACLcB/s1600/Info%2BArlina.jpg' title='N Light' width='300'/> <div class='aboutfloat-img'><span class='lightsosmed-float'><a href='https://www.blogger.com/follow-blog.g?blogID=570090457052071921' rel='nofollow' target='_blank' title='Join Our Site'><i class='fa fa-user'></i> Join Our Site</a></span></div> </div> </div> <div class='lightsosmed-info'> <h4><span>N Light</span></h4> <p>N Light Responsive Blogger Template</p> </div> <div class='lightsosmed-wrpicon'> <ul class='extender'> <li class='lightsosmed-icon fbl'><a href='https://www.facebook.com/arlinadesign' target='_blank' title='Follow Our Facebook'><i class='fa fa-facebook fa-fw'></i> Like</a></li> <li class='lightsosmed-icon twitt'><a href='https://twitter.com/ArlinaDesign' target='_blank' title='Follow Our Twitter'><i class='fa fa-twitter fa-fw'></i> Follow</a></li> <li class='lightsosmed-icon crcl'><a href='https://plus.google.com/+AmeliaPutri90' rel='nofollow' target='_blank' title='Follow Our Google+'><i class='fa fa-google-plus fa-fw'></i> Circle</a></li> </ul> </div> </div> </div> </div><div class='widget ReportAbuse' data-version='1' id='ReportAbuse1'> <h3 class='title'> <a class='report_abuse' href='https://www.blogger.com/go/report-abuse' rel='noopener nofollow' target='_blank'> Laporkan Penyalahgunaan </a> </h3> </div><div class='widget Profile' data-version='1' id='Profile1'> <h2>Mengenai Saya</h2> <div class='widget-content'> <dl class='profile-datablock'> <dt class='profile-data'> <a class='profile-name-link g-profile' href='https://www.blogger.com/profile/10640836221264168098' rel='author' style='background-image: url(//www.blogger.com/img/logo-16.png);'> MuryP </a> </dt> </dl> <a class='profile-link' href='https://www.blogger.com/profile/10640836221264168098' rel='author'>Lihat profil lengkapku</a> <div class='clear'></div> </div> </div> <div class='widget ContactForm' data-version='1' id='ContactForm1'> <h2 class='title'>Formulir Kontak</h2> <div class='contact-form-widget'> <div class='form'> <form name='contact-form'> <p></p> Nama <br/> <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/> <p></p> Email <span style='font-weight: bolder;'>*</span> <br/> <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/> <p></p> Pesan <span style='font-weight: bolder;'>*</span> <br/> <textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'>