Deskripsi
adalah awal kode dari HTML atau bisa di bilang sebagai pembukaannya
adalah tempat penampungan elemen yang terkandung di dalamnya seperti tetapi elemen yang di kandung di dalam head ersebut akan di bahas divlain waktu
</span></td>
</tr>
<tr>
<td class='col-md-3'><strong>Komentar</strong></td>
<td class='col-md-9'>
<span itemprop='author' itemscope='' itemtype='https://schema.org/Person'>
<a class='g-profile g-person' href='' itemprop='url'><span itemprop='name'>Kuasai Teknologi</span></a>
</span>
</td>
</tr>
<tr>
<td class='col-md-3'><strong>Author Rating</strong></td>
<td class='col-md-9'>
<div itemprop='reviewRating' itemscope='' itemtype='https://schema.org/Rating'>
<meta content='1' itemprop='worstRating'/>
<span itemprop='ratingValue'>5</span>/<span itemprop='bestRating'>5</span> Suara
</div>
</td>
</tr>
</table>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<div class='social-buttons responsive'>
<ul>
<li style='width:204px; height:70px; background-image:url(//lh3.googleusercontent.com/-dLdDFXSo0j8/VhXnXjvkE0I/AAAAAAAABe0/bt1dwv3IB-Q/h120/berbagi-itu-indah.gif'><a name='berbagi'></a></li>
<li class='twitter-button'>
<a class='twitter-share-button' data-count='vertical' href='https://twitter.com/intent/tweet?url=https://www.kuasaiteknologi.com/2017/04/cara-membuat-link-menggunakan-html5.html'>Tweet</a>
</li>
<li class='facebook-like-button'>
<div class='fb-like' data-action='like' data-href='https://www.kuasaiteknologi.com/2017/04/cara-membuat-link-menggunakan-html5.html' data-layout='box_count' data-share='false' data-show-faces='false'></div>
</li>
<li class='facebook-share-button'>
<div class='fb-share-button' data-href='https://www.kuasaiteknologi.com/2017/04/cara-membuat-link-menggunakan-html5.html' data-layout='box_count'></div>
</li>
<li class='googleplus-button'>
<g:plusone annotation='bubble' href='https://www.kuasaiteknologi.com/2017/04/cara-membuat-link-menggunakan-html5.html' size='tall'></g:plusone>
</li>
<li class='linkdin-button'>
<script src='//platform.linkedin.com/in.js' type='text/javascript'> lang: in_ID</script>
<script data-counter='top' data-url='https://www.kuasaiteknologi.com/2017/04/cara-membuat-link-menggunakan-html5.html' type='IN/Share'></script>
</li>
</ul>
</div>
<div class='related-post'>
<script src='/feeds/posts/default/-/HTML?alt=json-in-script&callback=related_results_labels_thumbs&max-results=10' type='text/javascript'></script>
<script src='/feeds/posts/default/-/Pemrograman?alt=json-in-script&callback=related_results_labels_thumbs&max-results=10' type='text/javascript'></script>
<h2>Baca Juga :</h2>
<script type='text/javascript'>removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs("https://www.kuasaiteknologi.com/2017/04/cara-membuat-link-menggunakan-html5.html");</script>
</div>
<div class='affiliate'>
<script async='async' src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script>
<ins class='adsbygoogle' data-ad-client='ca-pub-1535364762321604' data-ad-format='auto' data-ad-slot='3548949651' data-full-width-responsive='true' style='display:block'></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<a name='profil-penulis'></a>
<div id='author-info'>
<div class='role text-center' style='font-size:18px; margin-bottom:10px;'><i class='fa fa-pencil'></i> Komentar</div>
<div class='author-info-container text-center'>
<div class='g-person' data-href='https//plus.google.com/u/0/107291012069717195105' data-layout='landscape' data-rel='author' data-showcoverphoto='true' data-theme='dark' data-width='750'></div>
<a class='profile-link' href='' rel='author'><!--Can't find substitution for tag [viewProfileMsg]--></a>
</div>
<div class='old-author-info-container'>
<img alt='Anwar - Kuasai Teknologi' class='avatar avatar-120 photo' src='https://avatars.githubusercontent.com/u/35429445?v=4' title='Anwar'/>
<h5>Anwar</h5>
<p>Nama saya <strong>Anwar</strong>, Biasa dipanggil anwar. Saya seorang Mobile Developer & Blogger. Saya tinggal di Mataram, Lombok, Nusa Tenggara Barat.</p><br/>
<p style='text-align:justify;font-style: italic;letter-spacing: 2px;'><i class='fa fa-quote-left'></i> Ikatlah ilmumu dengan menuliskanya dan mengamalkannya. Jika ingin ilmumu bertambah, maka berbagilah <i class='fa fa-quote-right'></i></p>
<div class='web_l'>Blog: <a href='https://kuasaiteknologi.com/'>https://kuasaiteknologi.com/ </a></div>
<div class='web_l'>Website: <a href='https://www.kuasaiteknologi.com/' target='_blank'>https://www.kuasaiteknologi.com/</a></div>
<div id='social_menu'>
<ul>
<li><h4>Social Links:</h4></li>
<li class='ss-git'><a href='https://github.com/anwar907' rel='nofollow external' target='_blank'>
<span>Github</span></a></li>
<li class='ss-linkedin'><a href='https://www.linkedin.com/in/anwar-s/' rel='nofollow external' target='_blank'>
<span>Linkedin</span></a></li>
</ul>
</div>
<div class='clear'></div><br/>
<p>Terima kasih sudah mau berkunjung ke blog saya. Komentarnya dimatikan karna banyak yang ngirim spam link. Terimakasih</p>
</div>
</div>
</div>
</div>
</div>
<div class='comments-container'>
<div class='comment-tab hidden'>
<div class='comment-tab-title'>Komentari Dengan :</div>
<ul>
<li class='blogger-comment active'><a data-target='#blogger-comment' href='#blogger-comment' rel='nofollow'><i class='fa fa-blogger'></i> Blogger</a></li>
<li class='googleplus-comment'><a data-target='#googleplus-comment' href='#googleplus-comment' rel='nofollow'><i class='fa fa-gplus'></i> Google+</a></li>
</ul>
</div>
<div class='comment-forms'>
<div class='hidden' id='blogger-comment'>
<div class='comments' id='comments'>
<a name='comments' rel='nofollow'></a>
<h4>
Tidak ada komentar untuk " Membuat Link Menggunakan HTML5 "
</h4>
<dl id='comments-block'>
</dl>
<p class='comment-footer'>
<div class='comment-form'>
<a name='comment-form'></a>
<p>
terimakasih telah berkunjung ke blogg kami
</p>
<a href='https://www.blogger.com/comment/frame/3359190139915376210?po=7424841348150382719&hl=en' id='comment-editor-src'></a>
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'></iframe>
<script type="text/javascript" src="https://www.blogger.com/static/v1/jsbin/2279400703-iframe_colorizer.js"></script>
</div>
</p>
<div id='backlinks-container'>
<div id='Blog1_backlinks-container'>
</div>
</div>
</div>
</div>
<div id='googleplus-comment'>
<div class='cmt_iframe_holder' data-href='https://www.kuasaiteknologi.com/2017/04/cara-membuat-link-menggunakan-html5.html' data-viewtype=''></div>
</div>
</div>
</div>
<div class='comments-container'>
<div class='comment-tab hidden'>
<div class='comment-tab-title'>Komentari Dengan :</div>
<ul>
<li class='blogger-comment active'><a data-target='#blogger-comment' href='#blogger-comment' rel='nofollow'><i class='fa fa-blogger'></i> Blogger</a></li>
<li class='googleplus-comment'><a data-target='#googleplus-comment' href='#googleplus-comment' rel='nofollow'><i class='fa fa-gplus'></i> Google+</a></li>
</ul>
</div>
<div class='comment-forms'>
<div class='hidden' id='blogger-comment'>
<div class='comments' id='comments'>
<a name='comments' rel='nofollow'></a>
<h4>
Tidak ada komentar untuk " Membuat Link Menggunakan HTML5 "
</h4>
<dl id='comments-block'>
</dl>
<p class='comment-footer'>
<div class='comment-form'>
<a name='comment-form'></a>
<p>
terimakasih telah berkunjung ke blogg kami
</p>
<a href='https://www.blogger.com/comment/frame/3359190139915376210?po=7424841348150382719&hl=en' id='comment-editor-src'></a>
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'></iframe>
<script type="text/javascript" src="https://www.blogger.com/static/v1/jsbin/2279400703-iframe_colorizer.js"></script>
</div>
</p>
<div id='backlinks-container'>
<div id='Blog1_backlinks-container'>
</div>
</div>
</div>
</div>
<div id='googleplus-comment'>
<div class='cmt_iframe_holder' data-href='https://www.kuasaiteknologi.com/2017/04/cara-membuat-link-menggunakan-html5.html' data-viewtype=''></div>
</div>
</div>
</div>
<!--Can't find substitution for tag [adEnd]-->
<!--Can't find substitution for tag [adStart]-->
<!--Can't find substitution for tag [adEnd]-->
</div>
<div class='clear'></div>
<div class='post-feeds'>
<div class='feed-links'>
Subscribe to:
<a class='feed-link' href='https://www.kuasaiteknologi.com/feeds/7424841348150382719/comments/default' target='_blank' type='application/atom+xml'>
Post Comments
(
Atom
)
</a>
</div>
</div>
</div></div>
</div>
</div>
<aside class='sidebar_wrapper col-xs-12 col-sm-12 col-md-4 col-lg-4' id='sidebar-wrapper'>
<div class='sidebar section' id='sidebar'><div class='widget HTML' data-version='1' id='HTML1'>
<div class='widget-content'>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1535364762321604"
crossorigin="anonymous"></script>
<!-- iklan_samping -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1535364762321604"
data-ad-slot="1104773230"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class='clear'></div>
</div><div class='widget PopularPosts' data-version='1' id='PopularPosts1'>
<h2>Popular Posts</h2>
<div class='widget-content popular-posts'>
<ul>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='https://www.kuasaiteknologi.com/2017/12/membuat-database-dan-tabel-database-di.html' target='_blank'>
<img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglydgST3cCHxpZ0f2vQdAFHrZBMf14_RP_yOvB-tRwOqZwAjx4iHHj_2FyOKPZmTHL6_NPsg3h8qbKnRaMmaEvcNCdamMSJOMx67Uk67cplgCzitYfloNfC64oayBkz-B3tJrY4u6GH1gI/w72-h72-p-k-no-nu/xampp.PNG'/>
</a>
</div>
<div class='item-title'><a href='https://www.kuasaiteknologi.com/2017/12/membuat-database-dan-tabel-database-di.html'>Membuat Database dan Tabel Database di XAMPP Phpmyadmin </a></div>
<div class='item-snippet'> Membuat Database di XAMPP phpmyadmin - Sebelum admin menjelaskan lebih detail tentang membuat database di XAMPP phpmyadmin pastikan anda su...</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='https://www.kuasaiteknologi.com/2017/11/download-ebook-pemrograman-java-lengkap.html' target='_blank'>
<img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6VRuiqO-bZ5flMznpPxr6yOPjI8RMbFGxau2wdnh7GVHoIejqjxIu2CqZKXQAYnlNehWFTepIvYv6hyR6RzVtvge0PoMg8yUyUkvP7TA6HkV7B_O1xQics4xUj4b1pXqca4ZX5GGjq_Hq/w72-h72-p-k-no-nu/java.JPG'/>
</a>
</div>
<div class='item-title'><a href='https://www.kuasaiteknologi.com/2017/11/download-ebook-pemrograman-java-lengkap.html'>Download Ebook Pemrograman Java lengkap </a></div>
<div class='item-snippet'>hey guys,, sekarang anda gak usah bingung" lagi mencari E-books untuk bahasa pemrograman java, kali ini admin akan berbagi E-books java...</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='https://www.kuasaiteknologi.com/2017/03/pengertian-dan-komponen-yang-di.html' target='_blank'>
<img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkY2QjosQ3ZN_uGXpCVKcnfKEgIN5x_Sj_5TxV_8X9NYnfL0QnOfipjE5Uqa8mSoW22BOGEYQpPh9oQGDeQ3UirY54gZTeFf2vgVTK73fFYwL2WrtNpXTO1eEasjzgiTKvdmbRppJjn2Zh/w72-h72-p-k-no-nu/RODA.PNG'/>
</a>
</div>
<div class='item-title'><a href='https://www.kuasaiteknologi.com/2017/03/pengertian-dan-komponen-yang-di.html'>Pengertian Dan Komponen Yang Di Terapkan, Di Teknologi </a></div>
<div class='item-snippet'>1. ISTILAH TEKNOLOGI berasal dari kata yunani (Greek) yaitu : techne berarti seni kerajinan. logika berarti kata yang berhubungan denga...</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='https://www.kuasaiteknologi.com/2019/10/security-life-cycle.html' target='_blank'>
<img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaxZXDpeKajCQZNfam2aGGl9olCJlmTRtfYabmeLbHDR4IwJvVjEJdcoTOGvQJN1uDtTBxjnFQbqUC07LU0CTMYsWlG5lbKUocD1KNB6zP3m3QO4n6vqu-13yhiDWCvXZ2J7bdS59vpd7X/w72-h72-p-k-no-nu/scurity.png'/>
</a>
</div>
<div class='item-title'><a href='https://www.kuasaiteknologi.com/2019/10/security-life-cycle.html'>Security Life Cycle</a></div>
<div class='item-snippet'>Security Life Cycle - Banyak orang yang beranggapan bahwa masalah keamanan informasi dapat dipecahkan dengan membeli produk kemanan, misalny...</div>
</div>
<div style='clear: both;'></div>
</li>
<li>
<div class='item-content'>
<div class='item-thumbnail'>
<a href='https://www.kuasaiteknologi.com/2017/04/sistem-pada-komputer-terdiri-dari.html' target='_blank'>
<img alt='' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidFWWy10pymfo4CG0vFV98NjHtex5NYHw1j9w18AaVHk3rnm0GUvw39GGyd-uLUn3Y49JDe_entooTFA8FuXPXW-at4pHHHc9shGj8iqkTjxynGKlNSHv7jqjE8x0FzIrN4BCW0OmAHGEC/w72-h72-p-k-no-nu/sistem.PNG'/>
</a>
</div>
<div class='item-title'><a href='https://www.kuasaiteknologi.com/2017/04/sistem-pada-komputer-terdiri-dari.html'>Sistem Pada Komputer Terdiri Dari Hardware, Software, Brainware</a></div>
<div class='item-snippet'> Sistem Komputer komputer merupakan perangkat elektronik yang di rancang untuk memabantu penyelesaian permasalahan yang dihadapi manu...</div>
</div>
<div style='clear: both;'></div>
</li>
</ul>
<div class='clear'></div>
</div>
</div><div class='widget AdSense' data-version='1' id='AdSense1'>
<div class='widget-content'>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- kuasaitechnology_sidebar_AdSense1_1x1_as -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1535364762321604"
data-ad-host="ca-host-pub-1556223355139109"
data-ad-slot="6798837371"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div class='clear'></div>
</div>
</div><div class='widget HTML' data-version='1' id='HTML4'>
<h2 class='title'>Artikel Spesial !!</h2>
<div class='widget-content'>
<div class="artikel-spesial">
<script src="/feeds/posts/default/-/Artikel Spesial?published&alt=json-in-script&start-index=1&max-results=5&callback=homewidget"></script>
</div>
</div>
<div class='clear'></div>
</div><div class='widget HTML' data-version='1' id='HTML8'>
<h2 class='title'>Latest Posts</h2>
<div class='widget-content'>
<div class="latest-posts">
<script src='/feeds/posts/default/?published&alt=json-in-script&start-index=1&max-results=5&callback=homewidget'></script>
</div>
</div>
<div class='clear'></div>
</div>
<div class='widget HTML' data-version='1' id='HTML68'>
<h2 class='title'>About me</h2>
<div class='widget-content'>
<div class='sidebar_about_author'>
<div class='inner_wrapper'>
<div class='aboutme-img'>
<img alt='Author' class='img-responsive' height='auto' src='https://avatars.githubusercontent.com/u/35429445?v=4' title='Author' width='300'/>
</div>
</div>
<div class='aboutme-info'>
<h4 style='text-align:center'>media sosial</h4>
</div>
<div class='aboutme-wrpicon'>
<ul class='extender' style='text-align:center'>
<li class='aboutme-icon'><a href='https://www.facebook.com/AnwarTheEnd' rel='follow' target='_blank' title='Facebook'><i class='fab fa-facebook-square'></i></a></li>
<li class='aboutme-icon'><a href='https://twitter.com/RiilEnd' rel='follow' target='_blank' title='Twitter'><i class='fab fa-twitter-square'></i></a></li>
<li class='aboutme-icon'><a href='https://plus.google.com/102740502693567047570' rel='follow' target='_blank' title='Google+'><i class='fab fa-google-plus-square'></i></a></li>
<li class='aboutme-icon'><a href='https://www.youtube.com/channel/UCXT7wYaklgbbOBsdxAdrfpw' rel='follow' target='_blank' title='youtube'><i class='fab fa-youtube'></i></a></li>
<li class='aboutme-icon'><a href='https://www.instagram.com/rill_theend/' rel='follow' target='_blank' title='instagram'><i class='fab fa-instagram-square'></i></a></li>
<li class='aboutme-icon'><a href='https://dev.to/anwar907'><i class='fab fa-dev' title='anwar907's DEV Profile'></i></a></li>
</ul>
</div>
</div>
</div>
</div><div class='widget HTML' data-version='1' id='HTML6'>
<div class='widget-content'>
<script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- iklan_samping -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1535364762321604"
data-ad-slot="1104773230"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class='clear'></div>
</div>
</div>
</aside>
</div><!-- .row-fluid -->
</div><!-- .content-wrapper -->
</div><!-- ie7_8 -->
<!-- end content-wrapper -->
<div class='clear'></div>
<footer class='row' id='footer'>
<div class='copyr footer-sidebar'>
<div class='footer-left col-sm-12 col-md-4 section' id='footer1'><div class='widget HTML' data-version='1' id='HTML7'>
<h2 class='title'>Tentang Kuasai Teknologi</h2>
<div class='widget-content'>
<div class="row">
<div class="col-sm-12">
<img src="https://1.bp.blogspot.com/-QdLE0lQxghE/XpAb2jhf9EI/AAAAAAAACJI/74eEXzhnfrYMBj0svLbtjyMC5zE4tYQ-wCLcBGAsYHQ/s1600/loogo.png" class="img-responsive left" style="float:left; margin-right: 10px; margin-bottom: 5px; width:100px;"/>
<p style="text-align:justify"><a href="https://kuasaiteknologi.com/">Kuasai Teknologi</a> merupakan sebuah blog pribadi tempat belajar, berbagi informasi tentang teknologi baik hardware maupun software dan digital marketing menyajikan konten beragam yang bermanfaat, edukatif, inspiratif, disajikan dalam bentuk artikel, foto dan konten lainnya secara aktual.</p>
</div></div>
</div>
<div class='clear'></div>
</div></div>
<div class='footer-left col-sm-12 col-md-4 no-items section' id='footer2'></div>
<div class='footer-left col-sm-12 col-md-4 no-items section' id='footer3'></div>
</div>
</footer>
<footer class='footer_bottom'>
<div class='footer-sidebar'>
<div id='social_menu'>
<ul>
<li><a class='scroll' href='#atas'><i class='fa fa-angle-up'></i> Kembali ke atas</a></li>
</ul>
</div>
<span class='copyright'>
<script type='text/javascript'>
copyright=new Date();
update=copyright.getFullYear();
document.write("© "+ update + " Kuasai Teknologi |");</script>
Design By <a class='g-profile' href='' rel='author'>Anwar</a> |
<a href='/p/disclaimer.html'>Disclaimer</a> |
<a href='/p/blog-page.html'>Privacy Policy</a> |
<a href='/p/blog-page_17.html'>Term Of Services</a> | Powered by <a href='https://blogger.com' rel='nofollow'>Blogger</a> & <a href='https://www.kuasaiteknologi.com/' target='_blank'>Kuasai Teknologi</a>
</span>
</div>
</footer>
</div>
<!-- end footer -->
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js'></script>
<script>/*<},easeInQuad:function(e,f,a,h,g){return h*(f/=g)*f+a},easeOutQuad:function(e,f,a,h,g){return -h*(f/=g)*(f-2)+a},easeInOutQuad:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f+a}return -h/2*((--f)*(f-2)-1)+a},easeInCubic:function(e,f,a,h,g){return h*(f/=g)*f*f+a},easeOutCubic:function(e,f,a,h,g){return h*((f=f/g-1)*f*f+1)+a},easeInOutCubic:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f+a}return h/2*((f-=2)*f*f+2)+a},easeInQuart:function(e,f,a,h,g){return h*(f/=g)*f*f*f+a},easeOutQuart:function(e,f,a,h,g){return -h*((f=f/g-1)*f*f*f-1)+a},easeInOutQuart:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f+a}return -h/2*((f-=2)*f*f*f-2)+a},easeInQuint:function(e,f,a,h,g){return h*(f/=g)*f*f*f*f+a},easeOutQuint:function(e,f,a,h,g){return h*((f=f/g-1)*f*f*f*f+1)+a},easeInOutQuint:function(e,f,a,h,g){if((f/=g/2)<1){return h/2*f*f*f*f*f+a}return h/2*((f-=2)*f*f*f*f+2)+a},easeInSine:function(e,f,a,h,g){return -h*Math.cos(f/g*(Math.PI/2))+h+a},easeOutSine:function(e,f,a,h,g){return h*Math.sin(f/g*(Math.PI/2))+a},easeInOutSine:function(e,f,a,h,g){return -h/2*(Math.cos(Math.PI*f/g)-1)+a},easeInExpo:function(e,f,a,h,g){return(f==0)?a:h*Math.pow(2,10*(f/g-1))+a},easeOutExpo:function(e,f,a,h,g){return(f==g)?a+h:h*(-Math.pow(2,-10*f/g)+1)+a},easeInOutExpo:function(e,f,a,h,g){if(f==0){return a}if(f==g){return a+h}if((f/=g/2)<1){return h/2*Math.pow(2,10*(f-1))+a}return h/2*(-Math.pow(2,-10*--f)+2)+a},easeInCirc:function(e,f,a,h,g){return -h*(Math.sqrt(1-(f/=g)*f)-1)+a},easeOutCirc:function(e,f,a,h,g){return h*Math.sqrt(1-(f=f/g-1)*f)+a},easeInOutCirc:function(e,f,a,h,g){if((f/=g/2)<1){return -h/2*(Math.sqrt(1-f*f)-1)+a}return h/2*(Math.sqrt(1-(f-=2)*f)+1)+a},easeInElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return -(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e},easeOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k)==1){return e+l}if(!j){j=k*0.3}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}return g*Math.pow(2,-10*h)*Math.sin((h*k-i)*(2*Math.PI)/j)+l+e},easeInOutElastic:function(f,h,e,l,k){var i=1.70158;var j=0;var g=l;if(h==0){return e}if((h/=k/2)==2){return e+l}if(!j){j=k*(0.3*1.5)}if(g<Math.abs(l)){g=l;var i=j/4}else{var i=j/(2*Math.PI)*Math.asin(l/g)}if(h<1){return -0.5*(g*Math.pow(2,10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j))+e}return g*Math.pow(2,-10*(h-=1))*Math.sin((h*k-i)*(2*Math.PI)/j)*0.5+l+e},easeInBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*(f/=h)*f*((g+1)*f-g)+a},easeOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}return i*((f=f/h-1)*f*((g+1)*f+g)+1)+a},easeInOutBack:function(e,f,a,i,h,g){if(g==undefined){g=1.70158}if((f/=h/2)<1){return i/2*(f*f*(((g*=(1.525))+1)*f-g))+a}return i/2*((f-=2)*f*(((g*=(1.525))+1)*f+g)+2)+a},easeInBounce:function(e,f,a,h,g){return h-jQuery.easing.easeOutBounce(e,g-f,0,h,g)+a},easeOutBounce:function(e,f,a,h,g){if((f/=g)<(1/2.75)){return h*(7.5625*f*f)+a}else{if(f<(2/2.75)){return h*(7.5625*(f-=(1.5/2.75))*f+0.75)+a}else{if(f<(2.5/2.75)){return h*(7.5625*(f-=(2.25/2.75))*f+0.9375)+a}else{return h*(7.5625*(f-=(2.625/2.75))*f+0.984375)+a}}}},easeInOutBounce:function(e,f,a,h,g){if(f<g/2){return jQuery.easing.easeInBounce(e,f*2,0,h,g)*0.5+a}return jQuery.easing.easeOutBounce(e,f*2-g,0,h,g)*0.5+h*0.5+a}});/*]]>*/
</script>
<script src='//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js'></script>
<!--<script src='https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.2/js/materialize.min.js'/>-->
<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shCore.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushCpp.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushPhp.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushJScript.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/SyntaxHighlighter/3.0.83/scripts/shBrushXml.min.js'></script>
<script language='javascript'>
/*<![CDATA[*/
SyntaxHighlighter.config.bloggerMode = true;
// SyntaxHighlighter.config.clipboardSwf = '//alexgorbatchev.com/pub/sh/2.1.364/scripts/clipboard.swf';
SyntaxHighlighter.config.toolbar = false;
SyntaxHighlighter.all();
/*]]>*/
</script>
<script src='//cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.js'></script>
<script type='text/javascript'>
var postperpage=20;
var numshowpage=3;
var upPageWord ='« Sebelumnya';
var downPageWord ='Berikutnya »';
var urlactivepage=location.href;
var home_page="/";
</script>
<script type='text/javascript'>
//<![CDATA[
var nopage;var jenis;var nomerhal;var lblname1;halamanblogger();function loophalaman(banyakdata){var html='';nomerkiri=parseInt(numshowpage/2);if(nomerkiri==numshowpage-nomerkiri){numshowpage=nomerkiri*2+1}mulai=nomerhal-nomerkiri;if(mulai<1)mulai=1;maksimal=parseInt(banyakdata/postperpage)+1;if(maksimal-1==banyakdata/postperpage)maksimal=maksimal-1;akhir=mulai+numshowpage-1;if(akhir>maksimal)akhir=maksimal;html+="<span class='showpageOf'>Page "+nomerhal+' of '+maksimal+"</span>";var prevnomer=parseInt(nomerhal)-1;if(nomerhal>1){if(nomerhal==2){if(jenis=="page"){html+='<span class="showpage"><a href="'+home_page+'">'+upPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">'+upPageWord+'</a></span>'}}else{if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+prevnomer+');return false">'+upPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+prevnomer+');return false">'+upPageWord+'</a></span>'}}}if(mulai>1){if(jenis=="page"){html+='<span class="showpageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">1</a></span>'}}if(mulai>2){html+=' '}for(var jj=mulai;jj<=akhir;jj++){if(nomerhal==jj){html+='<span class="showpagePoint">'+jj+'</span>'}else if(jj==1){if(jenis=="page"){html+='<span class="showpageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">1</a></span>'}}else{if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+jj+');return false">'+jj+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+jj+');return false">'+jj+'</a></span>'}}}if(akhir<maksimal-1){html+=''}if(akhir<maksimal){if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+maksimal+');return false">'+maksimal+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+maksimal+');return false">'+maksimal+'</a></span>'}}var nextnomer=parseInt(nomerhal)+1;if(nomerhal<maksimal){if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+nextnomer+');return false">'+downPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+nextnomer+');return false">'+downPageWord+'</a></span>'}}var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function hitungtotaldata(root){var feed=root.feed;var totaldata=parseInt(feed.openSearch$totalResults.$t,10);loophalaman(totaldata)}function halamanblogger(){var thisUrl=urlactivepage;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+20,thisUrl.indexOf("?updated-max"))}else{lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+20,thisUrl.indexOf("?&max"))}}if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1){jenis="page";if(urlactivepage.indexOf("#PageNo=")!=-1){nomerhal=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{nomerhal=1}document.write("<script src=\""+home_page+"feeds/posts/summary?max-results=1&alt=json-in-script&callback=hitungtotaldata\"><\/script>")}else{jenis="label";if(thisUrl.indexOf("&max-results=")==-1){postperpage=20}if(urlactivepage.indexOf("#PageNo=")!=-1){nomerhal=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{nomerhal=1}document.write('<script src="'+home_page+'feeds/posts/summary/-/'+lblname1+'?alt=json-in-script&callback=hitungtotaldata&max-results=1" ><\/script>')}}}function redirectpage(numberpage){jsonstart=(numberpage-1)*postperpage;nopage=numberpage;var nBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nBody.appendChild(newInclude)}function redirectlabel(numberpage){jsonstart=(numberpage-1)*postperpage;nopage=numberpage;var nBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary/-/"+lblname1+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nBody.appendChild(newInclude)}function finddatepost(root){post=root.feed.entry[0];var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);var timestamp=encodeURIComponent(timestamp1);if(jenis=="page"){var alamat="/search?updated-max="+timestamp+"&max-results="+postperpage+"#PageNo="+nopage}else{var alamat="/search/label/"+lblname1+"?updated-max="+timestamp+"&max-results="+postperpage+"#PageNo="+nopage}location.href=alamat}
/************************************************************************
*************************************************************************
* Jquery List Slider
* Modified By MUH. SUKRILLAH
**************************************************************************
*************************************************************************
(function(e,t){if(!e)return t;var n=function(){this.el=t;this.items=t;this.sizes=[];this.max=[0,0];this.current=0;this.interval=t;this.opts={speed:500,delay:3e3,complete:t,keys:!t,dots:t,fluid:t};var n=this;this.init=function(t,n){this.el=t;this.ul=t.children("ul");this.max=[t.outerWidth(),t.outerHeight()];this.items=this.ul.children("li").each(this.calculate);this.opts=e.extend(this.opts,n);this.setup();return this};this.calculate=function(t){var r=e(this),i=r.outerWidth(),s=r.outerHeight();n.sizes[t]=[i,s];if(i>n.max[0])n.max[0]=i;if(s>n.max[1])n.max[1]=s};this.setup=function(){this.el.css({overflow:"hidden",width:n.max[0],height:this.items.first().outerHeight()});this.ul.css({width:this.items.length*100+"%",position:"relative"});this.items.css("width",100/this.items.length+"%");if(this.opts.delay!==t){this.start();this.el.hover(this.stop,this.start)}this.opts.keys&&e(document).keydown(this.keys);this.opts.dots&&this.dots();if(this.opts.fluid){var r=function(){n.el.css("width",Math.min(Math.round(n.el.outerWidth()/n.el.parent().outerWidth()*100),100)+"%")};r();e(window).resize(r)}if(this.opts.arrows){this.el.parent().append('<p class="arrows"><span class="prev">?</span><span class="next">?</span></p>').find(".arrows span").click(function(){e.isFunction(n[this.className])&&n[this.className]()})}if(e.event.swipe){this.el.on("swipeleft",n.prev).on("swiperight",n.next)}};this.move=function(t,r){if(!this.items.eq(t).length)t=0;if(t<0)t=this.items.length-1;var i=this.items.eq(t);var s={height:i.outerHeight()};var o=r?5:this.opts.speed;if(!this.ul.is(":animated")){n.el.find(".dot:eq("+t+")").addClass("active").siblings().removeClass("active");this.el.animate(s,o)&&this.ul.animate(e.extend({left:"-"+t+"00%"},s),o,function(i){n.current=t;e.isFunction(n.opts.complete)&&!r&&n.opts.complete(n.el)})}};this.start=function(){n.interval=setInterval(function(){n.move(n.current+1)},n.opts.delay)};this.stop=function(){n.interval=clearInterval(n.interval);return n};this.keys=function(t){var r=t.which;var i={37:n.prev,39:n.next,27:n.stop};if(e.isFunction(i[r])){i[r]()}};this.next=function(){return n.stop().move(n.current+1)};this.prev=function(){return n.stop().move(n.current-1)};this.dots=function(){var t='<ol class="dots">';e.each(this.items,function(e){t+='<li class="dot'+(e<1?" active":"")+'">'+(e+1)+"</li>"});t+="</ol>";this.el.addClass("has-dots").append(t).find(".dot").click(function(){n.move(e(this).index())})}};e.fn.unslider=function(t){var r=this.length;return this.each(function(i){var s=e(this);var u=(new n).init(s,t);s.data("unslider"+(r>1?"-"+(i+1):""),u)})}})(window.jQuery,false)
/************************************************************************
*************************************************************************
@Name : BackToTop - jQuery Plugin
@Revison : 1.0
@Date : 12/2011
@Author: ALPIXEL AGENCY -
@Support: FF, IE7, IE8, MAC Firefox, MAC Safari
@License : Open Source - MIT License : https://www.opensource.org/licenses/mit-license.php
@Modified By: Muh. SUKRILLAH
**************************************************************************
*************************************************************************/
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(4($){$.3={l:{g:\'N J I\',f:G,n:A,r:\'z\',d:\'9\'},i:4(5){1=$.x({},$.3.l,5),$.3.m();c(1.f)$(w).F(4(){c($(u).q()!=0){k(1.d){8\'p\':2.v(\'7\');6;8\'9\':2.y(\'7\');6;s:2.o()}}B{k(1.d){8\'p\':2.C(\'7\');6;8\'9\':2.D(\'7\');6;s:2.E()}}});$(\'#3\').t(4(e){e.H();$(\'b,j\').K({q:0},1.n,1.r)})},m:4(){2=$(\'<a />\',{L:\'3\',M:\'#b\',j:\'<h>\'+1.g+\'</h>\'}).O(\'b\');c(!1.f)2.o()}};3=4(5){$.3.i(5)}})(P);',52,52,'|opts|divBack|BackToTop|function|options|break|fast|case|slide||body|if|appearMethod||autoShow|text|span|init|html|switch|defaults|_constructLink|timeEffect|show|fade|scrollTop|effectScroll|default|click|this|fadeIn|window|extend|slideDown|linear|500|else|fadeOut|slideUp|hide|scroll|true|preventDefault|top|to|animate|id|href|Back|prependTo|jQuery'.split('|'),0,{}));
jQuery(document).ready(function($){
BackToTop({
autoShow : true,
text : '.',
timeEffect : 600
});
});
(function(c){c.fn.scrollTo=function(b){var a={offset:0,speed:"slow",override:null,easing:null};if(b){if(b.override)b.override=-1!=override("#")?b.override:"#"+b.override;c.extend(a,b)}return this.each(function(b,e){c(e).click(function(b){b.preventDefault();var d=a.override?a.override:c(e).attr("href");history.pushState?(history.pushState(null,null,d),c("html,body").stop().animate({scrollTop:c(d).offset().top+a.offset},a.speed,a.easing)):c("html,body").stop().animate({scrollTop:c(d).offset().top+
a.offset},a.speed,a.easing,function(){window.location.hash=d})})})}})(jQuery);
$('#scrollTo').scrollTo({
speed: 2000
});
$('#scrollToComment').scrollTo({
speed: 2000
});
/************************************************************************
*************************************************************************
* jQuery plugin "tytabs" by Tyler ( Gregory Jacob )
*
* Copyright 2010, Gregory Jacob
* Data : 31 decembre 2010
* Modified By Anwar
**************************************************************************
*************************************************************************
(function($){$.fn.tytabs=function(options){var defaults={prefixtabs:"tab",prefixcontent:"content",classcontent:"tabscontent",tabinit:"1",catchget:"tab",fadespeed:"normal"},opts=$.extend({},defaults,options);return this.each(function(){var obj=$(this);opts.classcontent="."+opts.classcontent;opts.prefixcontent="#"+opts.prefixcontent;function showTab(id){$(opts.classcontent,obj).stop(true,true);var contentvisible=$(opts.classcontent+":visible",obj);if(contentvisible.length>0){contentvisible.fadeOut(opts.fadespeed,function(){fadeincontent(id)})}else{fadeincontent(id)}$("#"+opts.prefixtabs+opts.tabinit).removeAttr("class");$("#"+opts.prefixtabs+id).attr("class","current");opts.tabinit=id}function fadeincontent(id){$(opts.prefixcontent+id,obj).fadeIn(opts.fadespeed)}$("ul.tabs li",obj).click(function(){showTab($(this).attr("id").replace(opts.prefixtabs,""));return false});var tab=getvars(opts.catchget);showTab(((tab&&$(opts.prefixcontent+tab).length==1)?tab:($(opts.prefixcontent+opts.tabinit).length==1)?opts.tabinit:"1"))})};function getvars(q,s){s=(s)?s:window.location.search;var re=new RegExp("&"+q+"=([^&]*)","i");return(s=s.replace(/^\?/,"&").match(re))?s=s[1]:s=""}})(jQuery);
$(document).ready(function(){
$("#tabsholder").tytabs({
tabinit:"2",
fadespeed:"fast"
});
$("#tabsholder2").tytabs({
prefixtabs:"tabz",
prefixcontent:"contentz",
classcontent:"tabscontent",
tabinit:"3",
catchget:"tab2",
fadespeed:"fast"
});
});
/************************************************************************
*************************************************************************
* Popular Post Image Modifier
* Modified By Anwar
**************************************************************************
*************************************************************************/
$(document).ready(function(){$(".item-thumbnail").find("img").each(function(b,a){a=$(a);a.attr({src:a.attr("src").replace(/s72-c/,"w50-h50-c")});a.attr("width",50);a.attr("height",50)})});
$(function(){
$('body').on('click', 'a.scroll', function(event) {
var $anchor = $(this);
$('html, body').stop().animate({
scrollTop: $('a[name="'+ $anchor.attr('href').replace('#','') +'"]').offset().top
}, 1500, 'easeInOutExpo');
event.preventDefault();
})
});
//]]>
</script>
<!-- ad scroll -->
<script>
//<![CDATA[
var widget_sidebar = document.querySelector('.sidebar_wrapper'),
widget_sidebar_height = getComputedStyle(widget_sidebar).height.split('px')[0],
xheader = document.querySelector('#header-navigation'),
xheader_height = getComputedStyle(xheader).height.split('px')[0],
widget_google_ad = document.querySelector('#HTML1');
var stickyAd = function(e){
var total_height = widget_sidebar.offsetHeight;
if(window.pageYOffset > total_height){
if($(window).width() < 982){
return;
}
widget_google_ad.classList.add('static');
}
if(window.pageYOffset < total_height){
widget_google_ad.classList.remove('static');
}
};
window.addEventListener('scroll', stickyAd, false);
//]]>
</script>
<!-- sticky -->
<script>
/*<![CDATA[*/
(function(e,p){e.extend({lockfixed:function(a,b){b&&b.offset?(b.offset.bottom=parseInt(b.offset.bottom,10),b.offset.top=parseInt(b.offset.top,10)):b.offset={bottom:100,top:0};if((a=e(a))&&a.offset()){var n=a.css("position"),c=parseInt(a.css("marginTop"),10),l=a.css("top"),g=a.offset().top,h=!1;if(!0===b.forcemargin||navigator.userAgent.match(/\bMSIE (4|5|6)\./)||navigator.userAgent.match(/\bOS ([0-9])_/)||navigator.userAgent.match(/\bAndroid ([0-9])\./i))h=!0;e(window).bind("scroll resize orientationchange load lockfixed:pageupdate",
a,function(k){if(!h||!document.activeElement||"INPUT"!==document.activeElement.nodeName){var d=0,d=a.outerHeight();k=a.outerWidth();var m=e(document).height()-b.offset.bottom,f=e(window).scrollTop();"fixed"!=a.css("position")&&(g=a.offset().top,c=parseInt(a.css("marginTop"),10),l=a.css("top"));f>=g-(c?c:0)-b.offset.top?(d=m<f+d+c+b.offset.top?f+d+c+b.offset.top-m:0,h?a.css({marginTop:parseInt((c?c:0)+(f-g-d)+2*b.offset.top,10)+"px"}):a.css({top:b.offset.top-d+"px"/*,width:k+"px"*/})):
a.css({/*position:n,*/top:l/*,width:k+"px"*/,marginTop:(c?c:0)+"px"})}})}}})})(jQuery);
if(screen.width >= 768){
(function($){
$.lockfixed("#HTML1", {offset:{top:10, bottom:250}});
})(jQuery);
}else{
}
/*]]>*/
</script>
<!--<script> //<![CDATA[ var jamDigital = function(id_element){ var sekarang = new Date(), jam = sekarang.getHours(), menit = sekarang.getMinutes(), detik = sekarang.getSeconds(), simbol = "am"; if (jam > 11) simbol = "pm"; if (jam > 12) jam = jam - 12; if (jam == 0) jam = 12; if (jam <= 9) jam = "0" + jam; if (menit <= 9) menit = "0" + menit; if (detik <= 9) detik = "0" + detik; var output = jam + ":" + menit + ":" + detik + " " + simbol; if("string" == typeof id_element && id_element.length){ document.getElementById(id_element).innerText = output; }else{ } setTimeout(jamDigital, 1000, id_element); }; $('body').append('<div id="jamDigital" style="position:fixed;width:100px;height:30px;padding:5px 2px;border:1px solid #498cb9;background-color:#87c5ef;left:-1px;bottom:0px;color:#fff;z-index:20;"/>'); jamDigital('jamDigital'); //]]> </script>-->
<script>$('#search-menu').on('click', function(){ $('#searchFormModal').modal(); });</script>
<div aria-labelledby='searchFormModalLabel' class='modal fade' id='searchFormModal' role='dialog' tabindex='-1'>
<div class='modal-dialog' role='document'>
<div class='modal-content'>
<div class='modal-body'>
<div class='container-fluid'>
<div class='row'>
<div class='col-md-12 text-center'>
<form action='/search/max-results=20' id='searchform' method='get' role='search'>
<div class='form-group'>
<div class='input-group'>
<input autocomplete='off' autofocus='' class='form-control' id='s' maxlength='50' name='q' placeholder='Cari..' type='text'/>
<div class='input-group-btn'>
<button class='btn btn-primary' type='submit'><i class='fa fa-search'></i></button>
</div>
</div>
</div>
</form>
<script>
/*<![CDATA[*/
var c = document.getElementById('s'), d = document.location.href, e = d.indexOf('q='), f = d.substr(e);if(e>=0){f = f.split('&')[0].substr(2);c.value = f;}else{c.value = '';};
/*]]>*/
</script>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div aria-labelledby='myModalLabel' class='modal fade modal-primary' data-backdrop='static' data-keyboard='false' id='myModal' role='dialog' tabindex='-1'>
<div class='modal-dialog modal-lg' role='document'>
<div class='modal-content'>
<div class='modal-header'>
<h2 class='modal-title' id='myModalLabel'>Mohon LIKE Facebook, Ikuti Google+ & Twitter Kami</h2>
<div style='position:absolute;top:15px;right:15px;z-index:10;'>
<button class='btn btn-warning btn-sm' type='button'>Tutup & jangan tampilkan lagi</button>
<button class='btn btn-default btn-sm' data-dismiss='modal' type='button'><i class='fa fa-close'></i> Tutup</button>
</div>
</div>
<div class='modal-body'>
<div class='container-fluid'>
<div class='row'>
<div class='col-md-4 text-center'>
<!-- Place this tag where you want the widget to render. <div class='g-person' data-href='//plus.google.com/u/0/107291012069717195105' data-rel='author' data-showcoverphoto='false'/>-->
</div>
<div class='col-md-4 text-center'>
<!-- Place this tag in your head or just before your close body tag. <script async='async' src='https://apis.google.com/js/platform.js'> {lang: 'id', /*parsetags: 'explicit'*/} </script>-->
<!-- Place this tag where you want the widget to render. <div class='g-page' data-href='//plus.google.com/u/0/109287968280768489021' data-rel='publisher' data-showcoverphoto='false'/>-->
</div>
<div class='col-md-4 text-center'>
<div class='fb-page' data-adapt-container-width='true' data-hide-cover='false' data-href='https://www.facebook.com/kuasaiteknologi/' data-show-facepile='true' data-show-posts='false' data-small-header='false' data-width='250'><div class='fb-xfbml-parse-ignore'><blockquote cite='https://www.facebook.com/kuasaiteknologi/'><a href='https://www.facebook.com/kuasaiteknologi/'>Kuasai Teknologi</a></blockquote></div>
</div>
<br class='clear'/>
<p style='margin-top:10px'>
<a class='twitter-follow-button' data-show-count='false' data-size='large' href='https://twitter.com/RiilEnd'>Follow @RiilEnd</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^https:/.test(d.location)?'https':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></p>
<!-- Place this render call where appropriate. <script type="text/javascript">gapi.page.go();</script> <script type="text/javascript">gapi.person.go();</script> -->
</div>
</div>
</div>
</div>
</div>
</div><!-- .modal --></div><!-- modal -->
<script>/*<![CDATA[*/
window.htc = 30;
window.ht = 0;
window.ac = 1;
var myModal = $('#myModal'), btn = myModal.find('.btn-default'), auto_close_modal = function(b){
if(!window.ac){ return; }
if(!htc){
myModal.modal('hide');
clearTimeout(window.ht);
window.htc = 30;
b.text('Tutup');
return;
}
b.text('Tutup ('+ htc +')');
htc--;
ht = setTimeout(auto_close_modal, 1000, b);
}, show_social_panel = function(){
var sp = $('#social_modal_panel');
if(!sp.length){
$('body').append('<div id="social_modal_panel" style="position:fixed;left:-4px;top:60px;padding:8px;cursor:pointer;background-color:#fff;box-shadow:3px 1px 6px 0px #bbb;color:#1D96B7;font-size:2em;"><i class="fa fa-gear fa-spin"/></div>');
sp = $('#social_modal_panel');
}
sp.show();
if(sp.data('handled')){ return; }
sp.on('click', function(){
window.ac = 0;
myModal.modal('show');
});
sp.attr('data-handled', true);
}, hide_social_panel = function(){
if($('#social_modal_panel').length){
$('#social_modal_panel').hide();
}
};
setTimeout(function(){
var hide = (localStorage.getItem('hide_sosial_modal') === null) ? false : true;
if(hide){console.log('sosial modal has set to hidden. ignore auto showing'); show_social_panel(); return;}
myModal.modal('show');
}, 60000);
myModal.on('shown.bs.modal', function(e){
auto_close_modal(btn);
myModal.on('click', '.btn-warning', function(){
myModal.modal('hide');
localStorage.setItem('hide_sosial_modal', true);
});
myModal.on('mouseenter','.modal-dialog', function(){
return;
clearTimeout(window.ht);
window.htc = 30;
btn.text('Tutup');
});
hide_social_panel();
});
myModal.on('hidden.bs.modal', function(e){
show_social_panel();
});
/*]]>*/</script>
<script>/*<![CDATA[*/
$(function(){
var owlClient = $('#related-posts');
owlClient.owlCarousel({navigation:false, autoPlay:3000, items:3});
var owlEl = $('.owl-carousel');
owlEl.each(function(){
var nav = $(this).data('navigation') || false, ap = $(this).data('autoplay') || 3000, item = $(this).data('item') || 1;
$(this).owlCarousel({navigation: nav, autoPlay: ap, items: item});
});
});
/*]]>*/
</script>
<script>/*<![CDATA[*/$(function(){var tl = $('[data-toggle="tooltips"]');if(tl.length){tl.tooltip();}
$(window).on('load', function(){
$('#preloader').delay(1000).fadeOut('slow',function(){$('.loader').fadeOut(function(){$('#preloader').remove()});$('body').removeClass('loading');})
});
}); /*]]>*/</script>
<script crossorigin='anonymous' src='https://kit.fontawesome.com/b56b511c94.js'></script>
<script>
/*<![CDATA[*/
document.addEventListener("DOMContentLoaded", function() {
let lazyImages = [].slice.call(document.querySelectorAll("img.lazy"));
let active = false;
const lazyLoad = function() {
if (active === false) {
active = true;
setTimeout(function() {
lazyImages.forEach(function(lazyImage) {
if ((lazyImage.getBoundingClientRect().top <= window.innerHeight && lazyImage.getBoundingClientRect().bottom >= 0) && getComputedStyle(lazyImage).display !== "none") {
lazyImage.src = lazyImage.dataset.src;
lazyImage.srcset = lazyImage.dataset.srcset;
lazyImage.classList.remove("lazy");
lazyImages = lazyImages.filter(function(image) {
return image !== lazyImage;
});
if (lazyImages.length === 0) {
document.removeEventListener("scroll", lazyLoad);
window.removeEventListener("resize", lazyLoad);
window.removeEventListener("orientationchange", lazyLoad);
}
}
});
active = false;
}, 200);
}
};
document.addEventListener("scroll", lazyLoad);
window.addEventListener("resize", lazyLoad);
window.addEventListener("orientationchange", lazyLoad);
});
/*]]>*/
</script>
<script> //<![CDATA[
/* Anti AdBlock By igniel.com */
(function kuasaiteknologiAdblock() {
var judulAd = 'Matikan AdBlock', /* Judul */
notifAd = 'Agar blog kuasaiteknologi tetap berjalan, matikan AdBlock atau masukkan blog ini ke dalam whitelist.<br/>Terima kasih.'; /* Isi tulisan. Garis baru diganti dengan <br/> */
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('O b=["\\f\\w\\o\\k\\q\\n","\\w\\o\\c\\g\\n\\c\\V\\s\\c\\K\\c\\m\\n","\\n\\B\\q\\c","\\n\\c\\1a\\n\\r\\P\\g\\z\\g\\f\\w\\o\\k\\q\\n","\\f\\o\\w","\\r\\r\\q\\g\\v\\c\\g\\j\\t\\d\\v\\l\\l\\v\\s\\c\\f\\B\\m\\j\\k\\w\\g\\n\\k\\l\\m\\d\\w\\l\\K\\r\\q\\g\\v\\c\\g\\j\\r\\P\\f\\r\\g\\j\\f\\F\\B\\v\\l\\l\\v\\s\\c\\d\\P\\f","\\g\\f\\B\\m\\w","\\l\\m\\c\\o\\o\\l\\o","\\j\\k\\z","\\k\\j","\\k\\v\\m\\k\\c\\s\\C\\j\\J\\s\\l\\w\\X","\\k\\m\\m\\c\\o\\H\\1c\\N\\G","\\y\\j\\k\\z\\i\\w\\s\\g\\f\\f\\L\\A\\k\\f\\k\\C\\j\\f\\A\\x\\y\\f\\q\\g\\m\\i\\w\\s\\g\\f\\f\\L\\A\\P\\1b\\j\\1b\\s\\A\\x","\\y\\r\\f\\q\\g\\m\\x\\y\\F\\o\\r\\x\\y\\f\\z\\v\\i\\z\\k\\c\\W\\J\\l\\1a\\L\\A\\u\\i\\u\\i\\t\\R\\i\\t\\R\\A\\x\\y\\q\\g\\n\\S\\i\\j\\L\\A\\N\\a\\e\\h\\a\\e\\H\\a\\a\\U\\p\\H\\a\\e\\N\\a\\t\\h\\a\\p\\d\\e\\C\\a\\d\\e\\h\\a\\d\\e\\i\\u\\i\\u\\h\\a\\i\\a\\u\\d\\p\\h\\a\\Z\\C\\a\\d\\e\\h\\a\\d\\e\\i\\u\\i\\u\\h\\a\\i\\a\\t\\h\\a\\R\\d\\p\\C\\a\\d\\e\\h\\a\\d\\e\\i\\u\\i\\u\\h\\a\\i\\a\\e\\d\\e\\h\\a\\Z\\C\\a\\d\\e\\h\\a\\d\\e\\i\\u\\i\\u\\h\\a\\i\\a\\t\\h\\a\\p\\d\\e\\N\\a\\I\\d\\p\\e\\h\\e\\H\\Q\\d\\t\\p\\G\\e\\h\\Q\\d\\t\\p\\U\\a\\I\\d\\p\\e\\G\\Q\\d\\t\\p\\h\\t\\a\\H\\a\\I\\d\\p\\e\\G\\t\\a\\h\\a\\I\\d\\p\\e\\U\\Q\\d\\t\\p\\G\\a\\I\\d\\p\\e\\h\\e\\1g\\A\\x\\y\\r\\q\\g\\n\\S\\x\\y\\r\\f\\z\\v\\x\\y\\F\\o\\r\\x","\\y\\r\\j\\k\\z\\x","\\g\\q\\q\\c\\m\\j","\\F\\l\\j\\B","\\l\\z\\c\\o\\1e\\s\\l\\W","\\f\\n\\B\\s\\c","\\S\\k\\j\\j\\c\\m","\\g\\j\\F\\s\\l\\w\\X","\\v\\c\\n\\V\\s\\c\\K\\c\\m\\n\\f\\J\\B\\1c\\g\\v\\Y\\g\\K\\c","\\k\\m\\f\\c\\o\\n\\J\\c\\1e\\l\\o\\c","\\q\\g\\o\\c\\m\\n\\Y\\l\\j\\c"];O D=E[b[1]](b[0]);D[b[2]]=b[3];D[b[4]]=b[5];D[b[6]]=1d;D[b[7]]=1k(){O M=E[b[1]](b[8]);M[b[9]]=b[10];M[b[11]]=b[12]+1m+b[13]+1j+b[14];E[b[16]][b[15]](M);E[b[16]][b[18]][b[17]]=b[19];1f[b[1i]]=1d};O T=E[b[1l]](b[0])[0];T[b[1h]][b[1n]](D,T)',62,86,'||||||||||x31|_0xd5a9|x65|x2E|x33|x73|x61|x2C|x20|x64|x69|x6F|x6E|x74|x72|x37|x70|x2F|x6C|x32|x30|x67|x63|x3E|x3C|x76|x22|x79|x41|ad|document|x62|x4C|x48|x35|x42|x6D|x3D|_0xc9cbx2|x4D|var|x6A|x38|x34|x68|b_ad|x56|x45|x77|x6B|x4E|x36|||||||||||x78|x75|x54|true|x66|window|x5A|23|20|notifAd|function|21|judulAd|22'.split('|'),0,{}));
})();
//]]> </script>
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/517362887-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY7AXBgvn9QbNDR4G7hR89wrgA1weQ:1713471665703';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d3359190139915376210','//www.kuasaiteknologi.com/2017/04/cara-membuat-link-menggunakan-html5.html','3359190139915376210');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '3359190139915376210', 'title': 'Kuasai Teknologi', 'url': 'https://www.kuasaiteknologi.com/2017/04/cara-membuat-link-menggunakan-html5.html', 'canonicalUrl': 'https://www.kuasaiteknologi.com/2017/04/cara-membuat-link-menggunakan-html5.html', 'homepageUrl': 'https://www.kuasaiteknologi.com/', 'searchUrl': 'https://www.kuasaiteknologi.com/search', 'canonicalHomepageUrl': 'https://www.kuasaiteknologi.com/', 'blogspotFaviconUrl': 'https://www.kuasaiteknologi.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'UA-101432041-1', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Kuasai Teknologi - Atom\x22 href\x3d\x22https://www.kuasaiteknologi.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Kuasai Teknologi - RSS\x22 href\x3d\x22https://www.kuasaiteknologi.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Kuasai Teknologi - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/3359190139915376210/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Kuasai Teknologi - Atom\x22 href\x3d\x22https://www.kuasaiteknologi.com/feeds/7424841348150382719/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-1535364762321604', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/d86c8c5eadffdf93', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Share to Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '7424841348150382719', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtQsr1QMTYvaZbFzat587QsVZeRiqqfGhFxdmQ81hBPFxoxnCLmQs087g12nT0IKXtcxPGpYgg36ILlwk-A4rH0ztkjsORtB7D9jVQOIiSbzEdHkxXxhAGElpi_pYvDot17lA3uSx7MRoY/s72-c/link.PNG', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtQsr1QMTYvaZbFzat587QsVZeRiqqfGhFxdmQ81hBPFxoxnCLmQs087g12nT0IKXtcxPGpYgg36ILlwk-A4rH0ztkjsORtB7D9jVQOIiSbzEdHkxXxhAGElpi_pYvDot17lA3uSx7MRoY/s640/link.PNG', 'pageName': 'Membuat Link Menggunakan HTML5', 'pageTitle': 'Kuasai Teknologi: Membuat Link Menggunakan HTML5', 'metaDescription': '\x3chtml\x3e adalah awal kode dari HTML atau bisa di bilang sebagai pembukaannya\n\x3chead\x3e adalah tempat penampungan elemen yang terkandung di dalamnya seperti \x3clink\x3e,\x3cmeta\x3e,\x3ctitle\x3e tetapi elemen yang di kandung di dalam head ersebut akan di bahas divlain waktu'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Membuat Link Menggunakan HTML5', 'description': '\x3chtml\x3e adalah awal kode dari HTML atau bisa di bilang sebagai pembukaannya\n\x3chead\x3e adalah tempat penampungan elemen yang terkandung di dalamnya seperti \x3clink\x3e,\x3cmeta\x3e,\x3ctitle\x3e tetapi elemen yang di kandung di dalam head ersebut akan di bahas divlain waktu', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtQsr1QMTYvaZbFzat587QsVZeRiqqfGhFxdmQ81hBPFxoxnCLmQs087g12nT0IKXtcxPGpYgg36ILlwk-A4rH0ztkjsORtB7D9jVQOIiSbzEdHkxXxhAGElpi_pYvDot17lA3uSx7MRoY/s640/link.PNG', 'url': 'https://www.kuasaiteknologi.com/2017/04/cara-membuat-link-menggunakan-html5.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 7424841348150382719}}]);
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3538472454-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense1', 'sidebar', document.getElementById('AdSense1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'sidebar', document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'sidebar', document.getElementById('HTML8'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML68', 'sidebar', document.getElementById('HTML68'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'sidebar', document.getElementById('HTML6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'footer1', document.getElementById('HTML7'), {}, 'displayModeFull'));
</script>
</body>
</html> 
