{"id":13796,"date":"2024-04-05T09:27:04","date_gmt":"2024-04-05T02:27:04","guid":{"rendered":"https:\/\/www.hashmicro.com\/id\/blog\/?p=13796"},"modified":"2026-02-02T13:23:52","modified_gmt":"2026-02-02T06:23:52","slug":"mengenal-nota-kontan","status":"publish","type":"post","link":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-nota-kontan\/","title":{"rendered":"Nota Kontan: Definisi, Jenis, Fungsi, dan Contohnya"},"content":{"rendered":"<p>Dalam transaksi tunai, bukti pembayaran sering dianggap sekadar pelengkap. Padahal, ketika <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/pengertian-nota-dalam-transaksi-jual-beli\/\">nota<\/a> hilang atau informasi yang tercantum kurang jelas proses pengecekan dapat kurang maksimal terutama saat ada retur, klaim kerusakan, atau permintaan penggantian barang.<\/p>\n<p>Sebaliknya, nota kontan yang rapi dan konsisten membuat transaksi lebih mudah dipertanggungjawabkan. Ini karena pembeli memiliki dokumen yang kuat untuk mengajukan klaim sementara penjual dapat menelusuri kembali detail transaksi.<\/p>\n<p>Itulah sebabnya, nota kontan perlu dipahami bukan hanya sebagai bukti pembayaran, tetapi juga sebagai alat kontrol yang membantu menjaga ketertiban transaksi dan mengurangi potensi sengketa di kemudian hari.<\/p>\n<table style=\"border-collapse: collapse; background-color: #fffacd; border-radius: 25px 25px 25px 25px;\" width=\"100%\">\n<tbody>\n<tr>\n<td style=\"padding: 15px; border: none;\">\n<h3 style=\"margin-bottom: 10px;\"><span style=\"background-color: #990000; color: #ffffff; padding: 5px;\"><b>Key Takeaways<\/b><\/span><\/h3>\n<ul>\n<li>Nota kontan memiliki <a href=\"#fungsi\">fungsi<\/a> utama sebagai dokumen bukti pembayaran untuk membantu dalam pencatatan, proses audit, dan penyusunan laporan keuangan.<\/li>\n<li>Beberapa <a href=\"#jenis\">jenis<\/a> yang digunakan perusahaan adalah nota kontan sederhana, nota rangkap, dan nota khusus.<\/li>\n<li>Terdapat beberapa komponen penting nota kontan diantaranya tanggal transaksi, jenis barang dan total harga.<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\r\n\r\n<script>\r\n    \/\/ check which image to use based on screensize\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        function updateImageSource() {\r\n            var images = document.querySelectorAll('.responsive-image-banner');\r\n            var screenWidth = window.innerWidth;\r\n\r\n            images.forEach(function(img) {\r\n                var mobileSrc = img.getAttribute('data-mobile-src');\r\n                var desktopSrc = img.getAttribute('data-desktop-src');\r\n\r\n                if (screenWidth < 576 && mobileSrc) {\r\n                    img.setAttribute('src', mobileSrc);\r\n                } else {\r\n                    img.setAttribute('src', desktopSrc);\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Initial check\r\n        updateImageSource();\r\n\r\n        \/\/ Update on resize\r\n        window.addEventListener('resize', updateImageSource);\r\n    });\r\n<\/script><div id=\"toc_group_article\" style=''>\r\n\t<p style='font-size:25px;font-weight:bold; margin-bottom:0px'>\r\n\t\tDaftar Isi:\r\n\t<\/p>\r\n\t<ul id=\"list_toc\" class='list_toc'><\/ul>\r\n<\/div>\r\n\r\n<div id=\"placeholder-toc\"><\/div>\r\n<div id=\"toc\">\r\n    <div class=\"header\">\r\n\t<span class=\"toc-title\" id=\"toc-title\">Daftar Isi<\/span>\t\r\n\t <i class=\"toc-icon\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"header-icon\">\r\n          <path d=\"m6 9 6 6 6-6\" \/>\r\n        <\/svg>\r\n      <\/i>\r\n\t<\/div>\r\n    <div class=\"list\">\r\n      <ul id=\"toc-list\"><\/ul>\r\n    <\/div>\r\n <\/div>\r\n\r\n<style>\r\n\/* Simple styling for the TOC *\/\r\n\t\r\n\t#toc ul li:last-child {\r\n    padding-bottom: 16px; \/* Adjust the value as needed *\/\r\n}\r\n\r\n.td-fix-index {\r\n\t transform: unset !important;\r\n     -webkit-transform: unset !important; \r\n}\r\n.footer-contact .td-fix-index {\r\n\t transform: translateZ(0) !important;\r\n     -webkit-transform: translateZ(0) !important; \r\n}\r\n\t.tdb_single_content .tdb-block-inner.td-fix-index{\r\n\t\tposition: static;\r\n\t}\r\n\t\r\n\r\n\r\n\t\r\n#toc {\r\n  background-color: #FFF;\r\n\tpadding: 17px 24px 0px 24px !important;\r\n  margin-bottom: 20px;\r\n\/*   border: 1px solid #9C171E; *\/\r\n  border-radius: 6px;\r\n\tdisplay: none;\r\n  max-width: 100%;\r\n  transition: .4s ease height;\r\n\tmargin-left: 0;\r\n\toverflow: hidden;\r\n}\r\n\r\n#toc .header{\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\tbackground-color: transparent;\r\n}\r\n\t\r\n\t#toc.sticky .header{\r\n\t\tpadding: 4px 0;\r\n\t}\r\n\t\r\n.header p{\r\n  font-size: 18px !important;\r\n  font-weight: 600 !important;\r\n  color: #393939;\r\n   margin-bottom: 0;\r\n  \/* margin-top: 20px; *\/\r\n}\r\n\r\n.toc-icon{\r\n  float: right;\r\n\/*   visibility: hidden; *\/\r\n}\r\n\r\n\t.toc-title{\r\n\t\tmargin-right: auto;\r\n\/* \t\tpadding-left: 20px; *\/\r\n\t\tfont-weight: 600;\r\n\t\talign-self: center;\t}\t\r\n\r\n#toc ul {\r\n  list-style-type: none;\r\n  padding-left: 0;\r\n}\r\n\t\r\n#toc.sticky ul{\r\n\toverflow-y: auto;\r\n\tmax-height: 250px;\r\n\tmargin-top: 0px;\r\n\tpadding-top: 20px;\r\n\/* \tborder-top: 1px solid #d3d3d3; *\/\r\n}\r\n\t\r\n#toc ul li {\r\n\/*   margin-bottom: 10px; *\/\r\n  margin-bottom: 10px;\r\n\tmargin-left: 0;\r\n\ttransition: .2s ease;\r\n\tcursor: pointer;\r\n}\r\n\t\r\n\t#toc.sticky ul li {\r\n\t  margin-right: 10px;\r\n\t}\r\n\t\r\n.td-post-content #toc-list li a:hover, .td-post-content #toc-list a.active{\r\n\tbackground-color: #FFF;\r\n\/* \tpadding: 8px 16px 8px 16px; *\/\r\n\tpadding: 4px 16px 4px 16px;\r\n\tborder-radius: 6px;\r\n\tcolor: #9c171e !important;\r\n\tfont-weight: 600 !important;\r\n}\r\n\t\r\n\t.td-post-content #toc-list li:hover a, .td-post-content #toc-list a.active{\r\n\t\tcolor: #9C171E !important;\r\n\t\tfont-weight: 600 !important;\r\n\t}\r\n\t\r\n.td-post-content #toc-list a.active{\r\n\tfont-weight: bold !important;\r\n\tcolor: #9C171E !important;\r\n}\r\n\t\r\n#toc a, .td-post-content #toc-list a {\r\n  text-decoration: none;\r\n  color: #ea1717 !important;\r\n  transition: .2s ease;\r\n\tfont-weight: 400 !important;\r\n\tdisplay: block;\r\n\t\r\n\tpadding: 4px 16px 4px 0;\r\n}\r\n\r\n#toc.sticky {\r\n  position: fixed;\r\n\/*   top: 73px; *\/\r\n\tbottom: 0;\r\n  z-index: 100; \r\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1); \r\n\twidth: 100%; \r\n\tbackground-color: #FFF;\r\n\/* \tbackground-color: #FFF1F1; *\/\r\n\tborder-bottom: 1px solid #ea1717;\r\n\/*   border: 1px solid #393939; *\/\r\n  box-shadow: 0px 0px 14px 0px #00000040;\r\n  cursor: pointer;\r\n\tanimation: fadein .3s ease;\r\n\tpadding: 12px 16px !important;\r\n}\r\n\t\r\n\t.fadein{\r\n\t\tanimation: fadein .3s ease;\r\n\t}\r\n\t\r\n\t.fadeout{\r\n\t\tanimation: fadeout .3s ease;\r\n\t}\r\n\t\r\n\t\r\n\t@keyframes fadein{\r\n\t\t0% {\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t\t100%{\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@keyframes fadeout{\r\n\t\t0% {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t\t100%{\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t\r\n#toc.sticky .header p{\r\n\tmargin-bottom: 10px;\r\n\tmargin-top: 10px;\r\n}\r\n\r\n#toc.sticky .toc-icon{\r\n  visibility: visible;\r\n\/* \ttransition: 0.4s ease; *\/\r\n}\r\n\t\r\n\t.toc-icon{\r\n\t\talign-items: center;\r\n    \tdisplay: flex;\r\n\t}\r\n\t\r\n\tsvg.header-icon{\r\n\/* \t\tbackground-color: #9c171e; *\/\r\n\t\tbackground-color: #FFF;\r\n\t\tborder-radius: 30px;\r\n\t\tpadding: 5px;\r\n\t}\r\n\r\n#toc.sticky .list{\r\n\/*   max-height: 0; *\/\r\n  transition: height 0.4s ease;\r\n}\r\n\t\r\n\t#toc .list{\r\n\/*   max-height: 0; *\/\r\n  transition: height 0.4s ease;\r\n}\r\n\r\n#toc .header.active .toc-icon{\r\n\ttransform: rotate(0deg); \r\n\topacity: 1;\r\n}\r\n\r\n\t#toc .header.active + .list {\r\n\t  max-height: 200px; \/* Adjust this value as needed *\/\r\n\t  opacity: 1;\r\n\t}\r\n\t\r\n\t#placeholder-toc{\r\n\/* \t\tdisplay: none; *\/\r\n\t}\r\n\t\r\n\t@media (min-width: 768px) and (max-width: 991px){\r\n\t\t#toc.sticky{\r\n\/* \t\t\ttop: 104px; *\/\r\n\t\t\tbottom: 0px;\r\n\t\t}\r\n\t\t\r\n\t\t#toc{\r\n\t\t\twidth: unset !important;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width: 767px){\r\n\t\t#toc{\r\n\t\t\twidth: 100% !important;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t\t\r\n\t\t#toc.sticky{\r\n\t\t\twidth: 90% !important;\r\n\/* \t\t\ttop: 81px; *\/\r\n\t\t\tbottom: 60px;\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t\tpadding: 0 16px;\r\n\t\t\tright: 5%;\r\n\t\t}\r\n\t}\r\n\t\r\n\t<\/style>\r\n\r\n<style>\r\n\t#list_toc li {margin-bottom: 0;margin-top: 5px;}\r\n\t#list_toc > li > ul {padding-left: 20px;margin-bottom: 0;}\r\n\t#list_toc{height:max-content;transition:ease-in-out}\r\n\t#list_toc li {margin-bottom: 0;margin-top: 5px;}\r\n\t#list_toc_float li.active > a {color:#b1252d;background: #ffe1e3;}\r\n\t#list_toc_float li a {padding:3px 7px}\r\n\t#list_toc_float li a {\r\n\t\tdisplay: block;\r\n\t\tcolor:#000;\r\n\t\tmargin-bottom: 10px;\r\n\t\ttransition:all 0.2s ease-in-out;\r\n\t\tfont-size:15px\r\n\t}\r\n\t#list_toc_float li{list-style:none;list-style-position:inside; margin-left:0;}\r\n\t#list_toc_float a:hover{color:#b1252d;}\r\n\t\r\n\t#list_toc_float li a{margin-bottom:0px}\r\n\t#toc_group_float{\r\n\t\tline-height: 24px;\r\n\t\tmax-height: calc(100vh - 100px);\r\n\t\toverflow: auto;\r\n\t\tz-index: 99;\r\n\t\tdisplay:none!important;\r\n\t\tbackground:#fff;\r\n\t\ttransition:all 0.5s linear\r\n\t}\r\n\t\r\n\t@media (min-width:1019px){\r\n\t\t#toc_group_float {\r\n\t\t\tdisplay:block!important;\r\n\t\t\t}\r\n\t\t#toc_group_article {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width:768px){\r\n\t\t#toc_group_article {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t}\r\n\t\r\n\t \/* custom scrollbar style *\/\r\n::-webkit-scrollbar {\r\n    width: 7px;\r\n}\r\n::-webkit-scrollbar-track {\r\n    background: #d7a2a4;\r\n}\r\n::-webkit-scrollbar-thumb {\r\n    background: #b1252d;\r\n    border-radius: 15px;\r\n}\t\t\r\n\r\n<\/style>\r\n\r\n<script>\r\n\tdocument.addEventListener('DOMContentLoaded', function() {\r\n\t\t\/\/ Fungsi untuk menangani klik pada semua elemen <a> dengan href yang dimulai dengan #\r\n\t\tfunction handleTitleClick(event) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\tconst targetId = this.getAttribute('href').substring(1);\r\n\t\t\tconst targetElement = document.getElementById(targetId);\r\n\r\n\t\t\tif (targetElement) {\r\n\t\t\t\tconst headerHeight = document.querySelector('#toc .header').offsetHeight;\r\n\t\t\t\tconst navbarHeight = document.getElementById('tdi_34') ? document.getElementById('tdi_34').offsetHeight : 0;\r\n\t\t\t\tconst windowHeight = window.innerHeight;\r\n\t\t\t\tconst targetOffset = targetElement.offsetTop;\r\n\t\t\t\tconst scrollTo = targetOffset + (windowHeight \/ 2) + (headerHeight) - navbarHeight - 40;\r\n\r\n\t\t\t\twindow.scrollTo({\r\n\t\t\t\t\ttop: scrollTo,\r\n\t\t\t\t\tbehavior: 'smooth'\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\/\/ Tambahkan event listener untuk semua elemen <a> di toc-list dan list-toc\r\n\t\tconst titleLinks = document.querySelectorAll('#toc-list a, #list_toc a');\r\n\t\ttitleLinks.forEach(link => {\r\n\t\t\tlink.addEventListener('click', handleTitleClick);\r\n\t\t});\r\n\t});\r\n<\/script>\r\n\r\n<!-- ToC List for mobile -->\r\n<script>\r\n \/\/ Generate TOC based on headings\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  \/\/ Get the element that will contain the TOC\r\n  const tocList = document.getElementById('toc-list');\r\n\r\n  \/\/ Get the element with the ID 'article-left'\r\n  const article = document.querySelector('.td-post-content');\r\n\r\n  \/\/ Find all h2 elements within 'myarticle'\r\n  const headers = article.getElementsByTagName('h2');\r\n\r\n  \/\/ Loop through the h2 elements and create a list item for each one\r\n  for (let i = 0; i < headers.length; i++) {\r\n    const header = headers[i];\r\n    const headerText = header.textContent;\r\n\/\/     const headerId = 'header-' + i;\r\n    const headerId = headerText\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(\/[^\\w\\s-]\/g, '')  \/\/ hapus tanda baca\r\n    .replace(\/\\s+\/g, '-'); \/\/ ganti spasi jadi \"-\"\r\n\r\n    \/\/ Set an ID for the header if it doesn't have one\r\n    header.setAttribute('id', headerId);\r\n\r\n    \/\/ Create a list item for the TOC\r\n    const listItem = document.createElement('li');\r\n\r\n    \/\/ Create a link for the list item\r\n    const link = document.createElement('a');\r\n    link.setAttribute('href', '#' + headerId);\r\n    link.textContent = headerText;\r\n\r\n    \/\/ Append the link to the list item\r\n    listItem.appendChild(link);\r\n\r\n    \/\/ Append the list item to the TOC list\r\n    tocList.appendChild(listItem);\r\n  }\r\n});\r\n\r\n\/\/ Keep height and placement of content using placeholder in place of TOC\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const toc = document.querySelector('#toc');\r\n  const placeholderToc = document.querySelector('#placeholder-toc');\r\n\r\n  function setPlaceholderHeight() {\r\n    placeholderToc.style.height = `${toc.offsetHeight}px`;\r\n  }\r\n\r\n  \/\/ Set the initial height of the placeholder\r\n  setPlaceholderHeight();\r\n\r\n  \/\/ Update the height on window resize\r\n  window.addEventListener('resize', setPlaceholderHeight);\r\n});\r\n  const tocTitle = document.querySelector('#toc-title'); \/\/ Assuming header-faq is the element for TOC title\r\n\r\n\/\/ Sticky TOC and update heading\r\n\/\/ document.addEventListener(\"DOMContentLoaded\", function() {\r\n\/\/   const toc = document.querySelector('#toc');\r\n\/\/   const footer = document.querySelector('.td-footer-template-wrap');\r\n\/\/   const tocParent = toc.parentElement;\r\n\/\/   const divTop = tocParent.getBoundingClientRect().top + window.pageYOffset;\r\n\/\/   const tocHeight = toc.offsetHeight;\r\n\/\/   const triggerPoint = divTop + tocHeight + 700;\r\n\/\/   const footerHeight = footer.offsetHeight;\r\n\/\/   const triggerFooterPoint = footer.getBoundingClientRect().top + window.pageYOffset - footerHeight - footerHeight - footerHeight;\r\n\/\/   const phtoc = document.querySelector('#placeholder-toc');\r\n\/\/   const headers = document.querySelectorAll('.td-post-content h2');\r\n\/\/   const navLinks = document.querySelectorAll('#toc-list a');\r\n\t\r\n\/\/ \tconst panel2 = document.querySelector(\"#toc .list\");\r\n\/\/ \tvar icon = document.querySelector(\".toc-icon\");\r\n\r\n\/\/   let activeLink = null; \/\/ Declare activeLink outside the loop\r\n\t\r\n\/\/   \/\/ Function to handle scroll and add\/remove .sticky class\r\n\/\/   function handleScroll() {\r\n\/\/     const windowTop = window.pageYOffset || document.documentElement.scrollTop;\r\n\/\/     let currentHeader = '';\r\n\r\n\/\/     \/\/ Highlight user progress as the heading comes\r\n\/\/     headers.forEach(header => {\r\n\/\/ \t\tconst headerTop = header.offsetTop;\r\n\/\/ \t\tconst headerHeight = header.clientHeight;\r\n\/\/ \/\/ \t\tif (window.scrollY >= (headerTop - headerHeight + 700)) {\r\n\/\/ \/\/ \t\t\tconst currentHeaderId = header.getAttribute('id');\r\n\/\/ \/\/ \t\t\tconst currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n\/\/ \/\/ \t\t\tconsole.log(\"current header text:\", currentHeaderText);\r\n\/\/ \/\/ \t\t\ttocTitle.textContent = currentHeaderText;\r\n\/\/ \/\/ \t\t\tcurrentHeader = currentHeaderId;\r\n\t\t\t\r\n\/\/ \/\/ \t\t\tif(window.innerWidth < 767){\r\n\/\/ \/\/ \t\t\t\ttocTitle.textContent = 'Daftar Isi';\r\n\/\/ \/\/ \t\t\t}\r\n\/\/ \/\/ \t\t}\r\n\/\/ \t\tif(window.innerWidth < 767){\r\n\/\/ \t\t\ttocTitle.textContent = 'Daftar Isi'; \/\/ Selalu pertahankan judul ini di mobile\r\n\/\/ \t\t} else {\r\n\/\/ \t\t\tif (window.scrollY >= (headerTop - headerHeight + 700)) {\r\n\/\/ \t\t\t\tconst currentHeaderId = header.getAttribute('id');\r\n\/\/ \t\t\t\tconst currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n\/\/ \t\t\t\ttocTitle.textContent = currentHeaderText;\r\n\/\/ \t\t\t\tcurrentHeader = currentHeaderId;\r\n\/\/ \t\t\t}\r\n\/\/ \t\t}\r\n\/\/ \t});\r\n\r\n\/\/     navLinks.forEach(link => {\r\n\/\/       link.classList.remove('active');\r\n\/\/       if(currentHeader != '') {\r\n\/\/ \t\t  if (link.getAttribute('href').includes(currentHeader)) {\r\n\/\/ \t\t\t  link.classList.add('active');\r\n\/\/ \t\t  }\r\n\/\/ \t  }\r\n\/\/     });\r\n\/\/ \/\/     if (windowTop < triggerFooterPoint) {\r\n\/\/ \/\/         toc.style.display = 'block';\r\n\/\/ \/\/ \t}else{\r\n\/\/ \/\/         toc.style.display = 'none';\r\n\/\/ \/\/ \t}\r\n\/\/     \/\/ Update TOC title if sticky\r\n\/\/     if (windowTop > triggerPoint) {\r\n\/\/       if (!toc.classList.contains('sticky')) {\r\n\/\/         phtoc.style.display = \"block\";\r\n\/\/         toc.classList.add('sticky');\r\n\/\/         toc.style.width = `${tocParent.offsetWidth}px`; \/\/ Set width to match the parent element\r\n\/\/         toc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/         toc.style.backgroundColor = \"#FFF\";\r\n\/\/ \t\tpanel2.style.height = '0px';\r\n\/\/ \t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \t\t  if(window.innerWidth < 767){\r\n\/\/ \/\/ \t\t\t  const tocs = document.querySelector('#toc.sticky');\r\n\/\/ \t\t\t  tocTitle.textContent = 'Daftar Isi'; \/\/ Reset title\r\n\/\/        \t\t  toc.style.width = '150px'; \/\/ Set width to match the parent element\r\n\/\/ \t\t  }\r\n\/\/       }\r\n\/\/       if (currentHeader) {\r\n\/\/ \/\/         console.log(\"activeLink:\", activeLink);\r\n\/\/         if (activeLink) {\r\n\/\/ \/\/           tocTitle.textContent = activeLink.textContent; \/\/ Update TOC title\r\n\/\/           tocTitle.textContent = activeLink ? activeLink.textContent : \"\"; \/\/ Update title only if activeLink exists\r\n\/\/         }\r\n\/\/       }\r\n\/\/     } else {\r\n\/\/       toc.classList.remove('sticky');\r\n\/\/       phtoc.style.display = \"none\";\r\n\/\/       toc.style.width = 'unset'; \/\/ Reset to original width\r\n\/\/       toc.style.backgroundColor = \"#FFF\";\r\n\/\/       tocTitle.textContent = 'Daftar isi'; \/\/ Reset title\r\n\/\/ \t\tpanel2.style.height = panel2.scrollHeight + \"px\";\r\n\/\/ \t\ticon.style.transform = \"rotate(180deg)\";\r\n\/\/     }\r\n\/\/   }\r\n\r\n\/\/     \/\/ Attach the scroll event listener to the window\r\n\/\/     window.addEventListener('scroll', handleScroll);\r\n\r\n\/\/     \/\/ Initial call to handleScroll to set the correct state on load\r\n\/\/     handleScroll();\r\n\/\/ });\r\n\t\r\n\/\/ \t\/\/ Open toggle TOC\r\n\/\/ \t  document.addEventListener(\"DOMContentLoaded\", function() {\r\n\/\/ \t\tvar tocHeader = document.querySelector(\"#toc .header\");\r\n\/\/ \t\tvar toc = document.querySelector(\"#toc\");\r\n\/\/ \t\tvar icon = document.querySelector(\".toc-icon\");\r\n\/\/ \t\tconst tocTitle = document.querySelector('#toc-title');\r\n\/\/ \t\tconst tocs = document.querySelector('#toc.sticky');\r\n\/\/  \t\tconst tocParent = toc.parentElement;\t\t  \r\n\r\n\/\/ \t\t  tocHeader.addEventListener(\"click\", function() {\r\n\/\/ \t\t\tvar panel = this.nextElementSibling;\r\n\/\/ \t\t\tif (panel.style.height !== '0px') { \/\/ Check if height is not 0px\r\n\/\/ \t\t\t  panel.style.height = '0px'; \/\/ Set height to 0 for full collapse\r\n\/\/ \t\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \/\/ \t\t\t\ttoc.style.paddingBottom = '6px'; \r\n\/\/ \t\t\t\tif(window.innerWidth > 768){\r\n\/\/ \t\t\t\t\tif(!toc.classList.contains('sticky')){\r\n\/\/ \t\t\t\t\t\ttoc.style.width = \"unset\";\r\n\/\/ \/\/ \t\t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/ \t\t\t\t\t}\r\n\/\/ \t\t\t\t\tif (toc.classList.contains('sticky')){\r\n\/\/ \t\t\t\t\t\ttoc.style.width = '${tocParent.offsetWidth}px';\r\n\/\/ \t\t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/ \t\t\t\t\t}\r\n\/\/ \t\t\t\t}\r\n\/\/ \t\t\t\tif(window.innerWidth < 767){\r\n\/\/ \t\t\t\t\ttoc.style.width = \"unset\"; \/\/ Reset width\r\n\/\/ \t\t\t\t}\r\n\/\/ \t\t\t\ttoc.style.backgroundColor = \"#FFF1F1\";\r\n\/\/ \t\t\t} else {\r\n\/\/ \t\t\t  panel.style.height = panel.scrollHeight + \"px\";\r\n\/\/ \t\t\t  icon.style.transform = \"rotate(0deg)\";\r\n\/\/ \t\t\t  toc.style.backgroundColor = \"#FFF\";\r\n\/\/ \t\t\t  tocTitle.textContent = 'Daftar isi'; \/\/ Reset title\r\n\/\/ \t\t\t\ttoc.style.paddingBottom = '24px';\r\n\/\/ \t\t\t \tif(window.innerWidth < 767){\r\n\/\/ \t\t\t\t\ttoc.style.width = `${tocParent.offsetWidth}px`; \/\/ Set width to match the parent element\r\n\/\/ \t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/ \t\t\t\t}\r\n\/\/ \t\t\t}\r\n\/\/ \t\t  });\r\n\r\n\/\/ \t\t  \/\/ Close TOC when a link inside it is clicked\r\n\/\/ \t\t  var tocLinks = document.querySelectorAll(\"#toc .list a\");\r\n\/\/ \t\t  tocLinks.forEach(function(link) {\r\n\/\/ \t\t\tlink.addEventListener(\"click\", function() {\r\n\/\/ \t\t\t  var panel = document.querySelector(\"#toc .list\");\r\n\/\/ \t\t\t  panel.style.height = '0px'; \/\/ Set height to 0 for full collapse\r\n\/\/ \t\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \t\t\t  toc.style.backgroundColor = \"#FFF\";\r\n\/\/ \t\t\t});\r\n\/\/ \t\t  });\r\n\/\/ \t\t});\r\n\r\n\/\/ START new JS for ToC improvements\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const toc = document.querySelector('#toc');\r\n  const footer = document.querySelector('.td-footer-template-wrap');\r\n  const tocParent = toc.parentElement;\r\n  const divTop = tocParent.getBoundingClientRect().top + window.pageYOffset;\r\n  const tocHeight = toc.offsetHeight;\r\n  const triggerPoint = divTop + tocHeight + 1750;\r\n\tconsole.log(triggerPoint)\r\n  const footerHeight = footer.offsetHeight;\r\n  const triggerFooterPoint = footer.getBoundingClientRect().top + window.pageYOffset - footerHeight*3;\r\n  const phtoc = document.querySelector('#placeholder-toc');\r\n  const headers = document.querySelectorAll('.td-post-content h2');\r\n  const navLinks = document.querySelectorAll('#toc-list a');\r\n  \r\n  const panel2 = document.querySelector(\"#toc .list\");\r\n  const icon = document.querySelector(\".toc-icon\");\r\n  const tocTitle = document.querySelector('#toc-title');\r\n\r\n  let activeLink = null;\r\n  let userClosedTOC = false; \/\/ Flag user menutup TOC\r\n\r\n  function handleScroll() {\r\n    const windowTop = window.pageYOffset || document.documentElement.scrollTop;\r\n    let currentHeader = '';\r\n\r\n    \/\/ Update TOC title sesuai header yang terlihat\r\n    headers.forEach(header => {\r\n      const headerTop = header.offsetTop;\r\n      const headerHeight = header.clientHeight;\r\n      if(window.innerWidth < 767){\r\n        tocTitle.textContent = 'Daftar Isi'; \r\n      } else {\r\n        if (window.scrollY >= (headerTop - headerHeight + 1750)) {\r\n          const currentHeaderId = header.getAttribute('id');\r\n          const currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n          tocTitle.textContent = currentHeaderText;\r\n          currentHeader = currentHeaderId;\r\n        }\r\n      }\r\n    });\r\n\r\n    navLinks.forEach(link => {\r\n      link.classList.remove('active');\r\n      if(currentHeader && link.getAttribute('href').includes(currentHeader)) {\r\n        link.classList.add('active');\r\n      }\r\n    });\r\n\r\n    if (windowTop > triggerPoint) {\r\n      if (!toc.classList.contains('sticky')) {\r\n        phtoc.style.display = \"block\";\r\n        toc.classList.add('sticky');\r\n        toc.style.width = `${tocParent.offsetWidth}px`;\r\n        toc.style.backgroundColor = \"#FFF\";\r\n        \/\/ Saat sticky, TOC otomatis tertutup\r\n        panel2.style.height = '0px';\r\n        icon.style.transform = \"rotate(180deg)\";\r\n        userClosedTOC = true; \/\/ Set flag supaya tidak terbuka saat scroll\r\n      }\r\n      \r\n      if(window.innerWidth < 767){\r\n        tocTitle.textContent = 'Daftar Isi'; \r\n        toc.style.width = '150px';\r\n      }\r\n\r\n    } else {\r\n      toc.classList.remove('sticky');\r\n      phtoc.style.display = \"none\";\r\n      toc.style.width = 'unset';\r\n      toc.style.backgroundColor = \"#FFF\";\r\n      tocTitle.textContent = 'Daftar isi'; \r\n\r\n      \/\/ Kembalikan panel jika user belum menutup manual\r\n      if(!userClosedTOC) {\r\n        panel2.style.height = panel2.scrollHeight + \"px\";\r\n        icon.style.transform = \"rotate(0deg)\";\r\n      }\r\n    }\r\n  }\r\n\r\n  window.addEventListener('scroll', handleScroll);\r\n  handleScroll();\r\n\r\n  \/\/ Toggle TOC saat user klik\r\n  const tocHeader = document.querySelector(\"#toc .header\");\r\n  tocHeader.addEventListener(\"click\", function() {\r\n    const panel = panel2;\r\n    if (panel.style.height !== '0px') {\r\n      panel.style.height = '0px';\r\n      icon.style.transform = \"rotate(180deg)\";\r\n      userClosedTOC = true;\r\n    } else {\r\n      panel.style.height = panel.scrollHeight + \"px\";\r\n      icon.style.transform = \"rotate(0deg)\";\r\n      userClosedTOC = false;\r\n    }\r\n  });\r\n\r\n  \/\/ Close TOC saat link diklik\r\n  document.querySelectorAll(\"#toc .list a\").forEach(link => {\r\n    link.addEventListener(\"click\", function() {\r\n      panel2.style.height = '0px';\r\n      icon.style.transform = \"rotate(180deg)\";\r\n      userClosedTOC = true;\r\n    });\r\n  });\r\n});\r\n\/\/ END new JS for ToC improvements\r\n\r\n\t\r\n\/\/ \tmake the heading at the center of the viewport\r\n\/\/ \tdocument.addEventListener('DOMContentLoaded', function() {\r\n\/\/     \/\/ Add click event listener to all links in the TOC list\r\n\/\/     document.querySelectorAll('#toc-list a').forEach(anchor => {\r\n\/\/         anchor.addEventListener('click', function (e) {\r\n\/\/             e.preventDefault(); \/\/ Prevent the default behavior of jumping to the anchor\r\n\/\/ \/\/ \t\t\tconsole.log(\"prevent default\");\r\n\/\/             const targetId = this.getAttribute('href').substring(1); \/\/ Get the ID of the target element\r\n\/\/             const targetElement = document.getElementById(targetId); \/\/ Get the target element\r\n\r\n\/\/             if (targetElement) {\r\n\/\/                 const headerHeight = document.querySelector('#toc .header').offsetHeight; \/\/ Get the height of the fixed header\r\n\/\/                 const windowHeight = window.innerHeight; \/\/ Get the height of the viewport\r\n\/\/                 const targetOffset = targetElement.offsetTop; \/\/ Get the top offset of the target element\r\n\/\/                 const scrollTo = targetOffset + (windowHeight \/ 2) + (headerHeight); \/\/ Calculate the scroll position to center the target element\r\n\r\n\/\/                 \/\/ Scroll to the calculated position smoothly\r\n\/\/                 window.scrollTo({\r\n\/\/                     top: scrollTo,\r\n\/\/                     behavior: 'smooth'\r\n\/\/                 });\r\n\/\/             }\r\n\/\/         });\r\n\/\/     });\r\n\/\/ });\r\n<\/script>\r\n\r\n<script>\r\n    \/\/ Scrollspy function to highlight the active TOC item based on the scroll position\r\n  function scrollSpy(tocClass) {\r\n    const scrollPosition = window.scrollY;\r\n\r\n    \/\/ Find the active h2 and h3 headings based on their position in the corresponding TOC\r\n    let activeH2 = null;\r\n    let activeH3 = null;\r\n\r\n    const tocItems = document.querySelectorAll(`.${tocClass} li`);\r\n    tocItems.forEach(item => {\r\n      const a = item.querySelector('a');\r\n      if (!a) return;\r\n      const href = a.getAttribute('href');\r\n      const targetId = href.substring(1); \/\/ Remove the '#' from the href to get the target ID\r\n      const targetElement = document.getElementById(targetId);\r\n      if (!targetElement) return;\r\n\r\n      const targetTop = targetElement.getBoundingClientRect().top + scrollPosition;\r\n      const nextItem = item.nextElementSibling;\r\n      const nextTop = nextItem ? nextItem.getBoundingClientRect().top + scrollPosition : Infinity;\r\n\r\n      if (targetTop <= scrollPosition + 150) {\r\n        if (a.parentElement.parentElement === tocItems) {\r\n          \/\/ The h2 heading is at the root level of the TOC\r\n          activeH2 = { id: targetId, level: 'h2' };\r\n        } \r\n\t\t  else {\r\n          \/\/ The h3 heading is nested under an h2 heading\r\n          const parentH2 = a.parentElement.parentElement.previousElementSibling;\r\n          if (parentH2) {\r\n            const h2Link = parentH2.querySelector('a');\r\n            if (h2Link) {\r\n              const h2Href = h2Link.getAttribute('href');\r\n              const h2Id = h2Href.substring(1);\r\n              activeH2 = { id: h2Id, level: 'h2' };\r\n            }\r\n          }\r\n          activeH3 = { id: targetId, level: 'h3' };\r\n        }\r\n      }\r\n\r\n      if (targetTop > scrollPosition + 150 && nextTop > scrollPosition + 150 && !activeH3) {\r\n        \/\/ Reset the activeH2 when there are no more active h3 headings\r\n        activeH2 = null;\r\n      }\r\n    });\r\n\r\n    \/\/ Update the active state for the TOC items\r\n    tocItems.forEach(item => {\r\n      item.classList.remove('active');\r\n      const a = item.querySelector('a');\r\n      if (a) {\r\n        const href = a.getAttribute('href');\r\n        const targetId = href.substring(1);\r\n        if ((activeH2 && activeH2.id === targetId) || (activeH3 && activeH3.id === targetId)) {\r\n          item.classList.add('active');\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ Call scrollSpy for each TOC on window scroll\r\n  const tocClasses = ['list_toc', 'list_toc_float']; \/\/ Add other TOC class names here if you have more than two instances\r\n  tocClasses.forEach(tocClass => {\r\n    window.addEventListener('scroll', () => scrollSpy(tocClass));\r\n  });\r\n<\/script>\r\n\r\n<!-- ToC List for desktop side bar, diganti jadi inject by php, di code snippet \"Sidebar Accordion\" -->\r\n<!-- <script>\r\n\tdocument.addEventListener(\"DOMContentLoaded\", function() {\r\n\r\n        \/\/ Fungsi untuk membuat nested list\r\n        function createNestedList(parentNode, children) {\r\n            if (children.length === 0) return;\r\n\r\n            const nestedUl = document.createElement('ul');\r\n            children.forEach(child => {\r\n                const nestedLi = document.createElement('li');\r\n                const nestedA = document.createElement('a');\r\n                nestedA.textContent = child.title;\r\n                nestedA.href = `#${child.id}`;\r\n                nestedLi.appendChild(nestedA);\r\n                nestedUl.appendChild(nestedLi);\r\n\r\n                if (child.children.length > 0) {\r\n                    createNestedList(nestedLi, child.children);\r\n                }\r\n            });\r\n\r\n            parentNode.appendChild(nestedUl);\r\n        }\r\n\r\n        \/\/ Membuat objek untuk menyimpan daftar h2 dan h3 beserta judulnya\r\n        const headings = [];\r\n\r\n           \/\/ Mengambil semua elemen h2 dan h3\r\n        \/\/ Mengambil semua elemen h2 dan h3\r\n\t\tconst elements = document.querySelectorAll('.td-post-content h2');\r\n\r\n\t\t\tfunction newFormatId(text) {\r\n\t\t\t\tif(text.toLowerCase() === \"key takeaways\") {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\tconst result = text.toLowerCase()\r\n\t\t\t\t.trim()\r\n\t\t\t\t.replace(\/[^\\w\\s-]\/g, '')  \/\/ hapus tanda baca\r\n\t\t\t\t.replace(\/\\s+\/g, '-'); \/\/ ganti spasi jadi \"-\"\r\n\r\n\t\t\t\treturn result;\r\n\t\t\t}\r\n\t\r\n\t\telements.forEach(element => {\r\n\t\t\tif (element.tagName === 'H2') {\r\n\t\t\t\tconst id = newFormatId(element.textContent); \/\/ Hasilkan ID baru\r\n\t\t\t\telement.id = id; \/\/ Tetapkan ID ke elemen h2\r\n\t\t\t\tif (element.textContent.toLowerCase() === \"key takeaways\") {return;} \/\/ Kalau Key Takeaways, jangan dimasukin\r\n\t\t\t\theadings.push({ level: 'h2', id: id, title: element.textContent, children: [] });\r\n\t\t\t} else if (element.tagName === 'H3') {\r\n\t\t\t\tconst id = newFormatId(element.textContent); \/\/ Hasilkan ID baru\r\n\t\t\t\telement.id = id; \/\/ Tetapkan ID ke elemen h3\r\n\t\t\t\tif (headings.length > 0) {\r\n\t\t\t\t\theadings[headings.length - 1].children.push({ level: 'h3', id: id, title: element.textContent, children: [] });\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n       \/\/ Membuat list HTML dari objek headings\r\n\t\tconst ul = document.getElementById('list_toc');\r\n\t\tlet currentUl = ul;\r\n\t\theadings.forEach(heading => {\r\n\t\t\tconst li = document.createElement('li');\r\n\t\t\tconst a = document.createElement('a');\r\n\t\t\ta.textContent = heading.title;\r\n\t\t\ta.href = `#${heading.id}`; \/\/ Gunakan ID yang baru dihasilkan\r\n\t\t\tli.appendChild(a);\r\n\r\n\t\t\tif (heading.level === 'h2') {\r\n\t\t\t\tcurrentUl = li;\r\n\t\t\t\tul.appendChild(li);\r\n\t\t\t} else if (heading.level === 'h3') {\r\n\t\t\t\tif (!currentUl.lastElementChild || currentUl.lastElementChild.tagName !== 'UL') {\r\n\t\t\t\t\tconst nestedUl = document.createElement('ul');\r\n\t\t\t\t\tcurrentUl.appendChild(nestedUl);\r\n\t\t\t\t\tcurrentUl = nestedUl;\r\n\t\t\t\t}\r\n\t\t\t\tcurrentUl.appendChild(li);\r\n\t\t\t}\r\n\r\n\t\t\tcreateNestedList(li, heading.children);\r\n\t\t});\r\n\t\t\/\/ Dapatkan elemen ul dengan id 'list_toc'\r\n\t\tconst ulFloat = document.getElementById('list_toc');\r\n\r\n\t\t\/\/ Dapatkan isi (child elements) dari ul dengan id 'list_toc'\r\n\t\tconst clonedChildren = ulFloat.cloneNode(true).children;\r\n\r\n\t\t\/\/ Dapatkan elemen ul dengan id 'list_toc_float'\r\n\t\tconst ulToc = document.getElementById('list_toc_float');\r\n\r\n\t\t\/\/ Tambahkan isi yang telah didapatkan dari 'list_toc' ke ul dengan id 'list_toc_float'\r\n\t\tulToc.append(...clonedChildren);\r\n\r\n\r\n        \/\/ Fungsi untuk mengambil tinggi navbar\r\n\t\tfunction getNavbarHeight() {\r\n\t\t\tconst navbar = document.getElementById('tdi_34');\r\n\t\t\treturn navbar ? navbar.offsetHeight : 0;\r\n\t\t}\r\n\r\n\t\t\/\/ Fungsi untuk menambahkan offset posisi scroll\r\n\t\tfunction scrollToElementWithOffset(elementId) {\r\n\t\t\tconst element = document.getElementById(elementId);\r\n\t\t\tif (element) {\r\n\t\t\t\tconst offset = getNavbarHeight();\r\n\t\t\t\tconst elementPosition = element.getBoundingClientRect().top;\r\n\t\t\t\tconst offsetPosition = elementPosition - offset - 40;\r\n\r\n\t\t\t\twindow.scrollBy({\r\n\t\t\t\t\ttop: offsetPosition,\r\n\t\t\t\t\tbehavior: 'smooth'\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\/\/ Fungsi untuk menangani klik pada tautan judul\r\n\t\tfunction handleTitleClick(event) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\tconst href = event.target.getAttribute('href').substr(1);\r\n\t\t\tscrollToElementWithOffset(href);\r\n\t\t}\r\n\r\n\t\t\/\/ Tambahkan event listener untuk semua tautan judul\r\n\t\tconst titleLinks = document.querySelectorAll('a[href^=\"#\"]');\r\n\t\ttitleLinks.forEach(link => {\r\n\t\t\tlink.addEventListener('click', handleTitleClick);\r\n\t\t});\r\n\t\t\r\n\t});\r\n    <\/script> -->\r\n\n<h2 id=\"apa\"><b>Apa itu Nota Kontan?<\/b><\/h2>\n<p>Nota kontan adalah bukti transaksi pembayaran yang dikeluarkan penjual kepada pembeli saat pelunasan dilakukan tunai. Bukti ini menegaskan bahwa pembayaran telah selesai tanpa menunggu jatuh tempo, sehingga sering disebut juga nota tunai.<\/p>\n<p>Berbeda dengan nota kredit maupun debit yang berkaitan dengan utang piutang, nota kontan hanya berlaku untuk transaksi yang dibayar lunas di tempat. Dokumen ini biasanya dibuat dua rangkap, yang diberikan kepada pembeli dan penjual sebagai arsip transaksi.<\/p>\n<h2 id=\"fungsi\"><b><span id=\"fungsi\">Fungsi dari Nota Kontan<\/span><\/b><\/h2>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-188192\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/ChatGPT-Image-Feb-2-2026-01_20_11-PM.webp\" alt=\"nota kontan\" width=\"1536\" height=\"1024\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/ChatGPT-Image-Feb-2-2026-01_20_11-PM.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/ChatGPT-Image-Feb-2-2026-01_20_11-PM-300x200.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/ChatGPT-Image-Feb-2-2026-01_20_11-PM-1024x683.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/ChatGPT-Image-Feb-2-2026-01_20_11-PM-768x512.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/ChatGPT-Image-Feb-2-2026-01_20_11-PM-630x420.webp 630w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/ChatGPT-Image-Feb-2-2026-01_20_11-PM-150x100.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/ChatGPT-Image-Feb-2-2026-01_20_11-PM-696x464.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/ChatGPT-Image-Feb-2-2026-01_20_11-PM-1068x712.webp 1068w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><\/p>\n<p>Terdapat beberapa fungsi dari pembuatan dokumen pembayaran ini, yaitu sebagai berikut:<\/p>\n<h3><strong>1. Sebagai bukti pembayaran sah<\/strong><\/h3>\n<p>Nota berfungsi sebagai dokumen resmi yang membuktikan pembayaran telah dilakukan secara tunai. Dengan adanya dokumen ini, transaksi antara penjual dan pembeli memiliki dasar hukum yang jelas.<\/p>\n<h3><strong>2. Sebagai dasar pencatatan akuntansi<\/strong><\/h3>\n<p>Nota ini digunakan sebagai sumber data utama untuk pencatatan transaksi tunai. Informasi di dalamnya dapat dimasukkan ke jurnal pengeluaran kas sehingga laporan keuangan tersusun rapi dan akurat.<\/p>\n<h3><strong>3. Sebagai arsip transaksi perusahaan<\/strong><\/h3>\n<p>Fungsi lain dari nota kontan adalah menjadi arsip perusahaan yang dapat dijadikan referensi. Arsip ini membantu pelaku usaha melakukan penelusuran transaksi ketika terjadi perbedaan data atau diperlukan untuk audit.<\/p>\n<h3><strong>4. Sebagai pengendali transaksi tunai<\/strong><\/h3>\n<p>Nota membantu perusahaan memastikan setiap transaksi tunai tercatat dan terdokumentasi. Dengan begitu, tidak ada pembayaran yang luput atau tidak tercatat dalam administrasi.<\/p>\n<h3><strong>5. Sebagai alat verifikasi internal<\/strong><\/h3>\n<p>Nota ini juga berfungsi sebagai media verifikasi antara bagian penjualan dan bagian keuangan. Kedua divisi dapat mencocokkan catatan yang sama sehingga meminimalisasi kesalahan pencatatan.<\/p>\n<h3><strong>6. Sebagai dasar penyusunan laporan pajak<\/strong><\/h3>\n<p>Dokumen ini dapat dijadikan dasar pelengkap dalam penyusunan laporan perpajakan. Nota berperan memastikan setiap transaksi tunai tercatat resmi dan siap dipertanggung jawabkan kepada otoritas pajak.<\/p>\n<h3><strong>7. Sebagai dokumen pendukung audit<\/strong><\/h3>\n<p>Dalam proses audit internal maupun eksternal, nota ini berfungsi sebagai dokumen pendukung yang menunjukkan kebenaran transaksi. Dengan adanya nota, auditor dapat memeriksa keabsahan laporan keuangan.<\/p>\n<h2><strong><span id=\"jenis\">Jenis-jenis Nota Kontan<\/span><\/strong><\/h2>\n<p>Ada beberapa jenis nota kontan yang biasa digunakan perusahaan:<\/p>\n<h3><strong>1. Nota kontan sederhana<\/strong><\/h3>\n<p>Jenis ini biasanya digunakan oleh usaha kecil atau UMKM. Isinya hanya mencakup informasi dasar seperti nama barang, jumlah, harga satuan, dan total pembayaran.<\/p>\n<h3><strong>2. Nota kontan rangkap<\/strong><\/h3>\n<p>Nota umumnya dibuat dalam dua rangkap atau lebih. Lembar asli diberikan kepada pembeli sebagai bukti sah, sedangkan salinan disimpan oleh penjual sebagai arsip transaksi.<\/p>\n<h3><strong>3. Nota kontan dengan format khusus<\/strong><\/h3>\n<p>Perusahaan yang lebih besar sering menggunakan nota dengan format custom. Biasanya sudah dilengkapi logo, nomor seri, hingga integrasi dengan sistem kasir atau <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/document-management-system\/\">document management system<\/a> agar pencatatannya lebih teratur.<\/p>\n<h2 id=\"komponen\"><b>Komponen dalam Nota Kontan<\/b><\/h2>\n<p>Dalam pembuatan dokumen pembayaran ini, terdapat sejumlah komponen yang harus tercantum di dalamnya. Apa saja komponennya? Simak komponen-komponennya berikut ini:<\/p>\n<table style=\"border-collapse: collapse; width: 100%;\" border=\"1\" cellspacing=\"0\" cellpadding=\"8\">\n<tbody>\n<tr style=\"background-color: #990000; color: white; text-align: left;\">\n<th>Komponen Nota Kontan<\/th>\n<th>Penjelasan<\/th>\n<\/tr>\n<tr>\n<td><b>Nama Perusahaan<\/b><\/td>\n<td>Nama bisnis yang mengeluarkan nota, biasanya disertai alamat perusahaan dan nomor telepon agar pembeli dapat menghubungi jika diperlukan.<\/td>\n<\/tr>\n<tr>\n<td><b>Nomor Nota<\/b><\/td>\n<td>Nomor unik yang ditentukan penjual untuk membedakan setiap transaksi, memudahkan pencatatan dan pelacakan.<\/td>\n<\/tr>\n<tr>\n<td><b>Tanggal Transaksi<\/b><\/td>\n<td>Menunjukkan kapan transaksi dilakukan, penting untuk pencatatan akuntansi dan garansi barang.<\/td>\n<\/tr>\n<tr>\n<td><b>Jenis Barang<\/b><\/td>\n<td>Daftar barang yang dibeli oleh pelanggan, biasanya ditulis dengan deskripsi singkat agar jelas.<\/td>\n<\/tr>\n<tr>\n<td><b>Kuantitas<\/b><\/td>\n<td>Jumlah unit barang yang dibeli, berguna untuk menghitung total harga.<\/td>\n<\/tr>\n<tr>\n<td><b>Harga Satuan<\/b><\/td>\n<td>Harga per unit barang, digunakan untuk menghitung subtotal sebelum dijumlahkan.<\/td>\n<\/tr>\n<tr>\n<td><b>Total Harga<\/b><\/td>\n<td>Jumlah keseluruhan yang harus dibayar oleh pelanggan, hasil dari kuantitas dikali harga satuan.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<style>\r\n.cta-in-article-image .desktop-banner{\r\n    display: none;\r\n    text-align: center;\r\n}\r\n.cta-in-article-image .desktop-mobile{\r\n    display: block;\r\n    text-align: center;\r\n    width: 100%;\r\n}\r\n\t.cta-in-article a {\r\n\t\tfont-size: 0px !important;\r\n\t\tcolor: #fff; \r\n\t\tpadding: 0px !important; \r\n\t\tborder-radius: 0px !important; \r\n\t\tdisplay: block !important; \r\n\t\ttext-decoration: none; \r\n\t}\r\n\t\r\n\t.cta-in-article {\r\n\t\tmargin: 0px !important;\r\n\t\tpadding: 0px !important;\r\n\t\tbox-shadow: none !important;\r\n\t}\r\n\t\r\n@media (min-width: 650px) {\r\n    .cta-in-article-image .desktop-banner {\r\n        display: block!important;\r\n    }\r\n}\r\n@media (min-width: 650px) {\r\n   .cta-in-article-image .desktop-mobile {\r\n        display: none!important;\r\n    }\r\n}\r\n<\/style>\r\n<div class=\"cta-in-article-image\">\r\n\t<a href=\"https:\/\/www.hashmicro.com\/id\/offer\/download-skema-harga-software-erp?blog&utm_source=blog&medium=banner-article\" target=\"_blank\" rel=\"noopener\">\r\n\t\t<div id=\"desktop-banner-container\">\r\n\t\t\t<div class=\"desktop-banner\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/02.Skema-Harga-web-resized.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div id=\"mobile-banner-container\">\r\n\t\t\t<div class=\"desktop-mobile\">\r\n\t\t\t\t<img decoding=\"async\" width=\"372\" height=\"465\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/02.-Skema-Harga-Mobile-372px.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/a>\r\n<\/div>\n<h2 id=\"cara\"><b>Cara Membuat Nota Kontan<\/b><\/h2>\n<div style=\"overflow-x: auto; margin: 20px 0;\">\n<table style=\"border-collapse: collapse; width: 100%; max-width: 700px; font-family: Arial, sans-serif; font-size: 14px; text-align: center;\">\n<thead>\n<tr style=\"background-color: #f2f2f2; font-weight: bold;\">\n<th style=\"border: 1px solid #ccc; padding: 8px;\">Kode Produk<\/th>\n<th style=\"border: 1px solid #ccc; padding: 8px;\">Nama Barang<\/th>\n<th style=\"border: 1px solid #ccc; padding: 8px;\">Jumlah<\/th>\n<th style=\"border: 1px solid #ccc; padding: 8px;\">Harga Satuan<\/th>\n<th style=\"border: 1px solid #ccc; padding: 8px;\">Total<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"border: 1px solid #ccc; padding: 8px;\">BR001<\/td>\n<td style=\"border: 1px solid #ccc; padding: 8px;\">Beras Medium 5kg<\/td>\n<td style=\"border: 1px solid #ccc; padding: 8px;\">2<\/td>\n<td style=\"border: 1px solid #ccc; padding: 8px;\">Rp60.000<\/td>\n<td style=\"border: 1px solid #ccc; padding: 8px;\">Rp120.000<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #ccc; padding: 8px;\">MG002<\/td>\n<td style=\"border: 1px solid #ccc; padding: 8px;\">Minyak Goreng 1L<\/td>\n<td style=\"border: 1px solid #ccc; padding: 8px;\">3<\/td>\n<td style=\"border: 1px solid #ccc; padding: 8px;\">Rp15.000<\/td>\n<td style=\"border: 1px solid #ccc; padding: 8px;\">Rp45.000<\/td>\n<\/tr>\n<tr style=\"background-color: #fafafa; font-weight: bold;\">\n<td style=\"border: 1px solid #ccc; padding: 8px; text-align: right;\" colspan=\"4\">Subtotal<\/td>\n<td style=\"border: 1px solid #ccc; padding: 8px;\">Rp165.000<\/td>\n<\/tr>\n<tr style=\"background-color: #fafafa; font-weight: bold;\">\n<td style=\"border: 1px solid #ccc; padding: 8px; text-align: right;\" colspan=\"4\">Diskon<\/td>\n<td style=\"border: 1px solid #ccc; padding: 8px;\">Rp5.000<\/td>\n<\/tr>\n<tr style=\"background-color: #e6f7ff; font-weight: bold;\">\n<td style=\"border: 1px solid #ccc; padding: 8px; text-align: right;\" colspan=\"4\">Total Bayar<\/td>\n<td style=\"border: 1px solid #ccc; padding: 8px;\">Rp160.000<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Anda dapat membuat sendiri format <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-nota\/\">nota elektronik<\/a> menggunakan aplikasi Microsoft Excel. Simak langkah-langkah berikut dalam membuat format dokumen pembayaran ini menggunakan Microsoft Excel:<\/p>\n<h3 id=\"input\"><strong>1. Input kode produk<\/strong><\/h3>\n<p>Langkah pertama adalah memasukkan kode produk pada kolom yang tersedia. Kode ini berisi nomor unik dari barang yang akan dijual. Misalnya, beras medium diberi kode BR001. Dengan adanya kode, penjual lebih mudah melakukan pengecekan tanpa harus menulis nama barang lengkap.<\/p>\n<h3><strong>2. Masukkan nama serta kuantitas barang<\/strong><\/h3>\n<p>Setelah kode diinput, isi kolom nama barang beserta jumlah atau kuantitas yang terjual. Contohnya, pembeli membeli 10 kg beras medium dengan kode BR001. Data ini akan tersimpan rapi dan menjadi dasar penyusunan nota.<\/p>\n<h3 id=\"formula\"><strong>3. Gunakan formula VLOOKUP<\/strong><\/h3>\n<p>Untuk mempermudah, manfaatkan formula Excel seperti VLOOKUP agar data produk otomatis muncul. Contoh formula:<\/p>\n<p>=IFERROR(VLOOKUP(C10,&#8217;DATA BARANG&#8217;!$B$3:$D$100,2,FALSE),&#8221;&#8221;)<\/p>\n<p>Dengan rumus ini, saat kode barang dimasukkan, nama barang dan detail lainnya akan terisi otomatis.<\/p>\n<h3 id=\"satuan\"><strong>4. Buatlah harga satuan per produk<\/strong><\/h3>\n<p>Isi harga satuan dari setiap barang yang dijual. Jika menggunakan formula, Anda bisa menghubungkannya ke tabel data barang dengan VLOOKUP, misalnya:<\/p>\n<p>=IFERROR(VLOOKUP(C10,&#8217;DATA BARANG&#8217;!$B$3:$D$100,3,FALSE),&#8221;&#8221;)<\/p>\n<p>Cara ini meminimalisir kesalahan input harga dan membuat nota lebih rapi.<\/p>\n<h3 id=\"total\"><strong>5. Hitung total harga<\/strong><\/h3>\n<p>Kalikan jumlah barang dengan harga satuan untuk mengetahui total harga. Gunakan formula:<\/p>\n<p>=SUM(G10:G16)<\/p>\n<h3><strong>6. Tambahkan diskon bila ada<\/strong><\/h3>\n<p>Jika pembeli mendapat potongan harga, kurangi total dengan nilai diskon. Misalnya:<\/p>\n<p>=G17-G18<\/p>\n<p>Dengan cara ini, Anda bisa langsung melihat jumlah akhir yang harus dibayarkan pembeli.<\/p>\n<h2><b>Contoh Nota Kontan<\/b><\/h2>\n<p>Agar memudahkan Anda dalam mengetahui nota, penting bagi Anda untuk mengetahui contohnya. Seperti apakah contohnya? Berikut ini merupakan beberapa contoh dan template yang bisa diunduh dari dokumen pembayaran ini:<\/p>\n<!-- shortcode CTA download without popup -->\r\n\r\n<div class=\"download-wrapper nopopup\">\r\n\t<p class=\"download-desc\">Download Contoh Nota Kontan<\/p>\r\n\t\r\n\t<div class=\"download-top\" style=\"position: relative;\">\r\n\t\t<div class=\"opacity-ef\"><\/div>\r\n\t\t<img decoding=\"async\" class=\"download-img\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/contoh-nota-kontan.webp\">\r\n\t<\/div>\r\n\t\r\n\t<div class=\"button-wrapper\">\r\n\t\t\r\n\t\t\t\t<a \r\n\t\t    href=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/contoh-nota-kontan-hashmicro.xlsx\"\r\n\t\t\tclass=\"downloadBtn\" \r\n\t\t\tdata-link=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/contoh-nota-kontan-hashmicro.xlsx\"\r\n\t\t\tdata-format=\"excel\">\r\n\t\t\t<div class=\"icon-unduh\"><\/div>\r\n\t\t\t<p class=\"download-text\" style=\"\">Download Sekarang<\/p>\r\n\t\t<\/a>\r\n\t\t\r\n  \t\t\r\n  \t\t\t<\/div>\r\n\t\r\n\t\t<div class=\"download-bottom\" style=\"position: relative;\">\r\n\t\t<div class=\"opacity-ef\"><\/div>\r\n\t\t<img decoding=\"async\" class=\"download-img\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/contoh-nota-kontan.webp\" alt=\"Download Contoh Nota Kontan\">\r\n\t<\/div>\r\n\t<\/div>\r\n\r\n\r\n<style>\r\n\t.button-wrapper{\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t}\r\n\t\r\n\t.nopopup p.download-text{\r\n\t\tmargin-bottom: 0;\r\n\t\tcolor: #9C171E;\r\n\t}\r\n\t\r\n\t.color-me-white{\r\n\t\tcolor: #FFF !important;\r\n\t}\r\n\t.download-bottom, .download-top{\r\n\t\tmargin-top: 32px;\r\n\t\theight: 250px;\r\n\t\toverflow: hidden;\r\n\t\tborder-radius: 8px 8px 0 0;\r\n\t}\r\n\t\r\n\t.download-top{\r\n\t\tdisplay: none;\r\n\t}\r\n\t\r\n\t.download-img{\r\n\t\twidth: 100%;\r\n\/* \t\tfilter: blur(1px); *\/\r\n\t}\r\n\r\n\t.opacity-ef{\r\n\t\tposition: absolute;\r\n\t\tdisplay: block;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tbottom: 0;\r\n\t\tbackground-image: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 35%, #FFF 88%);\r\n\t\tbackdrop-filter: blur(1px);\r\n\t\tz-index: 1;\r\n\t\twidth: 100%;\r\n\t}\r\n\t\r\n\t.download-wrapper.nopopup{\r\n\t\tbackground: unset;\r\n\t\tpadding: 40px 16px;\r\n\t\tborder-radius: unset;\r\n\t\tborder-bottom: 2px solid #D9D9D9;\r\n\t\tborder-top: 2px solid #D9D9D9;\r\n\t}\r\n\t\r\n\t.icon-unduh{\r\n\t\tbackground-image: url('https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/11\/icon-unduh.webp');\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tbackground-position: center;\r\n\t}\r\n\t\r\n\t.nopopup .downloadBtn{\r\n\t\twidth: 200px;\r\n\t\tpadding: 10px 14px;\r\n\t\tmargin-right: 16px;\r\n\t\tcolor: #FFF !important;\r\n\t\tbox-shadow: 5px 6px 16px 0px rgba(0, 0, 0, 0.25);\r\n\t\tjustify-content: center;\r\n\t}\r\n\t\r\n\t.nopopup .downloadBtn:last-child{\r\n\t\tmargin-right: 0;\r\n\t}\r\n\t\r\n\t.nopopup .download-desc{\r\n\t\tcolor: #282828 !important;\r\n\t\ttext-align: center;\r\n\t\tfont-size: 27px !important;\r\n\t\tfont-style: normal;\r\n\t\tfont-weight: 700;\r\n\t\tline-height: 28px;\r\n\t\tmargin-bottom: 24px !important;\r\n\t}\r\n\t\r\n\t.btn-pdf{\r\n\t\tborder: 2px solid #D01517;\r\n\t\tbackground: #D01517;\r\n\t}\r\n\t\r\n\t.btn-word{\r\n\t\tborder: 2px solid #25589A;\r\n\t\tbackground: #25589A;\r\n\t}\r\n\t\r\n\t.btn-excel{\r\n\t\tborder: 2px solid #20744A;\r\n\t\tbackground: #20744A;\r\n\t}\r\n\t\r\n\t.d-none{\r\n\t\tdisplay: none;\r\n\t}\r\n\t\r\n\t@media (min-width:992px) and (max-width:1399px){\r\n\t\tp.download-text{\r\n\t\t\tfont-size: 14px;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width:991px){\r\n\t\t.button-wrapper{\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t\t\r\n\t\t.nopopup .downloadBtn{\r\n\t\t\twidth: 100%;\r\n\t\t\tmargin-left: 0;\r\n\t\t\tmargin-right: 0;\r\n\t\t\tmargin-bottom: 16px;\r\n\t\t}\r\n\t\t\r\n\t\t.download-bottom{\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t\t\r\n\t\t.download-top{\r\n\t\t\tdisplay: block;\r\n\t\t\tmargin-bottom: 16px;\r\n\t\t}\r\n\t\t\r\n\t\t.nopopup .download-desc{\r\n\t\t\tmargin-bottom: 16px !important;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width:576px){\r\n\t\t.download-top{\r\n\t\t\theight: 120px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n<script>\r\n\tdocument.querySelectorAll('.downloadBtn').forEach(button=>{\r\n\t\tconst formatData = button.getAttribute('data-format');\r\n\t\tconst btnText = button.querySelector('.download-text');\r\n\t\tconst linkData = button.getAttribute('data-link');\r\n\t\tconst iconUnduh = button.querySelector('.icon-unduh');\r\n\/\/ \t\tconst popupContent = button.getAttribute('popup-content');\r\n\t\t\r\n\t\tif(formatData == 'pdf'){\r\n\t\t\tbutton.classList.add('btn-pdf'); \r\n\t\t\tbtnText.classList.add('color-me-white');\r\n\t\t\tbtnText.innerHTML = \"Download PDF\";\r\n\t\t\ticonUnduh.style.backgroundImage = \"url('https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/12\/teenyicons_pdf-solid.webp')\"\r\n\t\t}\r\n\t\tif(formatData == 'word'){\r\n\t\t\tbutton.classList.add('btn-word'); \r\n\t\t\tbtnText.classList.add('color-me-white');\r\n\t\t\tbtnText.innerHTML = \"Download Word\";\r\n\t\t\ticonUnduh.style.backgroundImage = \"url('https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/12\/file-icons_microsoft-word.webp')\"\r\n\t\t}\r\n\t\tif(formatData == 'excel'){\r\n\t\t\tbutton.classList.add('btn-excel'); \r\n\t\t\tbtnText.classList.add('color-me-white');\r\n\t\t\tbtnText.innerHTML = \"Download Excel\";\r\n\t\t\ticonUnduh.style.backgroundImage = \"url('https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/12\/vscode-icons_file-type-excel2.webp')\"\r\n\t\t}\r\n\t\tif(formatData == 'docs'){\r\n\t\t\tbutton.classList.add('btn-word'); \r\n\t\t\tbtnText.classList.add('color-me-white');\r\n\t\t\tbtnText.innerHTML = \"Download Docs\";\r\n\t\t\ticonUnduh.style.backgroundImage = \"url('https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/12\/simple-icons_googledocs.webp')\"\r\n\t\t}\r\n\t\tif(formatData == 'sheet'){\r\n\t\t\tbutton.classList.add('btn-excel'); \r\n\t\t\tbtnText.classList.add('color-me-white');\r\n\t\t\tbtnText.innerHTML = \"Download Sheet\";\r\n\t\t\ticonUnduh.style.backgroundImage = \"url('https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/12\/simple-icons_googlesheets.webp')\"\r\n\t\t}\r\n\t\t\r\n\t\tif(linkData == ''){\r\n\t\t\tbutton.classList.add('d-none');\r\n\t\t}\r\n\t})\r\n<\/script>\n<p><strong>Sebelum mendownload,\u00a0<\/strong>Anda pasti penasaran seperti apa contoh nota kontan, bukan? Berikut kami tampilkan dua contoh, agar Anda bisa melihat sekilas struktur nota seperti apa:<\/p>\n<h3><strong>1. Contoh Nota Kontan Umum<\/strong><\/h3>\n<p>Berikut adalah contoh nota kosong:<\/p>\n<div style=\"border: 2px solid #000; padding: 16px; width: 500px; font-family: Arial, sans-serif; font-size: 14px; margin: 20px auto;\">\n<h3 style=\"text-align: center; margin: 0;\">NOTA KONTAN<\/h3>\n<p style=\"margin: 4px 0; text-align: center;\">Nama Toko \/ Perusahaan<br \/>\nAlamat Lengkap<br \/>\nTelp: ___________<\/p>\n<hr \/>\n<p><strong>No:<\/strong> _________ \u00a0\u00a0 <strong>Tanggal:<\/strong> ____\/____\/______<\/p>\n<p><strong>Kepada Yth:<\/strong> ________________________<\/p>\n<table style=\"width: 100%; border-collapse: collapse; margin: 10px 0;\">\n<thead>\n<tr style=\"background: #f0f0f0;\">\n<th style=\"border: 1px solid #000; padding: 6px; text-align: left;\">No<\/th>\n<th style=\"border: 1px solid #000; padding: 6px; text-align: left;\">Nama Barang<\/th>\n<th style=\"border: 1px solid #000; padding: 6px; text-align: center;\">Qty<\/th>\n<th style=\"border: 1px solid #000; padding: 6px; text-align: right;\">Harga<\/th>\n<th style=\"border: 1px solid #000; padding: 6px; text-align: right;\">Jumlah<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"border: 1px solid #000; padding: 6px;\">1<\/td>\n<td style=\"border: 1px solid #000; padding: 6px;\">____________________<\/td>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: center;\">___<\/td>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: right;\">Rp______<\/td>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: right;\">Rp______<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #000; padding: 6px;\">2<\/td>\n<td style=\"border: 1px solid #000; padding: 6px;\">____________________<\/td>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: center;\">___<\/td>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: right;\">Rp______<\/td>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: right;\">Rp______<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #000; padding: 6px;\">3<\/td>\n<td style=\"border: 1px solid #000; padding: 6px;\">____________________<\/td>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: center;\">___<\/td>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: right;\">Rp______<\/td>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: right;\">Rp______<\/td>\n<\/tr>\n<\/tbody>\n<tfoot>\n<tr>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: right;\" colspan=\"4\"><strong>Total<\/strong><\/td>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: right;\"><strong>Rp______<\/strong><\/td>\n<\/tr>\n<\/tfoot>\n<\/table>\n<p style=\"margin: 8px 0; text-align: right;\">________________, ____\/____\/______<\/p>\n<p style=\"margin: 30px 0 0; text-align: right;\">( Tanda Tangan )<\/p>\n<\/div>\n<p>Dan berikut contoh nota yang telah diisi:<\/p>\n<div style=\"border: 2px solid #000; padding: 16px; width: 500px; font-family: Arial, sans-serif; font-size: 14px; margin: 20px auto;\">\n<h3 style=\"text-align: center; margin: 0;\">NOTA KONTAN<\/h3>\n<p style=\"margin: 4px 0; text-align: center;\">Toko Sejahtera<br \/>\nJl. Merdeka No. 45, Jakarta<br \/>\nTelp: (021) 1234567<\/p>\n<hr \/>\n<p><strong>No:<\/strong> 00123 \u00a0\u00a0 <strong>Tanggal:<\/strong> 16\/09\/2025<\/p>\n<p><strong>Kepada Yth:<\/strong> Bapak Andi<\/p>\n<table style=\"width: 100%; border-collapse: collapse; margin: 10px 0;\">\n<thead>\n<tr style=\"background: #f0f0f0;\">\n<th style=\"border: 1px solid #000; padding: 6px; text-align: left;\">No<\/th>\n<th style=\"border: 1px solid #000; padding: 6px; text-align: left;\">Nama Barang<\/th>\n<th style=\"border: 1px solid #000; padding: 6px; text-align: center;\">Qty<\/th>\n<th style=\"border: 1px solid #000; padding: 6px; text-align: right;\">Harga<\/th>\n<th style=\"border: 1px solid #000; padding: 6px; text-align: right;\">Jumlah<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"border: 1px solid #000; padding: 6px;\">1<\/td>\n<td style=\"border: 1px solid #000; padding: 6px;\">Bolpoin Pilot<\/td>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: center;\">10<\/td>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: right;\">Rp5.000<\/td>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: right;\">Rp50.000<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #000; padding: 6px;\">2<\/td>\n<td style=\"border: 1px solid #000; padding: 6px;\">Buku Tulis Sidu<\/td>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: center;\">5<\/td>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: right;\">Rp10.000<\/td>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: right;\">Rp50.000<\/td>\n<\/tr>\n<\/tbody>\n<tfoot>\n<tr>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: right;\" colspan=\"4\"><strong>Total<\/strong><\/td>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: right;\"><strong>Rp100.000<\/strong><\/td>\n<\/tr>\n<\/tfoot>\n<\/table>\n<p style=\"margin: 8px 0; text-align: right;\">Jakarta, 16\/09\/2025<\/p>\n<p style=\"margin: 30px 0 0; text-align: right;\">( Tanda Tangan )<span style=\"font-family: Verdana, BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-size: 15px;\">\u00a0<\/span><\/p>\n<\/div>\n<h3><strong>Contoh Nota Kontan Retail Sederhana<\/strong><\/h3>\n<p>Nah, untuk toko retail, di bawah ini merupakan contoh nota sederhana untuk transaksi volume kecil.<\/p>\n<div style=\"border: 2px solid #000; padding: 16px; width: 500px; font-family: Arial, sans-serif; font-size: 14px; margin: 20px auto;\">\n<h3 style=\"text-align: center; margin: 0;\">NOTA KONTAN<\/h3>\n<p style=\"margin: 4px 0; text-align: center;\">Toko Sumber Rezeki<br \/>\nJl. Melati No. 22, Bandung<br \/>\nTelp: (022) 7654321<\/p>\n<hr \/>\n<p><strong>No:<\/strong> 00215 \u00a0\u00a0 <strong>Tanggal:<\/strong> 16\/09\/2025<\/p>\n<p><strong>Kepada Yth:<\/strong> Ibu Ratna<\/p>\n<table style=\"width: 100%; border-collapse: collapse; margin: 10px 0;\">\n<thead>\n<tr style=\"background: #f0f0f0;\">\n<th style=\"border: 1px solid #000; padding: 6px; text-align: left;\">No<\/th>\n<th style=\"border: 1px solid #000; padding: 6px; text-align: left;\">Nama Barang<\/th>\n<th style=\"border: 1px solid #000; padding: 6px; text-align: center;\">Qty<\/th>\n<th style=\"border: 1px solid #000; padding: 6px; text-align: right;\">Harga<\/th>\n<th style=\"border: 1px solid #000; padding: 6px; text-align: right;\">Jumlah<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"border: 1px solid #000; padding: 6px;\">1<\/td>\n<td style=\"border: 1px solid #000; padding: 6px;\">Detergen Bubuk 1kg<\/td>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: center;\">2<\/td>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: right;\">Rp25.000<\/td>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: right;\">Rp50.000<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #000; padding: 6px;\">2<\/td>\n<td style=\"border: 1px solid #000; padding: 6px;\">Sabun Mandi Cair 500ml<\/td>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: center;\">3<\/td>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: right;\">Rp18.000<\/td>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: right;\">Rp54.000<\/td>\n<\/tr>\n<\/tbody>\n<tfoot>\n<tr>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: right;\" colspan=\"4\"><strong>Total<\/strong><\/td>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: right;\"><strong>Rp104.000<\/strong><\/td>\n<\/tr>\n<\/tfoot>\n<\/table>\n<p style=\"margin: 8px 0; text-align: right;\">Bandung, 16\/09\/2025<\/p>\n<p style=\"margin: 30px 0 0; text-align: right;\">( Tanda Tangan )<\/p>\n<\/div>\n<h3><strong>Contoh Nota Kontan F&amp;B<\/strong><\/h3>\n<p>Untuk bisnis F&amp;B, contohnya dapat dilihat di bawah ini.<\/p>\n<div style=\"border: 2px solid #000; padding: 16px; width: 500px; font-family: Arial, sans-serif; font-size: 14px; margin: 20px auto;\">\n<h3 style=\"text-align: center; margin: 0;\">NOTA KONTAN<\/h3>\n<p style=\"margin: 4px 0; text-align: center;\">Warung Makan Selera Nusantara<br \/>\nJl. Sudirman No. 88, Jakarta<br \/>\nTelp: (021) 8889990<\/p>\n<hr \/>\n<p><strong>No:<\/strong> 00587 \u00a0\u00a0 <strong>Tanggal:<\/strong> 16\/09\/2025<\/p>\n<p><strong>Kepada Yth:<\/strong> Bapak Joko<\/p>\n<table style=\"width: 100%; border-collapse: collapse; margin: 10px 0;\">\n<thead>\n<tr style=\"background: #f0f0f0;\">\n<th style=\"border: 1px solid #000; padding: 6px; text-align: left;\">No<\/th>\n<th style=\"border: 1px solid #000; padding: 6px; text-align: left;\">Menu<\/th>\n<th style=\"border: 1px solid #000; padding: 6px; text-align: center;\">Qty<\/th>\n<th style=\"border: 1px solid #000; padding: 6px; text-align: right;\">Harga<\/th>\n<th style=\"border: 1px solid #000; padding: 6px; text-align: right;\">Jumlah<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td style=\"border: 1px solid #000; padding: 6px;\">1<\/td>\n<td style=\"border: 1px solid #000; padding: 6px;\">Nasi Goreng Spesial<\/td>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: center;\">2<\/td>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: right;\">Rp30.000<\/td>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: right;\">Rp60.000<\/td>\n<\/tr>\n<tr>\n<td style=\"border: 1px solid #000; padding: 6px;\">2<\/td>\n<td style=\"border: 1px solid #000; padding: 6px;\">Es Teh Manis<\/td>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: center;\">2<\/td>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: right;\">Rp5.000<\/td>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: right;\">Rp10.000<\/td>\n<\/tr>\n<\/tbody>\n<tfoot>\n<tr>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: right;\" colspan=\"4\"><strong>Total<\/strong><\/td>\n<td style=\"border: 1px solid #000; padding: 6px; text-align: right;\"><strong>Rp70.000<\/strong><\/td>\n<\/tr>\n<\/tfoot>\n<\/table>\n<p style=\"margin: 8px 0; text-align: right;\">Jakarta, 16\/09\/2025<\/p>\n<p style=\"margin: 30px 0 0; text-align: right;\">( Tanda Tangan )<\/p>\n<\/div>\n<style>\r\n\t#baca-juga {\r\n\t\tpadding: 16px;\r\n\t\tbackground-color: #f7eaea;\r\n\t\tborder-left: 3px solid #af2828;\r\n\t\tfont-weight: 500;\r\n\t\tmargin-bottom: 26px;\r\n\t}\r\n\t\r\n\t#baca-juga a {\r\n\t\tcolor: #af2828 !important;\r\n\t\ttransition: all 0.2s ease-in-out;\r\n\t}\r\n\t\r\n\t#baca-juga a:hover {\r\n\t\tcolor: #af282880 !important;\r\n\t}\r\n<\/style>\r\n\r\n<div id=\"baca-juga\">\r\n\t<span>Baca juga: <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-invoice-terbaik\/\">15 Aplikasi Invoice Terbaik Mudah Digunakan untuk Bisnis<\/a><\/span>\r\n<\/div>\n<h2><strong>Digitalisasi Nota Kontan untuk Bisnis Anda\u00a0<\/strong><\/h2>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-188172\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/Nota-Kontan.webp\" alt=\"nota kontan\" width=\"1347\" height=\"604\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/Nota-Kontan.webp 1347w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/Nota-Kontan-300x135.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/Nota-Kontan-1024x459.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/Nota-Kontan-768x344.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/Nota-Kontan-937x420.webp 937w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/Nota-Kontan-150x67.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/Nota-Kontan-696x312.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/Nota-Kontan-1068x479.webp 1068w\" sizes=\"auto, (max-width: 1347px) 100vw, 1347px\" \/><\/p>\n<p>Digitalisasi nota kontan membantu bisnis mengelola bukti transaksi secara lebih rapi dan konsisten tanpa bergantung pada arsip fisik. Nota yang sebelumnya mudah hilang atau rusak dapat disimpan dalam bentuk digital, sehingga lebih aman dan mudah diakses kembali saat dibutuhkan.<\/p>\n<p>Dengan pencatatan digital\u00a0 detail transaksi seperti tanggal, nominal, dan item penjualan dapat ditelusuri lebih cepat. Hal ini memudahkan proses pengecekan, retur, maupun audit internal, sekaligus mengurangi risiko kesalahan akibat pencatatan manual yang tidak seragam.<\/p>\n<p>Selain itu, digitalisasi nota juga mendukung efisiensi operasional. Proses pencatatan menjadi lebih ringkas, data lebih terstruktur, dan bisnis memiliki dasar informasi yang lebih akurat untuk memantau transaksi harian secara berkelanjutan.<\/p>\n<h2 id=\"kesimpulan\"><b>Kesimpulan<\/b><\/h2>\n<p>Nota kontan adalah bukti pembayaran sah yang membuat transaksi tunai tercatat jelas, sekaligus menjadi dasar pencatatan akuntansi.<\/p>\n<p>Namun, pencatatan manual sering memakan waktu dan rentan kesalahan, terutama saat transaksi semakin banyak. Karena itu, banyak bisnis beralih ke pencatatan yang lebih terstruktur agar data konsisten dan mudah ditelusuri.<\/p>\n<p>Dengan proses yang lebih terintegrasi, arus kas dan laporan keuangan dapat dikelola lebih akurat dan efisien. Anda bisa memulai dengan <a href=\"https:\/\/www.hashmicro.com\/id\/tour-produk-gratis\/\">konsultasi gratis<\/a> untuk memetakan alur pencatatan yang paling sesuai.<\/p>\n<a href=\"https:\/\/www.hashmicro.com\/id\/sistem-akuntansi?medium=moneysite-banner\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/01\/accounting-definitive.webp\" data-desktop-src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/01\/accounting-definitive.webp\" data-mobile-src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/01\/accounting-definitive-m.webp\" alt=\"Accounting_Definisi\" class=\"responsive-image-banner\"><\/a>\r\n\r\n<script>\r\n    \/\/ check which image to use based on screensize\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        function updateImageSource() {\r\n            var images = document.querySelectorAll('.responsive-image-banner');\r\n            var screenWidth = window.innerWidth;\r\n\r\n            images.forEach(function(img) {\r\n                var mobileSrc = img.getAttribute('data-mobile-src');\r\n                var desktopSrc = img.getAttribute('data-desktop-src');\r\n\r\n                if (screenWidth < 576 && mobileSrc) {\r\n                    img.setAttribute('src', mobileSrc);\r\n                } else {\r\n                    img.setAttribute('src', desktopSrc);\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Initial check\r\n        updateImageSource();\r\n\r\n        \/\/ Update on resize\r\n        window.addEventListener('resize', updateImageSource);\r\n    });\r\n<\/script>\n<h2><strong>Pertanyaan Seputar Nota Kontan<\/strong><\/h2>\n<ul class=\"bottom_faq\">\n<li>\n<details>\n<summary><strong>Apa itu Nota Kontan?<\/strong><\/summary>\n<p>Nota kontan adalah bukti atau dokumen pembayaran atas transaksi penjualan barang secara tunai yang penjual berikan kepada pembeli. Nota kontan digunakan oleh perusahaan bisnis dalam pembuatan laporan keuangan sebagai media pengecekan ulang atas transaksi yang terjadi, dan menjadi bukti transaksi yang sah bagi pihak pembeli.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Bagaimana Cara Membuat Nota Kontan?<\/strong><\/summary>\n<p>Melakukan input kode produk, menggunakan formula VLOOKUP, membuat harga satuan per produk, dan menginput total harga. Ada cara lain membuat nota kontan secara otomatis, yakni menggunakan Software Akuntansi dari HashMicro. Perusahaan juga dapat menggunakan <a href=\"https:\/\/www.hashmicro.com\/id\/sistem-manajemen-dokumen\">Sistem Manajemen Dokumen<\/a> untuk menyimpan dan mengorganisir berbagai dokumen perusahaan, termasuk nota kontan.<\/p>\n<p><script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [{\n    \"@type\": \"Question\",\n    \"name\": \"Apa itu Nota Kontan?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Nota kontan adalah bukti atau dokumen pembayaran atas transaksi penjualan barang secara tunai yang penjual berikan kepada pembeli. Nota kontan digunakan oleh perusahaan bisnis dalam pembuatan laporan keuangan sebagai media pengecekan ulang atas transaksi yang terjadi, dan menjadi bukti transaksi yang sah bagi pihak pembeli.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"Bagaimana Cara Membuat Nota Kontan?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Melakukan input kode produk, menggunakan formula VLOOKUP, membuat harga satuan per produk, dan menginput total harga. Ada cara lain membuat nota kontan secara otomatis, yakni menggunakan Software Akuntansi dari HashMicro. Perusahaan juga dapat menggunakan Sistem Manajemen Dokumen untuk menyimpan dan mengorganisir berbagai dokumen perusahaan, termasuk nota kontan.\"\n    }\n  }]\n}\n<\/script><\/p>\n<p><script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Invoice\",\n  \"identifier\": \"00123\",\n  \"name\": \"Nota Kontan\",\n  \"description\": \"Nota kontan dari Toko Sejahtera untuk pembelian alat tulis.\",\n  \"paymentDueDate\": \"2025-09-16\",\n  \"totalPaymentDue\": {\n    \"@type\": \"MonetaryAmount\",\n    \"currency\": \"IDR\",\n    \"value\": \"100000\"\n  },\n  \"accountId\": \"Toko Sejahtera\",\n  \"seller\": {\n    \"@type\": \"Organization\",\n    \"name\": \"Toko Sejahtera\",\n    \"address\": {\n      \"@type\": \"PostalAddress\",\n      \"streetAddress\": \"Jl. Merdeka No. 45\",\n      \"addressLocality\": \"Jakarta\",\n      \"addressCountry\": \"ID\"\n    },\n    \"telephone\": \"(021) 1234567\"\n  },\n  \"customer\": {\n    \"@type\": \"Person\",\n    \"name\": \"Bapak Andi\"\n  },\n  \"referencesOrder\": {\n    \"@type\": \"Order\",\n    \"orderDate\": \"2025-09-16\",\n    \"orderedItem\": [\n      {\n        \"@type\": \"Product\",\n        \"name\": \"Bolpoin Pilot\",\n        \"sku\": \"BRG-001\",\n        \"orderQuantity\": 10,\n        \"price\": {\n          \"@type\": \"MonetaryAmount\",\n          \"currency\": \"IDR\",\n          \"value\": \"5000\"\n        }\n      },\n      {\n        \"@type\": \"Product\",\n        \"name\": \"Buku Tulis Sidu\",\n        \"sku\": \"BRG-002\",\n        \"orderQuantity\": 5,\n        \"price\": {\n          \"@type\": \"MonetaryAmount\",\n          \"currency\": \"IDR\",\n          \"value\": \"10000\"\n        }\n      }\n    ]\n  }\n}\n<\/script><\/p>\n<\/details>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Dalam transaksi tunai, bukti pembayaran sering dianggap sekadar pelengkap. Padahal, ketika nota hilang atau informasi yang tercantum kurang jelas proses pengecekan dapat kurang maksimal terutama saat ada retur, klaim kerusakan, atau permintaan penggantian barang. Sebaliknya, nota kontan yang rapi dan konsisten membuat transaksi lebih mudah dipertanggungjawabkan. Ini karena pembeli memiliki dokumen yang kuat untuk mengajukan [&hellip;]<\/p>\n","protected":false},"author":164,"featured_media":140636,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1232],"tags":[],"class_list":{"0":"post-13796","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-accounting"},"acf":{"post_reviewer":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.1 (Yoast SEO v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Pentingnya Nota Kontan: Definisi, Jenis, dan Contohnya<\/title>\n<meta name=\"description\" content=\"Nota kontan adalah bukti atau dokumen pembayaran atas transaksi penjualan barang. Berikut cara lengkap membuat nota kontan\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-nota-kontan\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nota Kontan: Definisi, Jenis, Fungsi, dan Contohnya\" \/>\n<meta property=\"og:description\" content=\"Nota kontan adalah bukti atau dokumen pembayaran atas transaksi penjualan barang. Berikut cara lengkap membuat nota kontan\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-nota-kontan\/\" \/>\n<meta property=\"og:site_name\" content=\"HashMicro Indonesia\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hashmicro\" \/>\n<meta property=\"article:published_time\" content=\"2024-04-05T02:27:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-02T06:23:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/nota-kontan-HashMicro.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"650\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Dewi Sartika\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hashmicro\" \/>\n<meta name=\"twitter:site\" content=\"@hashmicro\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dewi Sartika\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/mengenal-nota-kontan\\\/\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/mengenal-nota-kontan\\\/\",\"name\":\"Pentingnya Nota Kontan: Definisi, Jenis, dan Contohnya\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/mengenal-nota-kontan\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/mengenal-nota-kontan\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/nota-kontan-HashMicro.png\",\"datePublished\":\"2024-04-05T02:27:04+00:00\",\"dateModified\":\"2026-02-02T06:23:52+00:00\",\"description\":\"Nota kontan adalah bukti atau dokumen pembayaran atas transaksi penjualan barang. Berikut cara lengkap membuat nota kontan\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/mengenal-nota-kontan\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/mengenal-nota-kontan\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/mengenal-nota-kontan\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/nota-kontan-HashMicro.png\",\"contentUrl\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/nota-kontan-HashMicro.png\",\"width\":1200,\"height\":650,\"caption\":\"nota kontan\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/mengenal-nota-kontan\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nota Kontan: Definisi, Jenis, Fungsi, dan Contohnya\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/\",\"name\":\"HashMicro Indonesia\",\"description\":\"Blog Software Manajemen Bisnis Indonesia #1\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#organization\",\"name\":\"HashMicro Indonesia\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/hashmicro-logo-blog.webp\",\"contentUrl\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/hashmicro-logo-blog.webp\",\"width\":924,\"height\":121,\"caption\":\"HashMicro Indonesia\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hashmicro\",\"https:\\\/\\\/x.com\\\/hashmicro\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/hashmicro\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Pentingnya Nota Kontan: Definisi, Jenis, dan Contohnya","description":"Nota kontan adalah bukti atau dokumen pembayaran atas transaksi penjualan barang. Berikut cara lengkap membuat nota kontan","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-nota-kontan\/","og_locale":"id_ID","og_type":"article","og_title":"Nota Kontan: Definisi, Jenis, Fungsi, dan Contohnya","og_description":"Nota kontan adalah bukti atau dokumen pembayaran atas transaksi penjualan barang. Berikut cara lengkap membuat nota kontan","og_url":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-nota-kontan\/","og_site_name":"HashMicro Indonesia","article_publisher":"https:\/\/www.facebook.com\/hashmicro","article_published_time":"2024-04-05T02:27:04+00:00","article_modified_time":"2026-02-02T06:23:52+00:00","og_image":[{"width":1200,"height":650,"url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/nota-kontan-HashMicro.png","type":"image\/png"}],"author":"Dewi Sartika","twitter_card":"summary_large_image","twitter_creator":"@hashmicro","twitter_site":"@hashmicro","twitter_misc":{"Ditulis oleh":"Dewi Sartika","Estimasi waktu membaca":"10 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-nota-kontan\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-nota-kontan\/","name":"Pentingnya Nota Kontan: Definisi, Jenis, dan Contohnya","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-nota-kontan\/#primaryimage"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-nota-kontan\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/nota-kontan-HashMicro.png","datePublished":"2024-04-05T02:27:04+00:00","dateModified":"2026-02-02T06:23:52+00:00","description":"Nota kontan adalah bukti atau dokumen pembayaran atas transaksi penjualan barang. Berikut cara lengkap membuat nota kontan","breadcrumb":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-nota-kontan\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hashmicro.com\/id\/blog\/mengenal-nota-kontan\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-nota-kontan\/#primaryimage","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/nota-kontan-HashMicro.png","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/04\/nota-kontan-HashMicro.png","width":1200,"height":650,"caption":"nota kontan"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-nota-kontan\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hashmicro.com\/id\/blog\/"},{"@type":"ListItem","position":2,"name":"Nota Kontan: Definisi, Jenis, Fungsi, dan Contohnya"}]},{"@type":"WebSite","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#website","url":"https:\/\/www.hashmicro.com\/id\/blog\/","name":"HashMicro Indonesia","description":"Blog Software Manajemen Bisnis Indonesia #1","publisher":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hashmicro.com\/id\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization","name":"HashMicro Indonesia","url":"https:\/\/www.hashmicro.com\/id\/blog\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/11\/hashmicro-logo-blog.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/11\/hashmicro-logo-blog.webp","width":924,"height":121,"caption":"HashMicro Indonesia"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hashmicro","https:\/\/x.com\/hashmicro","https:\/\/www.linkedin.com\/company\/hashmicro"]}]}},"focus_keyword":"nota kontan","order_j":"","_links":{"self":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/13796","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/users\/164"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/comments?post=13796"}],"version-history":[{"count":24,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/13796\/revisions"}],"predecessor-version":[{"id":188193,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/13796\/revisions\/188193"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media\/140636"}],"wp:attachment":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=13796"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/categories?post=13796"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/tags?post=13796"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}