Sorry, this site doesn't work properly without JavaScript.

Cara Membuat Footnote di Postingan Blogger

Jika Anda ingin mencari tahu tentang cara membuat footnote di postingan blogger, Anda berada di tempat yang benar. Mari pelajari langkahnya disini.

Reza Noprial Lubis

September 18, 2023

Halaman ini akan memandu Anda untuk membuat Footnote di halaman postingan artikel Blogger. Perlu diingat, bahwa studi kasus ini menggunakan CMS Blogger.

Yang didapatkan:

Angka menjorok kecil di atas teks yang dikutip (¹)
Daftar kutipan yang tertuang pada akhir artikel
Berlangsung secara otomatis

Mari kita mulai panduan ini.

Pemahaman Suplemen

Dalam mengikuti panduan ini, Anda semestinya memahami tentang beberapa hal yang terkait tentangnya, yakni: HTML, Javascript.

Cara Membuat Footnote di Postingan Blogger

Sekarang, kita akan memulai untuk cata membuat Footnote. Mari ikuti panduannya.

Persiapkan Halaman Kutipan
Sekarang, siapkan halaman Anda. Anda perlu menambahkan kode khusus di paragraf yang ingin dikutip. Ini adalah teks contoh untuk membuat element dalam paragraf Anda.
```
<p>Ini adalah contoh paragraf yang dikutip.<sup data-footnote='Google. https:///www.blogger.com/. Diakses pada 9 Juni 2023.'></sup></p>
```
Lihatlah attribut tambahan pada elemen SUP. Itu tertulis data-footnote sebagai acuan. Value darinya, akan dimunculkan pada akhir paragraf Anda (tempat dimana Anda memunculkan semua referensi kutipan).
Buat Container Penampung Sumber Kutipan
Sekarang, Anda perlu membuat sebuah container untuk menampung semua sumber referensi yang ada. Ini akan menghasilkan semua teks (value) yang terdata dalam elemen SUP di paragraf Anda.
Tambahkan kode berikut ini, diakhir artikel Anda:
```
<div id='footnotes'></div>
```

Tempelkan Kode

Salin kode ini, dan tempelkan di Template Blogger Anda. Anda dapat menempatkannya dimanapun. Cara termudah yang mungkin dapat dijangkau adalah mencari </script> dari sumber template Anda. Itu akan menemukan kode Javascript lain yang digunakan dalam template dan mungkin itu tempat yang sesuai. Namun, Saya cenderung untuk menempatkan kode pada bagian </head> dari sumber kode Anda.

Kategori:

Reza Noprial Lubis

Seorang praktisi pendidikan Islam yang aktif sebagai dosen. Kadang ceramah, kadang menulis, kadang meneliti. Tetapi paling sering BERIMAJINASI.

Comments

Newer Posts Older Posts


