Javascript - Blog Kang Ismet

<style>/*<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

<!-- data-ad-client=ca-pub-8654034443581125 -->

</head><body>*/</style>

Highlights , Javascript

Membuat HTML Editor Online di Halaman Blogger

Pada postingan sebelumnya, saya menjelasakan Bagaimana Membuat HTML Editor O…

Sep 10, 2024

Highlights , Javascript

Membuat Kode Editor Sederhana Menggunakan CodeMirror

Bagi sahabat yang suka oprek template, atau berbagi tutorial atau lagi belaj…

Sep 9, 2024

Javascript , YouTube

Script Lazy Load Youtube Pure JavaScript tanpa jQuery

Bagi sobat yang sering membagikan video baik lagu atau film di blognya, tentu…

Agu 26, 2024

Javascript

Membuat Tombol Copy pada Tag PRE dengan JavaScript

Adding a 'copy' button to 'pre' tag with JavaScript - Kalau p…

Mar 24, 2024

Javascript

Membuat Blogger Realtime View Counter dengan Firebase

Setelah hampir 2 Minggu Count API tidak kunjung ada penyelesaian, tentunya h…

Mar 5, 2024

<style>/*
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/4140855455-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY7QasLKcZEExq9QXbpyb-Ts888jZw:1726040362711';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1575214712636951960','//www.kang-ismet.com/search/label/Javascript?max-results\x3d5','1575214712636951960');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '1575214712636951960', 'title': 'Blog Kang Ismet', 'url': 'http://www.kang-ismet.com/search/label/Javascript?max-results\x3d5', 'canonicalUrl': 'http://www.kang-ismet.com/search/label/Javascript?max-results\x3d5', 'homepageUrl': 'http://www.kang-ismet.com/', 'searchUrl': 'http://www.kang-ismet.com/search', 'canonicalHomepageUrl': 'http://www.kang-ismet.com/', 'blogspotFaviconUrl': 'http://www.kang-ismet.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'id', 'localeUnderscoreDelimited': 'id', '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\x22Blog Kang Ismet - Atom\x22 href\x3d\x22http://www.kang-ismet.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Blog Kang Ismet - RSS\x22 href\x3d\x22http://www.kang-ismet.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Blog Kang Ismet - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/1575214712636951960/posts/default\x22 /\x3e\n', 'meTag': '\x3clink rel\x3d\x22me\x22 href\x3d\x22https://www.blogger.com/profile/07706142952405337288\x22 /\x3e\n', 'adsenseClientId': 'ca-pub-8654034443581125', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/5702e3d62c3de6e9', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Dapatkan link', 'key': 'link', 'shareMessage': 'Dapatkan link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Bagikan ke Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Bagikan ke Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Bagikan ke 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: \x27id\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': true, 'jumpLinkMessage': 'Read more \xbb', 'pageType': 'index', 'searchLabel': 'Javascript', 'pageName': 'Javascript', 'pageTitle': 'Blog Kang Ismet: Javascript', 'metaDescription': 'Blog tentang tutorial, tips dan trik seputar Blogger/Blogspot dan Free Blogger Templates'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Khusus', 'isResponsive': true, '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': 'Blog Kang Ismet', 'description': 'Blog tentang tutorial, tips dan trik seputar Blogger/Blogspot dan Free Blogger Templates', 'url': 'http://www.kang-ismet.com/search/label/Javascript?max-results\x3d5', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isSearch': true, 'isLabelSearch': true, 'search': {'label': 'Javascript', 'resultsMessage': 'Menampilkan postingan dengan label Javascript', 'resultsMessageHtml': 'Menampilkan postingan dengan label \x3cspan class\x3d\x27search-label\x27\x3eJavascript\x3c/span\x3e'}}}, {'name': 'widgets', 'data': [{'title': 'Upload Image', 'type': 'Image', 'sectionId': 'upload-image', 'id': 'Image10'}, {'title': 'Blog Kang Ismet (Header)', 'type': 'Header', 'sectionId': 'header-main', 'id': 'Header1'}, {'title': 'Logo', 'type': 'HTML', 'sectionId': 'header-main', 'id': 'HTML10'}, {'title': 'Icons, Dark, Search', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList10'}, {'title': 'Menu', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList11'}, {'title': 'ExtraMenu', 'type': 'LinkList', 'sectionId': 'extra-menu', 'id': 'LinkList15'}, {'title': 'ExtraMenu', 'type': 'LinkList', 'sectionId': 'extra-menu2', 'id': 'LinkList16'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'special-home', 'id': 'HTML25'}, {'title': '#CSS', 'type': 'Image', 'sectionId': 'special-categories', 'id': 'Image11'}, {'title': '#JavaScript', 'type': 'Image', 'sectionId': 'special-categories', 'id': 'Image12'}, {'title': '#Blogger', 'type': 'Image', 'sectionId': 'special-categories', 'id': 'Image13'}, {'title': '#Bootstrap', 'type': 'Image', 'sectionId': 'special-categories', 'id': 'Image15'}, {'title': '#Desain', 'type': 'Image', 'sectionId': 'special-categories', 'id': 'Image14'}, {'title': '#Tool', 'type': 'Image', 'sectionId': 'special-categories', 'id': 'Image16'}, {'title': 'Featured Post', 'type': 'FeaturedPost', 'sectionId': 'before-blog', 'id': 'FeaturedPost1', 'postId': '7530966551706086614'}, {'title': 'Postingan Blog', 'type': 'Blog', 'sectionId': 'blog-post', 'id': 'Blog1', 'posts': [{'id': '2527755109809269286', 'title': 'Membuat HTML Editor Online di Halaman Blogger', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje6iLITzKpPk41vb1I9G4F8czCUFI0VGsm8n74TbSAypRYbQHEVWniZxtehTc_g5d4vcrOCzpJRSX1Sk-xM9VBxPc7oMQjX9v7EQw9BlMGWw4g8qHekHYlxZM56hgfTVKp2azrE94VugL3Kp9595w_1vSzHQj9-53imBT0ptulmhhUnpC9hfTX72dPiVU/s400/html-editor.jpg', 'showInlineAds': false}, {'id': '6390412448238292166', 'title': 'Membuat Kode Editor Sederhana Menggunakan CodeMirror', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi7ORLOMXfutWFBJwJ4gparjvK4kFYV1jC0HAb4IfL2UY14RC73idecieHIWMNnZN3wgBEmkZMQYsjPZhAc3yvT3YauNW9HSDpfZ6wR9Q_k1xnNVuAn45aloe1jcO3qC7rZlKoW8RETy5fEDnn9EI1EYq9bnv5W0DFuooXKfRwtve6YQmOHW7wjQagTMw/s800/codemirror.jpg', 'showInlineAds': false}, {'id': '2604163304171377081', 'title': 'Script  Lazy Load Youtube Pure JavaScript tanpa jQuery', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFnKs5HNNLyH4G1ljjEp7lKEJeowRx-ggEcuKphIEQc6t8aq8q_RfsuxtEKwUZ18Ni5xsA3Ub6WdX6Mbay0eCSezejaY49DaeOMYssy3cDUejgPF-TOUiyhS-wKlkhk3uBw5xfLGWfHGp5Z7kz6hrfTGNNVCeNlZwAE-nIFy_vWrunnU78PWiZTTquH9E/s645/youtube-lazy.jpg', 'showInlineAds': false}, {'id': '4413804990111427974', 'title': 'Membuat Tombol Copy pada Tag PRE dengan JavaScript', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv_FIAkqZ_JOU-gNDKlCFxOfNRCBiiRgMWiDuZ-38SKGTzC2P7ZjO62utzdxT_-rlxFfjuJ4Np07gB4v-u26JoW6S8c59wDJWzV2MjyEycUxmQcgXXNoILy49wWeUYkZria9_gUMxCbAt3KIaDNNOyfQesNLKBl0ehLfq8BI8VWcsnGkyNod1ziPdXvc8/s600/tombol-copy-tag-pre.jpg', 'showInlineAds': false}, {'id': '8266332181258983027', 'title': 'Membuat Blogger Realtime View Counter dengan Firebase', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_4PlFFAgxmkEXG8OgfVSHbO0gKJ9ykJpimDcNW3wIlfkF5wFQVPZeKdUtl8aThCnhYAgTBRyIVbBBnLmiIU8MkPY7TimI35bdceg7MTMrogJ3DI5r2VTdEpWnIFnB_s3aFjYaIUQZ2MssqZDTHA2ZxFHCRdjmcvkVXfA5AS0olPRuQMkQPB361GWm/s600/firebase-realtime-view-counter.jpg', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'Diposting oleh'}, {'name': 'timestamp', 'label': 'MMM d, yyyy'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Labels:'}]}], 'allBylineItems': [{'name': 'author', 'label': 'Diposting oleh'}, {'name': 'timestamp', 'label': 'MMM d, yyyy'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': 'Labels:'}]}, {'title': '#You may also like', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML15'}, {'title': '#CustomPost by Label', 'type': 'HTML', 'sectionId': 'after-blog', 'id': 'HTML26'}, {'title': 'Recent Posts', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML6'}, {'title': 'Recent Update', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML5'}, {'title': 'Popular Post', 'type': 'PopularPosts', 'sectionId': 'sidebar-static', 'id': 'PopularPosts10', 'posts': [{'title': 'Button Bootstrap 5.3 - Bootstrap Tutorial', 'id': 5522050133580399790}, {'title': 'Blank XML - Solusi Buat Ganti Template Blogger Baru', 'id': 7530966551706086614}, {'title': 'Membuat Postingan Pada Homepage Ala Kang Ismet', 'id': 4221815663154505990}]}, {'title': 'Komentar Sahabat', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML1'}, {'title': 'Hashtag', 'type': 'Label', 'sectionId': 'sidebar-static', 'id': 'Label11'}, {'title': 'About Us', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML21'}, {'title': 'Learn More', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList13'}, {'title': 'Follow Us', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList14'}, {'title': 'Newsletter', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML22'}, {'title': 'Copyright', 'type': 'HTML', 'sectionId': 'copyright', 'id': 'HTML23'}, {'title': 'SVG Icons', 'type': 'HTML', 'sectionId': 'jet-options', 'id': 'HTML27'}, {'title': 'License Key', 'type': 'HTML', 'sectionId': 'jet-options', 'id': 'HTML28'}, {'title': 'Formulir Kontak', 'type': 'ContactForm', 'sectionId': 'section-contact-form', 'id': 'ContactForm005'}]}]);
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image10', 'upload-image', document.getElementById('Image10'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header-main', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'header-main', document.getElementById('HTML10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList10', 'header-main', document.getElementById('LinkList10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList11', 'header-main', document.getElementById('LinkList11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList15', 'extra-menu', document.getElementById('LinkList15'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList16', 'extra-menu2', document.getElementById('LinkList16'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML25', 'special-home', document.getElementById('HTML25'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image11', 'special-categories', document.getElementById('Image11'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image12', 'special-categories', document.getElementById('Image12'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image13', 'special-categories', document.getElementById('Image13'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image15', 'special-categories', document.getElementById('Image15'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image14', 'special-categories', document.getElementById('Image14'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image16', 'special-categories', document.getElementById('Image16'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'before-blog', document.getElementById('FeaturedPost1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'blog-post', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'navMessage': 'Tampilkan postingan dengan label \x3cb\x3eJavascript\x3c/b\x3e. \x3ca href\x3d\x22http://www.kang-ismet.com/\x22\x3eTampilkan semua postingan\x3c/a\x3e', 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2675689289-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML15', 'ads-post', document.getElementById('HTML15'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML26', 'after-blog', document.getElementById('HTML26'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'sidebar-static', document.getElementById('HTML6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'sidebar-static', document.getElementById('HTML5'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts10', 'sidebar-static', document.getElementById('PopularPosts10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar-static', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label11', 'sidebar-static', document.getElementById('Label11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML21', 'footer-widget', document.getElementById('HTML21'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList13', 'footer-widget', document.getElementById('LinkList13'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList14', 'footer-widget', document.getElementById('LinkList14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML22', 'footer-widget', document.getElementById('HTML22'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML23', 'copyright', document.getElementById('HTML23'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML27', 'jet-options', document.getElementById('HTML27'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML28', 'jet-options', document.getElementById('HTML28'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm005', 'section-contact-form', document.getElementById('ContactForm005'), {'contactFormMessageSendingMsg': 'Mengirim...', 'contactFormMessageSentMsg': 'Pesan sudah dikirim.', 'contactFormMessageNotSentMsg': 'Pesan tidak dapat dikirim. Coba lagi nanti.', 'contactFormInvalidEmailMsg': 'Alamat email harus valid.', 'contactFormEmptyMessageMsg': 'Bidang pesan harus diisi.', 'title': 'Formulir Kontak', 'blogId': '1575214712636951960', 'contactFormNameMsg': 'Nama', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Pesan', 'contactFormSendMsg': 'Kirim', 'contactFormToken': 'AOuZoY7tQ16EIZZaxyszen-gQlb-oIRTfQ:1726040362713', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
</script>
</body>*/</style>