TEKNOLOGI - Al Kandiri | Kajian Islam Ilmiah

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

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?display=swap&family=Noto+Sans+Arabic&family=Readex+Pro&family=Noto+Naskh+Arabic&family=Scheherazade+New&family=Amiri&family=Baloo+Bhaijaan+2&family=Lateef"></head><body>*/</style>

TEKNOLOGI

Cara Membuat Daftar Isi Otomatis Untuk Semua Artikel Berdasarkan Label di Blogger

Cara Membuat Daftar Isi (TOC) Otomatis di Blogger yang Selalu Update & Menampilkan Semua Postingan Halo sahabat blogger! Pada artikel in...

Nor Kandir, ST., BA., C.AFM., C.LAFM., C.LSFM 14 Mei, 2025

TEKNOLOGI

Cara Membuat Arsip Blog Otomatis Interaktif di Blogger

Cara Membuat Arsip Blog Otomatis Interaktif di Blogger Menampilkan arsip blog secara otomatis dalam format yang rapi, interaktif, dan din...

Nor Kandir, ST., BA., C.AFM., C.LAFM., C.LSFM 14 Mei, 2025

TEKNOLOGI

Membuat Daftar Isi Otomatis Elegan di Blogger (CSS + JS Lengkap)

📌 Membuat Daftar Isi Otomatis Elegan di Blogger (CSS + JS Lengkap) Pada artikel ini saya bagikan cara membuat Daftar Isi (Table of Cont...

Nor Kandir, ST., BA., C.AFM., C.LAFM., C.LSFM 13 Mei, 2025

<style>/*
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2112189061-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY7CzfOY2KFQHf5VTP1PGHrYN-bsaQ:1756996089998';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2596558197462817670','//alkandiri.blogspot.com/search/label/TEKNOLOGI?max-results\x3d10','2596558197462817670');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '2596558197462817670', 'title': 'Al Kandiri | Kajian Islam Ilmiah', 'url': 'https://alkandiri.blogspot.com/search/label/TEKNOLOGI?max-results\x3d10', 'canonicalUrl': 'https://alkandiri.blogspot.com/search/label/TEKNOLOGI?max-results\x3d10', 'homepageUrl': 'https://alkandiri.blogspot.com/', 'searchUrl': 'https://alkandiri.blogspot.com/search', 'canonicalHomepageUrl': 'https://alkandiri.blogspot.com/', 'blogspotFaviconUrl': 'https://alkandiri.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'G-PQ5XWPD1CK', 'analytics4': true, '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\x22Al Kandiri | Kajian Islam Ilmiah - Atom\x22 href\x3d\x22https://alkandiri.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Al Kandiri | Kajian Islam Ilmiah - RSS\x22 href\x3d\x22https://alkandiri.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Al Kandiri | Kajian Islam Ilmiah - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/2596558197462817670/posts/default\x22 /\x3e\n', 'meTag': '\x3clink rel\x3d\x22me\x22 href\x3d\x22https://www.blogger.com/profile/13104760047156043796\x22 /\x3e\n', '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/8fe2b7164d49551f', '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': 'X', 'key': 'twitter', 'shareMessage': 'Bagikan ke X', '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': 'TEKNOLOGI', 'pageName': 'TEKNOLOGI', 'pageTitle': 'Al Kandiri | Kajian Islam Ilmiah: TEKNOLOGI', 'metaDescription': 'Menyajikan materi aqidah, tauhid, fiqih, hadits, tafsir, sejarah, bahasa, yang merujuk kepada Qur\x27an dan Sunnah, disertai penjelasan Salaf dan fuqoha.'}}, {'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': 'Al Kandiri | Kajian Islam Ilmiah', 'description': 'Menyajikan materi aqidah, tauhid, fiqih, hadits, tafsir, sejarah, bahasa, yang merujuk kepada Qur\x27an dan Sunnah, disertai penjelasan Salaf dan fuqoha.', 'url': 'https://alkandiri.blogspot.com/search/label/TEKNOLOGI?max-results\x3d10', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isSearch': true, 'isLabelSearch': true, 'search': {'label': 'TEKNOLOGI', 'resultsMessage': 'Menampilkan postingan dengan label TEKNOLOGI', 'resultsMessageHtml': 'Menampilkan postingan dengan label \x3cspan class\x3d\x27search-label\x27\x3eTEKNOLOGI\x3c/span\x3e'}}}, {'name': 'widgets', 'data': [{'title': 'Upload Image', 'type': 'Image', 'sectionId': 'upload-image', 'id': 'Image10'}, {'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': 'Artikel Per Label', 'type': 'HTML', 'sectionId': 'before-blog', 'id': 'HTML1'}, {'title': 'Featured Post', 'type': 'FeaturedPost', 'sectionId': 'before-blog', 'id': 'FeaturedPost1', 'postId': '8644099647121618070'}, {'title': 'Postingan Blog', 'type': 'Blog', 'sectionId': 'blog-post', 'id': 'Blog1', 'posts': [{'id': '6746116779461180944', 'title': 'Cara Membuat Daftar Isi Otomatis Untuk Semua Artikel Berdasarkan Label di Blogger', 'showInlineAds': false}, {'id': '1579688421516860119', 'title': 'Cara Membuat Arsip Blog Otomatis Interaktif di Blogger', 'showInlineAds': false}, {'id': '47916435327037440', 'title': 'Membuat Daftar Isi Otomatis Elegan di Blogger (CSS + JS Lengkap)', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCO22NcRBJpQTEw9-dc_GVq7vh69ifm-KdR494cDNbQvqu4oQT0fUbEYg5KSUx84HajV72h5HuQA3cabwtbdDWutBR8g_3EoDINAOfksvbl556M_PiRufsy8qaYLMd4ZV_Ez-rhxsftPZShexiXDHmwG8qvyO5-fGVFHfVBs4mdl56tLSD04A2SATVor5v/s320/Membuat%20Daftar%20Isi%20Otomatis%20Elegan%20di%20Blogger%20(CSS%20+%20JS%20Lengkap).PNG', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'Diposting oleh'}, {'name': 'timestamp', 'label': 'd MMM, yyyy'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Labels:'}]}], 'allBylineItems': [{'name': 'author', 'label': 'Diposting oleh'}, {'name': 'timestamp', 'label': 'd MMM, 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': 'Label', 'type': 'Label', 'sectionId': 'sidebar-static', 'id': 'Label1'}, {'title': 'Popular Posts', 'type': 'PopularPosts', 'sectionId': 'sidebar-static', 'id': 'PopularPosts10', 'posts': [{'title': 'Hukum Sutroh Sholat dalam 4 Madzhab', 'id': 8291926613530843745}, {'title': 'Sholat Sunnah di Rumah 25 Lipat', 'id': 9167221797011632435}, {'title': 'Tata Cara Sholat Lengkap dari Takbir Hingga Salam \x26 Dzikir Setelahnya', 'id': 3508254754104538855}, {'title': 'Kitab Qoshor Sholat - Sohih Al-Bukhori', 'id': 785667216489247322}, {'title': 'Biografi Ibnu Syihab Az-Zuhri Penghimpun Seluruh Hadits di Zamannya', 'id': 2902293791871914691}]}, {'title': 'Categories', 'type': 'Label', 'sectionId': 'sidebar-static', 'id': 'Label10'}, {'title': 'Hashtag', 'type': 'Label', 'sectionId': 'sidebar-static', 'id': 'Label11'}, {'title': '#Recent Post', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML19'}, {'title': 'Follow Us', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList14'}, {'title': 'Copyright', 'type': 'HTML', 'sectionId': 'copyright', 'id': 'HTML23'}, {'title': 'SVG Icons', 'type': 'HTML', 'sectionId': 'jet-options', 'id': 'HTML24'}]}]);
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image10', 'upload-image', document.getElementById('Image10'), {'resize': true}, '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('_HTMLView', new _WidgetInfo('HTML1', 'before-blog', document.getElementById('HTML1'), {}, '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\x3eTEKNOLOGI\x3c/b\x3e. \x3ca href\x3d\x22https://alkandiri.blogspot.com/\x22\x3eTampilkan semua postingan\x3c/a\x3e', 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3944273060-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/123180807-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML15', 'ads-post', document.getElementById('HTML15'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidebar-static', document.getElementById('Label1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts10', 'sidebar-static', document.getElementById('PopularPosts10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label10', 'sidebar-static', document.getElementById('Label10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label11', 'sidebar-static', document.getElementById('Label11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML19', 'sidebar-static', document.getElementById('HTML19'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList14', 'footer-widget', document.getElementById('LinkList14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML23', 'copyright', document.getElementById('HTML23'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML24', 'jet-options', document.getElementById('HTML24'), {}, 'displayModeFull'));
</script>
</body>*/</style>