<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2422103421-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY5Zws5ocmouJd-DTPjvf3hznvkkRA:1754190710039';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7722849828286781139','//blog.rezalubis.com/2023/09/footnote-di-postingan-blogger.html','7722849828286781139');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '7722849828286781139', 'title': 'Blogging', 'url': 'https://blog.rezalubis.com/2023/09/footnote-di-postingan-blogger.html', 'canonicalUrl': 'https://blog.rezalubis.com/2023/09/footnote-di-postingan-blogger.html', 'homepageUrl': 'https://blog.rezalubis.com/', 'searchUrl': 'https://blog.rezalubis.com/search', 'canonicalHomepageUrl': 'https://blog.rezalubis.com/', 'blogspotFaviconUrl': 'https://blog.rezalubis.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', '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\x22Blogging - Atom\x22 href\x3d\x22https://blog.rezalubis.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Blogging - RSS\x22 href\x3d\x22https://blog.rezalubis.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Blogging - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/7722849828286781139/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Blogging - Atom\x22 href\x3d\x22https://blog.rezalubis.com/feeds/1345323605028318832/comments/default\x22 /\x3e\n', 'meTag': '', '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/8063e825842ed3ac', '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': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', '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': '1345323605028318832', 'pageName': 'Cara Membuat Footnote di Postingan Blogger', 'pageTitle': 'Blogging: Cara Membuat Footnote di Postingan Blogger', 'metaDescription': 'Jika Anda ingin mencari tahu tentang cara membuat footnote di postingan blogger, Anda berada di tempat yang benar. Mari pelajari langkahnya disini.'}}, {'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': 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': 'Cara Membuat Footnote di Postingan Blogger', 'description': 'Jika Anda ingin mencari tahu tentang cara membuat footnote di postingan blogger, Anda berada di tempat yang benar. Mari pelajari langkahnya disini.', 'url': 'https://blog.rezalubis.com/2023/09/footnote-di-postingan-blogger.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 1345323605028318832}}, {'name': 'widgets', 'data': [{'title': 'CSS Options', 'type': 'LinkList', 'sectionId': 'elcreative_panel_top', 'id': 'LinkList996'}, {'title': 'Custom SVG Icons', 'type': 'LinkList', 'sectionId': 'elcreative_panel_top', 'id': 'LinkList998'}, {'title': 'Custom SVG Pack (SVG Sprites)', 'type': 'HTML', 'sectionId': 'elcreative_panel_top', 'id': 'HTML994'}, {'title': 'Blogging (Header)', 'type': 'Header', 'sectionId': 'section_app_bar', 'id': 'Header1'}, {'title': 'Navigation Drawer Menu', 'type': 'LinkList', 'sectionId': 'section_navigation', 'id': 'LinkList999'}, {'title': 'More Menu', 'type': 'PageList', 'sectionId': 'section_navigation', 'id': 'PageList999'}, {'title': 'Posts Label Search Description', 'type': 'LinkList', 'sectionId': 'section_main_widget', 'id': 'LinkList997'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'section_main_widget', 'id': 'Blog1', 'posts': [{'id': '1345323605028318832', 'title': 'Cara Membuat Footnote di Postingan Blogger', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'share', 'label': ''}, {'name': 'author', 'label': ''}, {'name': 'timestamp', 'label': ''}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': 'Komentar'}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Kategori:'}]}], 'allBylineItems': [{'name': 'share', 'label': ''}, {'name': 'author', 'label': ''}, {'name': 'timestamp', 'label': ''}, {'name': 'comments', 'label': 'Komentar'}, {'name': 'labels', 'label': 'Kategori:'}]}, {'title': 'Custom Vanilla JavaScript', 'type': 'HTML', 'sectionId': 'elcreative_panel_bottom', 'id': 'HTML998'}, {'title': 'Custom jQuery Script', 'type': 'HTML', 'sectionId': 'elcreative_panel_bottom', 'id': 'HTML999'}, {'title': 'Contact Form', 'type': 'ContactForm', 'sectionId': 'hidden', 'id': 'ContactForm1'}]}]);
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList996', 'elcreative_panel_top', document.getElementById('LinkList996'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList998', 'elcreative_panel_top', document.getElementById('LinkList998'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML994', 'elcreative_panel_top', document.getElementById('HTML994'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'section_app_bar', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList999', 'section_navigation', document.getElementById('LinkList999'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList999', 'section_navigation', document.getElementById('PageList999'), {'title': 'More Menu', 'links': [{'isCurrentPage': false, 'href': 'https://blog.rezalubis.com/', 'title': 'Home'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList997', 'section_main_widget', document.getElementById('LinkList997'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'section_main_widget', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2469384594-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/123180807-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML998', 'elcreative_panel_bottom', document.getElementById('HTML998'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML999', 'elcreative_panel_bottom', document.getElementById('HTML999'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'hidden', document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '7722849828286781139', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'contactFormToken': 'AOuZoY6ozRIiLTg2himTRfrEvsp8FUEHgA:1754190710039', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
</script>
</body>