{"id":8348,"date":"2024-03-06T10:30:18","date_gmt":"2024-03-06T03:30:18","guid":{"rendered":"https:\/\/www.hashmicro.com\/id\/blog\/?p=8348"},"modified":"2026-04-21T15:10:20","modified_gmt":"2026-04-21T08:10:20","slug":"mengenal-sop-lebih-dalam","status":"publish","type":"post","link":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-sop-lebih-dalam\/","title":{"rendered":"SOP (Standar Operasional Prosedur) : Ketahui Fungsi, Manfaat dan Contoh SOP Perusahaan"},"content":{"rendered":"<p>Di banyak perusahaan, risiko terbesar bukan datang dari kejadian besar tetapi dari proses kecil yang berjalan tanpa standar. SOP hadir sebagai alat kontrol risiko agar pekerjaan tetap aman, konsisten, dan dapat diaudit.<\/p>\n<p>SOP menetapkan langkah yang wajib diikuti saat aktivitas kritis terjadi seperti persetujuan, penanganan insiden, hingga serah terima tugas. Dengan begitu keputusan tidak bergantung pada siapa yang sedang bertugas.<\/p>\n<p>Jika SOP hanya dianggap dokumen administrasi, celah kesalahan tetap terbuka dan masalah mudah terulang.<\/p>\n<style>\r\n\t.takeaways-container {\r\n\t\tmargin: 20px 0;\r\n\t\tfont-family: sans-serif;\r\n\t}\r\n\t.box-content {\r\n\t\tbackground-color: #fffacd;\r\n\t\tbox-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n\t\tborder-radius: 25px;\r\n\t\tpadding: 25px;\r\n\t}\r\n\t.title {\r\n\t\tmargin-bottom: 20px;\r\n\t}\r\n\t.title p {\r\n\t\tdisplay: inline-block;\r\n\t\tbackground-color: #8A0E19;\r\n\t\tcolor: #ffffff;\r\n\t\tpadding: 8px 15px;\r\n\t\tborder-radius: 8px;\r\n\t\tfont-size: 22px;\r\n\t\tfont-weight: bold;\r\n\t\tmargin: 0;\r\n\t}\r\n\t.item {\r\n\t\tdisplay: flex;\r\n\t\talign-items: flex-start;\r\n\t\tmargin-bottom: 12px;\r\n\t}\r\n\t.item .circle {\r\n\t\twidth: 8px;\r\n\t\theight: 8px;\r\n\t\tbackground-color: #000000;\r\n\t\tborder-radius: 50%;\r\n\t\tmargin-right: 12px;\r\n\t\tflex-shrink: 0;\r\n\t\tmargin-top: 8px;\r\n\t}\r\n\t.item p {\r\n\t\tmargin: 0;\r\n\t\tfont-size: 16px;\r\n\t\tline-height: 1.6;\r\n\t}\r\n\t.item p a {\r\n\t\tcolor: #8A0E19;\r\n\t\tfont-weight: normal;\r\n\t\ttext-decoration: none;\r\n\t}\r\n\t.item p a:hover {\r\n\t\ttext-decoration: underline;\r\n\t}\r\n\t.button-wrapper {\r\n\t\tmargin-top: 25px;\r\n\t}\r\n\t.submit-button {\r\n\t\tbackground-color: #8a0e19;\r\n\t\tcolor: #fff !important;\r\n\t\ttransition: all .3s ease;\r\n\t\tpadding: 12px 28px;\r\n\t\tdisplay: inline-block;\r\n\t\tborder-radius: 12px;\r\n\t\tfont-size: 16px;\r\n\t\tfont-weight: bold;\r\n\t\ttext-decoration: none;\r\n\t}\r\n\t.submit-button:hover {\r\n\t\tbackground-color: #991b26;\r\n\t}\r\n\t@media (max-width: 767px) {\r\n\t\t.takeaways-container {\r\n\t\t\theight: auto;\r\n\t\t\tpadding: 0;\r\n\t\t}\r\n\t\t.box-content {\r\n\t\t\tpadding: 24px;\r\n\t\t}\r\n\t\t.content,\r\n\t\t.main-content,\r\n\t\t.list-item {\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n<div class=\"takeaways-container\">\r\n\t<div class=\"box-content\">\r\n\t\t<div class=\"content\">\r\n\t\t\t<div class=\"title\">\r\n\t\t\t\t<p>Key Takeaways<\/p>\r\n\t\t\t<\/div>\r\n\t\t\t<div class=\"main-content\">\r\n\t\t\t\t<div class=\"list-item\">\r\n\t\t\t\t\t<div class=\"item\">    <div class=\"circle\"><\/div>    <p><a href=\"#apa-itu-sop\">SOP (Standar Operasional Prosedur)<\/a> adalah panduan tertulis langkah demi langkah agar setiap proses kerja berjalan konsisten, terlepas dari siapa yang mengerjakan.<\/p><\/div><div class=\"item\">    <div class=\"circle\"><\/div>    <p>Perusahaan yang menerapkan SOP dengan baik melaporkan <a href=\"#mengapa-perusahaan-membutuhkan-sop\">peningkatan efisiensi operasional hingga 30%<\/a> dibanding yang tidak memiliki SOP jelas.<\/p><\/div><div class=\"item\">    <div class=\"circle\"><\/div>    <p>SOP efektif harus memuat <a href=\"#komponen-wajib-sop-perusahaan\">komponen wajib<\/a>: tujuan, ruang lingkup, penanggung jawab, prosedur kerja, dan bagian pengesahan.<\/p><\/div>\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n<!-- \t\t\t<div class=\"button-wrapper\">\r\n\t\t\t\t<a href=\"https:\/\/www.equiperp.com\/tour-produk-gratis\/?medium=key-takeaways\" class=\"submit-button\">Klik untuk Demo Gratis!<\/a>\r\n\t\t\t<\/div> -->\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div>\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><span data-sheets-root=\"1\" data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:513,&quot;3&quot;:{&quot;1&quot;:0},&quot;12&quot;:0}\"><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<\/span><\/p>\n<h2><strong>Apa itu SOP?<\/strong><\/h2>\n<p>SOP atau\u00a0<strong>Standar Operasional Prosedur<\/strong>\u00a0(<em>Standard Operating Procedure<\/em>) adalah dokumen tertulis yang memuat instruksi langkah demi langkah tentang cara menjalankan suatu proses atau tugas tertentu di dalam organisasi secara konsisten, efisien, dan sesuai standar yang telah ditetapkan.<\/p>\n<p>Sederhananya, SOP adalah &#8220;buku panduan resmi&#8221; operasional perusahaan. Ia menjawab pertanyaan paling mendasar dalam pekerjaan sehari-hari:\u00a0<em>Siapa yang mengerjakan? Bagaimana caranya? Kapan dilakukan? Apa standar hasilnya?<\/em><\/p>\n<p>Di banyak perusahaan, risiko terbesar bukan datang dari kejadian besar, tetapi dari proses kecil yang berjalan tanpa standar. SOP hadir sebagai mekanisme kontrol risiko agar pekerjaan tetap aman, konsisten, dan dapat diaudit. Dengan begitu, keputusan tidak bergantung pada siapa yang sedang bertugas.<\/p>\n<div style=\"font-family: 'Nunito Sans', Arial, sans-serif; max-width: 900px; margin: auto;\">\n<div style=\"border: 1px solid #e5e5e5; border-radius: 14px; overflow: hidden; background: #ffffff;\">\n<p><!-- Item 1 --><\/p>\n<div style=\"text-align: center; padding: 4px 5px;\">\n<div style=\"font-size: 44px; font-weight: bold; color: #c1121f;\">30%<\/div>\n<div style=\"font-size: 15px; color: #666; margin-top: 1px;\">Peningkatan efisiensi operasional dengan SOP yang baik<sup>*<\/sup><\/div>\n<\/div>\n<div style=\"border-top: 1px solid #eee;\"><\/div>\n<p><!-- Item 2 --><\/p>\n<div style=\"text-align: center; padding: 4px 5px;\">\n<div style=\"font-size: 44px; font-weight: bold; color: #c1121f;\">40%<\/div>\n<div style=\"font-size: 15px; color: #666; margin-top: 1px;\">Pengurangan kesalahan berulang setelah implementasi SOP<\/div>\n<\/div>\n<div style=\"border-top: 1px solid #eee;\"><\/div>\n<p><!-- Item 3 --><\/p>\n<div style=\"text-align: center; padding: 4px 5px;\">\n<div style=\"font-size: 44px; font-weight: bold; color: #c1121f;\">6\u201312<\/div>\n<div style=\"font-size: 15px; color: #666; margin-top: 1px;\">Bulan interval ideal untuk meninjau dan memperbarui SOP<\/div>\n<\/div>\n<\/div>\n<p style=\"font-size: 12px; color: #888; margin-top: 10px;\">* Sumber: Harvard Business Review, dikutip dari Kompasiana (2025)<\/p>\n<\/div>\n<h2 id=\"mengapa\"><strong>Mengapa perusahaan membutuhkan SOP?\u00a0<\/strong><\/h2>\n<p>SOP berfungsi sebagai mekanisme kontrol risiko yang memastikan proses kerja berjalan konsisten, aman, dan sesuai standar perusahaan. Dengan SOP, operasional tidak bergantung pada kebiasaan individu sehingga kualitas layanan dan hasil kerja lebih terjaga meskipun terjadi pergantian personel atau peningkatan beban kerja.<\/p>\n<p>Standarisasi ini membantu meminimalkan kesalahan berulang, memperjelas tanggung jawab, dan mengurangi potensi keterlambatan akibat proses yang tidak terstruktur.<\/p>\n<p>Selain sebagai panduan kerja, SOP juga memperkuat aspek pengendalian dan evaluasi. Ketika terjadi masala\u00a0 perusahaan dapat mengidentifikasi penyebab dan melakukan perbaikan prosedur secara sistematis agar risiko yang sama tidak terulang.<\/p>\n<h2 id=\"komponen-sop\"><strong>Komponen Wajib SOP Perusahaan<\/strong><\/h2>\n<p>Sebelum membahas cara membuat SOP, penting untuk memahami komponen apa saja yang harus ada dalam setiap dokumen SOP yang efektif. SOP yang tidak lengkap komponentnya akan sulit diimplementasikan dan diaudit.<\/p>\n<div style=\"font-family: 'Nunito Sans', Arial, sans-serif; max-width: 900px; margin: auto; overflow-x: auto;\">\n<div style=\"border: 1px solid #e5e5e5; border-top: 6px solid #990000; border-radius: 10px; overflow: hidden; background: #ffffff; min-width: 700px;\">\n<table style=\"width: 100%; border-collapse: collapse; font-size: 14.5px; line-height: 1.6;\">\n<thead>\n<tr style=\"background: #990000; color: #ffffff; text-align: left;\">\n<th style=\"padding: 14px 16px;\">Komponen<\/th>\n<th style=\"padding: 14px 16px;\">Penjelasan<\/th>\n<th style=\"padding: 14px 16px;\">Contoh Isi<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr style=\"border-bottom: 1px solid #eee;\">\n<td style=\"padding: 14px 16px; font-weight: 600; color: #990000;\">Judul &amp; Nomor SOP<\/td>\n<td style=\"padding: 14px 16px;\">Identitas unik dokumen untuk pengelolaan arsip<\/td>\n<td style=\"padding: 14px 16px;\">SOP-HRD-001: Prosedur Rekrutmen Karyawan<\/td>\n<\/tr>\n<tr style=\"background: #fafafa; border-bottom: 1px solid #eee;\">\n<td style=\"padding: 14px 16px; font-weight: 600; color: #990000;\">Tujuan<\/td>\n<td style=\"padding: 14px 16px;\">Mengapa SOP ini dibuat dan masalah apa yang diselesaikan<\/td>\n<td style=\"padding: 14px 16px;\">Memastikan proses rekrutmen berjalan konsisten dan menghasilkan kandidat berkualitas<\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #eee;\">\n<td style=\"padding: 14px 16px; font-weight: 600; color: #990000;\">Ruang Lingkup<\/td>\n<td style=\"padding: 14px 16px;\">Siapa yang terlibat dan batas cakupan prosedur<\/td>\n<td style=\"padding: 14px 16px;\">Berlaku untuk semua divisi yang membuka posisi baru, dilaksanakan oleh Tim HRD<\/td>\n<\/tr>\n<tr style=\"background: #fafafa; border-bottom: 1px solid #eee;\">\n<td style=\"padding: 14px 16px; font-weight: 600; color: #990000;\">Definisi &amp; Istilah<\/td>\n<td style=\"padding: 14px 16px;\">Penjelasan istilah teknis agar tidak terjadi salah tafsir<\/td>\n<td style=\"padding: 14px 16px;\">Kandidat, Offering Letter, Background Check, dll.<\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #eee;\">\n<td style=\"padding: 14px 16px; font-weight: 600; color: #990000;\">Penanggung Jawab<\/td>\n<td style=\"padding: 14px 16px;\">Siapa bertanggung jawab di setiap tahap (tabel RACI)<\/td>\n<td style=\"padding: 14px 16px;\">HRD Manager (R), Kepala Divisi (A), Rekruter (C)<\/td>\n<\/tr>\n<tr style=\"background: #fafafa; border-bottom: 1px solid #eee;\">\n<td style=\"padding: 14px 16px; font-weight: 600; color: #990000;\">Prosedur Kerja<\/td>\n<td style=\"padding: 14px 16px;\">Langkah-langkah detail yang harus dilakukan secara berurutan<\/td>\n<td style=\"padding: 14px 16px;\">1. Terima permintaan kebutuhan\u2026 2. Posting lowongan\u2026 dst.<\/td>\n<\/tr>\n<tr style=\"border-bottom: 1px solid #eee;\">\n<td style=\"padding: 14px 16px; font-weight: 600; color: #990000;\">Dokumen Referensi<\/td>\n<td style=\"padding: 14px 16px;\">Peraturan, kebijakan, atau SOP lain yang menjadi acuan<\/td>\n<td style=\"padding: 14px 16px;\">Peraturan Ketenagakerjaan No. 13\/2003, Kebijakan Kompensasi<\/td>\n<\/tr>\n<tr style=\"background: #fafafa;\">\n<td style=\"padding: 14px 16px; font-weight: 600; color: #990000;\">Pengesahan<\/td>\n<td style=\"padding: 14px 16px;\">Tanda tangan pimpinan berwenang dan tanggal berlaku<\/td>\n<td style=\"padding: 14px 16px;\">Ditandatangani HR Director, berlaku 1 Januari 2026<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<h2 id=\"jenis-sop\"><strong>Jenis-Jenis SOP Berdasarkan Format<\/strong><\/h2>\n<p>Format SOP dipilih berdasarkan kompleksitas proses dan tingkat detail yang dibutuhkan. Menggunakan format yang tepat akan membuat SOP lebih mudah dipahami dan diterapkan oleh tim.<\/p>\n<div style=\"font-family: 'Nunito Sans', Arial, sans-serif; max-width: 900px; margin: auto; overflow-x: auto;\">\n<table style=\"width: 100%; border-collapse: separate; border-spacing: 20px 20px; min-width: 650px;\">\n<tbody>\n<tr>\n<td style=\"width: 50%; vertical-align: top;\">\n<div style=\"border: 1px solid #e5e5e5; border-top: 5px solid #990000; border-radius: 10px; padding: 22px; background: #ffffff; box-shadow: 0 2px 6px rgba(0,0,0,0.05);\">\n<p><span style=\"background: #EAF3DE; color: #3b6d11; font-size: 12px; font-weight: bold; padding: 4px 10px; border-radius: 20px;\">Simple Steps<\/span><\/p>\n<h4 style=\"margin-top: 10px; margin-bottom: 8px; color: #990000;\">&#x1f4cb; Format Langkah Sederhana<\/h4>\n<p style=\"font-size: 14.5px; color: #555; line-height: 1.6;\">Daftar instruksi berurutan (1, 2, 3\u2026) tanpa percabangan. Cocok untuk proses singkat yang melibatkan sedikit langkah.<\/p>\n<div style=\"background: #fafafa; padding: 8px 10px; border-radius: 6px; font-size: 13.5px;\"><b style=\"color: #990000;\">Gunakan saat:<\/b> Proses &lt; 10 langkah, risiko rendah<\/div>\n<\/div>\n<\/td>\n<td style=\"width: 50%; vertical-align: top;\">\n<div style=\"border: 1px solid #e5e5e5; border-top: 5px solid #990000; border-radius: 10px; padding: 22px; background: #ffffff; box-shadow: 0 2px 6px rgba(0,0,0,0.05);\">\n<p><span style=\"background: #E6F1FB; color: #185fa5; font-size: 12px; font-weight: bold; padding: 4px 10px; border-radius: 20px;\">Hierarki<\/span><\/p>\n<h4 style=\"margin-top: 10px; margin-bottom: 8px; color: #990000;\">&#x1f9e9; Format Hierarki (Bercabang)<\/h4>\n<p style=\"font-size: 14.5px; color: #555; line-height: 1.6;\">Setiap langkah utama memiliki sub-langkah di bawahnya. Cocok untuk proses kompleks dengan banyak kondisi.<\/p>\n<div style=\"background: #fafafa; padding: 8px 10px; border-radius: 6px; font-size: 13.5px;\"><b style=\"color: #990000;\">Gunakan saat:<\/b> Proses kompleks, banyak variabel<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"width: 50%; vertical-align: top;\">\n<div style=\"border: 1px solid #e5e5e5; border-top: 5px solid #990000; border-radius: 10px; padding: 22px; background: #ffffff; box-shadow: 0 2px 6px rgba(0,0,0,0.05);\">\n<p><span style=\"background: #FAEEDA; color: #854f0b; font-size: 12px; font-weight: bold; padding: 4px 10px; border-radius: 20px;\">Flowchart<\/span><\/p>\n<h4 style=\"margin-top: 10px; margin-bottom: 8px; color: #990000;\">&#x1f500; Format Diagram Alir<\/h4>\n<p style=\"font-size: 14.5px; color: #555; line-height: 1.6;\">Menggunakan diagram visual untuk menggambarkan alur proses, keputusan (ya\/tidak), dan tanggung jawab antar-pihak.<\/p>\n<div style=\"background: #fafafa; padding: 8px 10px; border-radius: 6px; font-size: 13.5px;\"><b style=\"color: #990000;\">Gunakan saat:<\/b> Melibatkan banyak divisi, ada percabangan keputusan<\/div>\n<\/div>\n<\/td>\n<td style=\"width: 50%; vertical-align: top;\">\n<div style=\"border: 1px solid #e5e5e5; border-top: 5px solid #990000; border-radius: 10px; padding: 22px; background: #ffffff; box-shadow: 0 2px 6px rgba(0,0,0,0.05);\">\n<p><span style=\"background: #FBEAF0; color: #993556; font-size: 12px; font-weight: bold; padding: 4px 10px; border-radius: 20px;\">Checklist<\/span><\/p>\n<h4 style=\"margin-top: 10px; margin-bottom: 8px; color: #990000;\">&#x2714;&#xfe0f; Format Daftar Periksa<\/h4>\n<p style=\"font-size: 14.5px; color: #555; line-height: 1.6;\">Daftar item yang harus diverifikasi atau diselesaikan. Ideal untuk inspeksi, audit, atau proses yang memerlukan konfirmasi.<\/p>\n<div style=\"background: #fafafa; padding: 8px 10px; border-radius: 6px; font-size: 13.5px;\"><b style=\"color: #990000;\">Gunakan saat:<\/b> Inspeksi, audit, onboarding, quality control<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h2 id=\"fungsi\"><strong>Fungsi SOP bagi Perusahaan<\/strong><\/h2>\n<p data-start=\"107\" data-end=\"362\">Standar Operasional Prosedur (SOP) memiliki peran strategis dalam menciptakan tata kelola perusahaan yang terstruktur dan efisien. Dengan adanya standarisasi ini, setiap aktivitas kerja dapat dilakukan secara konsisten, terukur, dan sesuai dengan kebijakan perusahaan.<\/p>\n<p data-start=\"107\" data-end=\"362\">Standarisasi dokumen, versi, dan alur persetujuan SOP bisa dipusatkan di hris software modern agar penerapan dan audit kepatuhan lebih cepat dan konsisten. Berikut beberapa fungsi utama SOP bagi perusahaan:<\/p>\n<h3><strong data-start=\"419\" data-end=\"449\">1. Menstandarkan proses kerja<\/strong><\/h3>\n<p>SOP memastikan bahwa seluruh karyawan mengikuti prosedur yang sama dalam menyelesaikan tugas. Hal ini membantu menjaga kualitas hasil kerja dan meminimalkan kesalahan.<\/p>\n<h3><strong data-start=\"627\" data-end=\"671\">2. Meningkatkan efisiensi dan produktivitas<\/strong><\/h3>\n<p>Dengan panduan kerja yang jelas, karyawan dapat bekerja lebih cepat dan efisien tanpa harus menebak langkah selanjutnya, sehingga mengurangi waktu yang terbuang.<\/p>\n<h3><strong data-start=\"843\" data-end=\"881\">3. Memudahkan pelatihan karyawan baru<\/strong><\/h3>\n<p>SOP menjadi acuan yang efektif dalam proses onboarding, karena memberikan arahan yang rinci mengenai tugas dan tanggung jawab di masing-masing posisi.<\/p>\n<h3><strong data-start=\"1042\" data-end=\"1082\">4. Menjamin kepatuhan terhadap regulasi<\/strong><\/h3>\n<p>Standar ini membantu perusahaan memenuhi persyaratan hukum dan standar industri, terutama dalam sektor yang diatur ketat seperti keuangan, kesehatan, dan manufaktur.<\/p>\n<h2 id=\"manfaat\"><strong>Manfaat SOP bagi Perusahaan<\/strong><\/h2>\n<p>Penerapan SOP secara konsisten memberikan dampak nyata yang dapat dirasakan oleh perusahaan maupun karyawan secara individual:<\/p>\n<h3><strong>1. Keterbukaan dan transparansi informasi<\/strong><\/h3>\n<p>SOP yang baik memuat semua informasi keselamatan, kesehatan, lingkungan, dan operasional yang diperlukan. Ini memastikan setiap anggota tim memiliki akses yang sama terhadap standar kerja yang berlaku, bukan hanya yang &#8220;sudah lama bekerja&#8221;.<\/p>\n<h3><strong>2. Konsistensi kualitas produk dan layanan<\/strong><\/h3>\n<p>Standarisasi langkah-langkah pekerjaan membantu memastikan operasi produksi berjalan konsisten. Pelanggan mendapatkan kualitas yang dapat diandalkan \u2014 dan konsistensi inilah yang membangun loyalitas merek jangka panjang.<\/p>\n<h3><strong>3. Reduksi kegagalan dan risiko operasional<\/strong><\/h3>\n<p>SOP membantu mengidentifikasi potensi risiko dalam proses bisnis dan menetapkan langkah-langkah mitigasi yang tepat. Ini sangat penting terutama di industri dengan tingkat risiko tinggi seperti manufaktur, konstruksi, dan layanan kesehatan.<\/p>\n<h3><strong>4. Akselerasi pelatihan dan transfer pengetahuan<\/strong><\/h3>\n<p>SOP menjadi dasar pelatihan standar bagi karyawan baru sekaligus menjadi referensi bagi karyawan lama yang membutuhkan penyegaran prosedur. Pengetahuan tidak lagi tersimpan hanya di kepala satu orang.<\/p>\n<h3><strong>5. Penghematan biaya operasional<\/strong><\/h3>\n<p>Dengan berkurangnya kesalahan berulang, pengerjaan ulang (<em>rework<\/em>), dan waktu yang terbuang untuk koordinasi tidak perlu, perusahaan secara langsung menghemat biaya operasional yang signifikan.<\/p>\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\/sop-general-affair\/\">Memahami Apa itu SOP General Affair dan Manfaatnya<\/a><\/span>\r\n<\/div>\n<h2 id=\"cara-membuat-sop\"><strong>Cara Membuat SOP Perusahaan yang Efektif<\/strong><\/h2>\n<p>Membuat SOP yang benar-benar efektif membutuhkan pendekatan yang sistematis. Berikut langkah-langkah yang perlu diikuti secara berurutan:<\/p>\n<div style=\"font-family: 'Nunito Sans', Arial, sans-serif; max-width: 900px; margin: auto;\">\n<p><!-- STEP 1 --><\/p>\n<div style=\"display: flex; gap: 16px; margin-bottom: 26px;\">\n<div style=\"min-width: 40px; height: 40px; background: #990000; color: #fff; font-weight: bold; border-radius: 50%; display: flex; align-items: center; justify-content: center;\">1<\/div>\n<div style=\"border: 1px solid #eee; border-left: 4px solid #990000; padding: 18px 20px; border-radius: 8px; background: #fff;\">\n<div style=\"font-weight: bold; color: #990000; margin-bottom: 6px;\">Tentukan proses yang akan distandarisasi<\/div>\n<div style=\"font-size: 14.5px; line-height: 1.7; color: #555;\">Tidak semua aktivitas perlu dibuatkan SOP. Fokus pada proses yang berulang, melibatkan banyak pihak, berisiko tinggi jika dilakukan tidak konsisten, atau sering menjadi sumber masalah. Mulai dari 2\u20133 SOP per divisi, lalu kembangkan secara bertahap.<\/div>\n<\/div>\n<\/div>\n<p><!-- STEP 2 --><\/p>\n<div style=\"display: flex; gap: 16px; margin-bottom: 26px;\">\n<div style=\"min-width: 40px; height: 40px; background: #990000; color: #fff; font-weight: bold; border-radius: 50%; display: flex; align-items: center; justify-content: center;\">2<\/div>\n<div style=\"border: 1px solid #eee; border-left: 4px solid #990000; padding: 18px 20px; border-radius: 8px; background: #fff;\">\n<div style=\"font-weight: bold; color: #990000; margin-bottom: 6px;\">Bentuk tim penyusun yang kompeten<\/div>\n<div style=\"font-size: 14.5px; line-height: 1.7; color: #555;\">Libatkan manajer divisi terkait, karyawan pelaksana yang memahami proses secara detail, serta tim yang alur kerjanya bersinggungan. Tim ini juga berperan sebagai evaluator saat implementasi.<\/div>\n<\/div>\n<\/div>\n<p><!-- STEP 3 --><\/p>\n<div style=\"display: flex; gap: 16px; margin-bottom: 26px;\">\n<div style=\"min-width: 40px; height: 40px; background: #990000; color: #fff; font-weight: bold; border-radius: 50%; display: flex; align-items: center; justify-content: center;\">3<\/div>\n<div style=\"border: 1px solid #eee; border-left: 4px solid #990000; padding: 18px 20px; border-radius: 8px; background: #fff;\">\n<div style=\"font-weight: bold; color: #990000; margin-bottom: 6px;\">Pelajari dan dokumentasikan proses yang ada<\/div>\n<div style=\"font-size: 14.5px; line-height: 1.7; color: #555;\">Amati bagaimana proses saat ini benar-benar berjalan di lapangan. Wawancara pelaksana, catat setiap langkah, dan identifikasi variasi proses yang terjadi.<\/div>\n<\/div>\n<\/div>\n<p><!-- STEP 4 --><\/p>\n<div style=\"display: flex; gap: 16px; margin-bottom: 26px;\">\n<div style=\"min-width: 40px; height: 40px; background: #990000; color: #fff; font-weight: bold; border-radius: 50%; display: flex; align-items: center; justify-content: center;\">4<\/div>\n<div style=\"border: 1px solid #eee; border-left: 4px solid #990000; padding: 18px 20px; border-radius: 8px; background: #fff;\">\n<div style=\"font-weight: bold; color: #990000; margin-bottom: 6px;\">Pilih format SOP yang sesuai<\/div>\n<div style=\"font-size: 14.5px; line-height: 1.7; color: #555;\">Tentukan apakah prosedur disajikan dalam format simple steps, hierarki, flowchart, atau checklist. Format yang tepat membuat SOP lebih mudah dipahami.<\/div>\n<\/div>\n<\/div>\n<p><!-- STEP 5 --><\/p>\n<div style=\"display: flex; gap: 16px; margin-bottom: 26px;\">\n<div style=\"min-width: 40px; height: 40px; background: #990000; color: #fff; font-weight: bold; border-radius: 50%; display: flex; align-items: center; justify-content: center;\">5<\/div>\n<div style=\"border: 1px solid #eee; border-left: 4px solid #990000; padding: 18px 20px; border-radius: 8px; background: #fff;\">\n<div style=\"font-weight: bold; color: #990000; margin-bottom: 6px;\">Tulis SOP dengan bahasa yang jelas<\/div>\n<div style=\"font-size: 14.5px; line-height: 1.7; color: #555;\">Gunakan kalimat aktif dan bahasa yang mudah dipahami oleh semua karyawan. Sertakan diagram atau tabel jika diperlukan.<\/div>\n<\/div>\n<\/div>\n<p><!-- STEP 6 --><\/p>\n<div style=\"display: flex; gap: 16px; margin-bottom: 26px;\">\n<div style=\"min-width: 40px; height: 40px; background: #990000; color: #fff; font-weight: bold; border-radius: 50%; display: flex; align-items: center; justify-content: center;\">6<\/div>\n<div style=\"border: 1px solid #eee; border-left: 4px solid #990000; padding: 18px 20px; border-radius: 8px; background: #fff;\">\n<div style=\"font-weight: bold; color: #990000; margin-bottom: 6px;\">Uji coba implementasi<\/div>\n<div style=\"font-size: 14.5px; line-height: 1.7; color: #555;\">Uji SOP dalam kondisi nyata dan kumpulkan feedback dari tim pelaksana untuk menemukan langkah yang tidak praktis.<\/div>\n<\/div>\n<\/div>\n<p><!-- STEP 7 --><\/p>\n<div style=\"display: flex; gap: 16px; margin-bottom: 26px;\">\n<div style=\"min-width: 40px; height: 40px; background: #990000; color: #fff; font-weight: bold; border-radius: 50%; display: flex; align-items: center; justify-content: center;\">7<\/div>\n<div style=\"border: 1px solid #eee; border-left: 4px solid #990000; padding: 18px 20px; border-radius: 8px; background: #fff;\">\n<div style=\"font-weight: bold; color: #990000; margin-bottom: 6px;\">Finalisasi dan distribusikan<\/div>\n<div style=\"font-size: 14.5px; line-height: 1.7; color: #555;\">Setelah direvisi, ajukan pengesahan kepada pimpinan dan distribusikan ke seluruh tim melalui sistem manajemen dokumen.<\/div>\n<\/div>\n<\/div>\n<p><!-- STEP 8 --><\/p>\n<div style=\"display: flex; gap: 16px;\">\n<div style=\"min-width: 40px; height: 40px; background: #990000; color: #fff; font-weight: bold; border-radius: 50%; display: flex; align-items: center; justify-content: center;\">8<\/div>\n<div style=\"border: 1px solid #eee; border-left: 4px solid #990000; padding: 18px 20px; border-radius: 8px; background: #fff;\">\n<div style=\"font-weight: bold; color: #990000; margin-bottom: 6px;\">Review dan pembaruan berkala<\/div>\n<div style=\"font-size: 14.5px; line-height: 1.7; color: #555;\">Jadwalkan review SOP setiap 6\u201312 bulan agar tetap relevan dengan perubahan proses bisnis, regulasi, dan teknologi.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<h2 id=\"contoh-sop\"><strong>Contoh SOP Perusahaan per Divisi<\/strong><\/h2>\n<p>Berikut adalah contoh SOP perusahaan yang dapat dijadikan referensi. Setiap bisnis memiliki keunikannya sendiri, namun struktur dan format di bawah ini bisa diadaptasi sesuai kebutuhan operasional perusahaan Anda.<\/p>\n<h3>1. Contoh SOP Divisi HRD \u2014 Rekrutmen Karyawan<\/h3>\n<div style=\"border: 1px solid #e6e6e6; border-radius: 8px; margin: 30px 0; background: #ffffff; overflow: hidden; font-family: Arial, sans-serif;\">\n<div style=\"background: #fafafa; padding: 18px; border-bottom: 1px solid #eee;\">\n<h4 style=\"margin: 0 0 10px 0; font-size: 18px; color: #c1121f;\">SOP Rekrutmen dan Seleksi Karyawan Baru<\/h4>\n<div><span style=\"display: inline-block; font-size: 13px; color: #666; background: #fff; border: 1px solid #eee; padding: 4px 8px; border-radius: 6px; margin-right: 6px;\">SOP-HRD-001<\/span><span style=\"display: inline-block; font-size: 13px; color: #666; background: #fff; border: 1px solid #eee; padding: 4px 8px; border-radius: 6px; margin-right: 6px;\">Berlaku: 1 Jan 2026<\/span><span style=\"display: inline-block; font-size: 13px; color: #666; background: #fff; border: 1px solid #eee; padding: 4px 8px; border-radius: 6px;\">PIC: HRD Manager<\/span><\/div>\n<\/div>\n<div style=\"padding: 20px;\">\n<div style=\"font-weight: bold; margin-bottom: 6px;\">Tujuan<\/div>\n<div style=\"font-size: 14px; line-height: 1.7; margin-bottom: 15px; color: #444;\">Memastikan proses rekrutmen berjalan konsisten, transparan, dan menghasilkan kandidat yang sesuai dengan kualifikasi kebutuhan perusahaan.<\/div>\n<div style=\"border-top: 1px dashed #e5e5e5; margin: 15px 0;\"><\/div>\n<div style=\"font-weight: bold; margin-bottom: 6px;\">Ruang Lingkup<\/div>\n<div style=\"font-size: 14px; line-height: 1.7; margin-bottom: 15px; color: #444;\">Berlaku untuk seluruh divisi yang mengajukan permintaan rekrutmen dan dilaksanakan oleh tim HRD bersama kepala divisi terkait.<\/div>\n<div style=\"border-top: 1px dashed #e5e5e5; margin: 15px 0;\"><\/div>\n<div style=\"font-weight: bold; margin-bottom: 12px;\">Prosedur Kerja<\/div>\n<div style=\"display: flex; margin-bottom: 12px; padding: 12px; background: #fafafa; border-radius: 6px; border: 1px solid #f0f0f0;\">\n<div style=\"background: #c1121f; color: #fff; font-weight: bold; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-size: 13px;\">1<\/div>\n<div style=\"font-size: 14px; line-height: 1.7; color: #444;\">Kepala divisi mengisi formulir permintaan tenaga kerja dan menyerahkan kepada HRD Manager untuk disetujui.<\/div>\n<\/div>\n<div style=\"display: flex; margin-bottom: 12px; padding: 12px; background: #fafafa; border-radius: 6px; border: 1px solid #f0f0f0;\">\n<div style=\"background: #c1121f; color: #fff; font-weight: bold; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-size: 13px;\">2<\/div>\n<div style=\"font-size: 14px; line-height: 1.7; color: #444;\">HRD membuat job description dan mempublikasikan lowongan pada platform rekrutmen yang sesuai.<\/div>\n<\/div>\n<div style=\"display: flex; margin-bottom: 12px; padding: 12px; background: #fafafa; border-radius: 6px; border: 1px solid #f0f0f0;\">\n<div style=\"background: #c1121f; color: #fff; font-weight: bold; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-size: 13px;\">3<\/div>\n<div style=\"font-size: 14px; line-height: 1.7; color: #444;\">Rekruter melakukan screening CV dan melakukan shortlist kandidat sesuai kriteria yang telah ditetapkan.<\/div>\n<\/div>\n<div style=\"display: flex; margin-bottom: 12px; padding: 12px; background: #fafafa; border-radius: 6px; border: 1px solid #f0f0f0;\">\n<div style=\"background: #c1121f; color: #fff; font-weight: bold; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-size: 13px;\">4<\/div>\n<div style=\"font-size: 14px; line-height: 1.7; color: #444;\">HRD menjadwalkan HR interview dengan kandidat melalui telepon atau video call.<\/div>\n<\/div>\n<div style=\"display: flex; margin-bottom: 12px; padding: 12px; background: #fafafa; border-radius: 6px; border: 1px solid #f0f0f0;\">\n<div style=\"background: #c1121f; color: #fff; font-weight: bold; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-size: 13px;\">5<\/div>\n<div style=\"font-size: 14px; line-height: 1.7; color: #444;\">Kandidat yang lolos HR interview mengikuti wawancara teknis bersama kepala divisi dan user terkait.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h3>2. Contoh SOP Divisi Customer Service \u2014 Penanganan Keluhan<\/h3>\n<div style=\"border: 1px solid #e6e6e6; border-radius: 8px; margin: 30px 0; background: #ffffff; overflow: hidden; font-family: Arial, sans-serif;\">\n<div style=\"background: #fafafa; padding: 18px; border-bottom: 1px solid #eee;\">\n<h4 style=\"margin: 0 0 10px 0; font-size: 18px; color: #c1121f;\">SOP Penanganan Keluhan dan Komplain Pelanggan<\/h4>\n<div><span style=\"display: inline-block; font-size: 13px; color: #666; background: #fff; border: 1px solid #eee; padding: 4px 8px; border-radius: 6px; margin-right: 6px;\">SOP-CS-003<\/span><span style=\"display: inline-block; font-size: 13px; color: #666; background: #fff; border: 1px solid #eee; padding: 4px 8px; border-radius: 6px; margin-right: 6px;\">Berlaku: 1 Jan 2026<\/span><span style=\"display: inline-block; font-size: 13px; color: #666; background: #fff; border: 1px solid #eee; padding: 4px 8px; border-radius: 6px;\">PIC: CS Manager<\/span><\/div>\n<\/div>\n<div style=\"padding: 20px;\">\n<div style=\"font-weight: bold; margin-bottom: 6px;\">Tujuan<\/div>\n<div style=\"font-size: 14px; line-height: 1.7; margin-bottom: 15px; color: #444;\">Memastikan setiap keluhan pelanggan ditangani secara cepat, profesional, dan terdokumentasi dengan baik untuk meningkatkan kepuasan pelanggan.<\/div>\n<div style=\"border-top: 1px dashed #e5e5e5; margin: 15px 0;\"><\/div>\n<div style=\"font-weight: bold; margin-bottom: 6px;\">Standar Waktu Respons<\/div>\n<div style=\"font-size: 14px; line-height: 1.7; margin-bottom: 15px; color: #444;\">Keluhan masuk \u2192 Konfirmasi penerimaan maksimal <strong>2 jam<\/strong>.<br \/>\nRespons solusi awal maksimal <strong>1 \u00d7 24 jam<\/strong>.<br \/>\nPenyelesaian maksimal <strong>3 \u00d7 24 jam<\/strong>.<\/div>\n<div style=\"border-top: 1px dashed #e5e5e5; margin: 15px 0;\"><\/div>\n<div style=\"font-weight: bold; margin-bottom: 12px;\">Prosedur Kerja<\/div>\n<div style=\"display: flex; margin-bottom: 12px; padding: 12px; background: #fafafa; border-radius: 6px; border: 1px solid #f0f0f0;\">\n<div style=\"background: #c1121f; color: #fff; font-weight: bold; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-size: 13px;\">1<\/div>\n<div style=\"font-size: 14px; line-height: 1.7; color: #444;\">CS Agent menerima keluhan melalui telepon, email, chat, atau media sosial dan mencatatnya ke sistem tiket.<\/div>\n<\/div>\n<div style=\"display: flex; margin-bottom: 12px; padding: 12px; background: #fafafa; border-radius: 6px; border: 1px solid #f0f0f0;\">\n<div style=\"background: #c1121f; color: #fff; font-weight: bold; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-size: 13px;\">2<\/div>\n<div style=\"font-size: 14px; line-height: 1.7; color: #444;\">Kirim konfirmasi penerimaan kepada pelanggan dan berikan nomor tiket sebagai referensi.<\/div>\n<\/div>\n<div style=\"display: flex; margin-bottom: 12px; padding: 12px; background: #fafafa; border-radius: 6px; border: 1px solid #f0f0f0;\">\n<div style=\"background: #c1121f; color: #fff; font-weight: bold; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-size: 13px;\">3<\/div>\n<div style=\"font-size: 14px; line-height: 1.7; color: #444;\">CS Agent mengklasifikasikan keluhan menjadi ringan, sedang, atau berat.<\/div>\n<\/div>\n<div style=\"display: flex; margin-bottom: 12px; padding: 12px; background: #fafafa; border-radius: 6px; border: 1px solid #f0f0f0;\">\n<div style=\"background: #c1121f; color: #fff; font-weight: bold; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-size: 13px;\">4<\/div>\n<div style=\"font-size: 14px; line-height: 1.7; color: #444;\">Jika keluhan tidak terselesaikan dalam 24 jam, lakukan eskalasi ke CS Manager.<\/div>\n<\/div>\n<div style=\"display: flex; margin-bottom: 12px; padding: 12px; background: #fafafa; border-radius: 6px; border: 1px solid #f0f0f0;\">\n<div style=\"background: #c1121f; color: #fff; font-weight: bold; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-size: 13px;\">5<\/div>\n<div style=\"font-size: 14px; line-height: 1.7; color: #444;\">Setelah keluhan selesai, CS Agent mengkonfirmasi kepada pelanggan dan mengirimkan survei kepuasan.<\/div>\n<\/div>\n<div style=\"display: flex; margin-bottom: 12px; padding: 12px; background: #fafafa; border-radius: 6px; border: 1px solid #f0f0f0;\">\n<div style=\"background: #c1121f; color: #fff; font-weight: bold; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-size: 13px;\">6<\/div>\n<div style=\"font-size: 14px; line-height: 1.7; color: #444;\">Semua keluhan dicatat dalam laporan bulanan untuk analisis tren dan peningkatan layanan.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h3>3. Contoh SOP Divisi Produksi \u2014 Quality Control<\/h3>\n<div style=\"border: 1px solid #e6e6e6; border-radius: 8px; margin: 30px 0; background: #ffffff; overflow: hidden; font-family: Arial, sans-serif;\">\n<div style=\"background: #fafafa; padding: 18px; border-bottom: 1px solid #eee;\">\n<h4 style=\"margin: 0 0 10px 0; font-size: 18px; color: #c1121f;\">SOP Pemeriksaan Kualitas Produk (Quality Control)<\/h4>\n<div><span style=\"display: inline-block; font-size: 13px; color: #666; background: #fff; border: 1px solid #eee; padding: 4px 8px; border-radius: 6px; margin-right: 6px;\">SOP-PROD-007<\/span><span style=\"display: inline-block; font-size: 13px; color: #666; background: #fff; border: 1px solid #eee; padding: 4px 8px; border-radius: 6px; margin-right: 6px;\">Berlaku: 1 Jan 2026<\/span><span style=\"display: inline-block; font-size: 13px; color: #666; background: #fff; border: 1px solid #eee; padding: 4px 8px; border-radius: 6px;\">PIC: Kepala QC<\/span><\/div>\n<\/div>\n<div style=\"padding: 20px;\">\n<div style=\"font-weight: bold; margin-bottom: 6px;\">Tujuan<\/div>\n<div style=\"font-size: 14px; line-height: 1.7; margin-bottom: 15px; color: #444;\">Memastikan seluruh produk yang keluar dari lini produksi memenuhi standar kualitas sebelum dikirim ke pelanggan atau gudang.<\/div>\n<div style=\"border-top: 1px dashed #e5e5e5; margin: 15px 0;\"><\/div>\n<div style=\"font-weight: bold; margin-bottom: 6px;\">Ruang Lingkup<\/div>\n<div style=\"font-size: 14px; line-height: 1.7; margin-bottom: 15px; color: #444;\">Berlaku untuk seluruh personil Divisi QC dan diterapkan pada setiap batch produksi sebelum proses packing.<\/div>\n<div style=\"border-top: 1px dashed #e5e5e5; margin: 15px 0;\"><\/div>\n<div style=\"font-weight: bold; margin-bottom: 12px;\">Prosedur Kerja<\/div>\n<div style=\"display: flex; margin-bottom: 12px; padding: 12px; background: #fafafa; border-radius: 6px; border: 1px solid #f0f0f0;\">\n<div style=\"background: #c1121f; color: #fff; font-weight: bold; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-size: 13px;\">1<\/div>\n<div style=\"font-size: 14px; line-height: 1.7; color: #444;\">Petugas QC menerima sampel produk dari lini produksi beserta batch number dan tanggal produksi.<\/div>\n<\/div>\n<div style=\"display: flex; margin-bottom: 12px; padding: 12px; background: #fafafa; border-radius: 6px; border: 1px solid #f0f0f0;\">\n<div style=\"background: #c1121f; color: #fff; font-weight: bold; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-size: 13px;\">2<\/div>\n<div style=\"font-size: 14px; line-height: 1.7; color: #444;\">Lakukan pemeriksaan visual meliputi dimensi, warna, tekstur, dan kondisi fisik produk.<\/div>\n<\/div>\n<div style=\"display: flex; margin-bottom: 12px; padding: 12px; background: #fafafa; border-radius: 6px; border: 1px solid #f0f0f0;\">\n<div style=\"background: #c1121f; color: #fff; font-weight: bold; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-size: 13px;\">3<\/div>\n<div style=\"font-size: 14px; line-height: 1.7; color: #444;\">Jalankan pengujian fungsional sesuai parameter kualitas dan catat hasil pada formulir QC.<\/div>\n<\/div>\n<div style=\"display: flex; margin-bottom: 12px; padding: 12px; background: #fafafa; border-radius: 6px; border: 1px solid #f0f0f0;\">\n<div style=\"background: #c1121f; color: #fff; font-weight: bold; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-size: 13px;\">4<\/div>\n<div style=\"font-size: 14px; line-height: 1.7; color: #444;\">Jika produk memenuhi standar, tandai batch sebagai LULUS dan beri label QC Approved.<\/div>\n<\/div>\n<div style=\"display: flex; margin-bottom: 12px; padding: 12px; background: #fafafa; border-radius: 6px; border: 1px solid #f0f0f0;\">\n<div style=\"background: #c1121f; color: #fff; font-weight: bold; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-size: 13px;\">5<\/div>\n<div style=\"font-size: 14px; line-height: 1.7; color: #444;\">Jika ditemukan cacat, klasifikasikan sebagai cacat kritis, mayor, atau minor lalu laporkan ke manajer produksi.<\/div>\n<\/div>\n<div style=\"display: flex; margin-bottom: 12px; padding: 12px; background: #fafafa; border-radius: 6px; border: 1px solid #f0f0f0;\">\n<div style=\"background: #c1121f; color: #fff; font-weight: bold; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; font-size: 13px;\">6<\/div>\n<div style=\"font-size: 14px; line-height: 1.7; color: #444;\">Dokumentasikan hasil inspeksi dalam laporan QC harian untuk analisis tren dan peningkatan kualitas.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h2 id=\"kesimpulan\"><strong>Kesimpulan<\/strong><\/h2>\n<p>SOP membantu aktivitas rutin berjalan konsisten, lebih rapi, dan mudah diawasi. Saat alur kerja jelas, tim bekerja lebih cepat dan kualitas hasilnya lebih terjaga.<\/p>\n<p>SOP yang baik seharusnya mudah dipahami dan memuat langkah kerja yang jelas untuk diikuti. Rangkuman definisi, fungsi, manfaat, serta contoh per divisi dapat Anda jadikan acuan untuk menyusun SOP yang sesuai kebutuhan operasional perusahaan.<\/p>\n<p>Jika Anda ingin memastikan SOP yang dibuat benar-benar efektif dan diterapkan dengan konsisten, Anda dapat <a href=\"https:\/\/www.hashmicro.com\/id\/tour-produk-gratis\/\">konsultasi bersama tim expert<\/a> kami untuk memetakan proses prioritas, menyusun standar kerja, serta merapikan alur persetujuan dan dokumentasinya.<\/p>\n\n<h2><strong>Pertanyaan Seputar SOP<\/strong><\/h2>\n<ul class=\"bottom_faq\">\n<li>\n<details open=\"open\">\n<summary><strong data-start=\"269\" data-end=\"324\">Apa itu SOP dan mengapa penting bagi perusahaan?<\/strong><\/summary>\n<p>SOP (Standar Operasional Prosedur) adalah dokumen tertulis yang berisi pedoman dan instruksi untuk menjalankan tugas atau proses kerja secara konsisten. SOP penting karena membantu perusahaan menjaga kualitas layanan, meningkatkan efisiensi operasional, serta meminimalkan kesalahan dalam pelaksanaan tugas.<\/p>\n<\/details>\n<\/li>\n<li>\n<details open=\"open\">\n<summary><strong data-start=\"403\" data-end=\"478\">Bagaimana SOP membantu meningkatkan efisiensi dan konsistensi kerja?<\/strong><\/summary>\n<p>Dengan adanya SOP, setiap karyawan memiliki panduan yang jelas dalam menjalankan tugasnya, sehingga mengurangi kebingungan dan variasi dalam pelaksanaan pekerjaan. Hal ini memastikan bahwa proses kerja dilakukan secara konsisten, efisien, dan sesuai dengan standar yang ditetapkan perusahaan.<\/p>\n<\/details>\n<\/li>\n<li>\n<details open=\"open\">\n<summary><strong data-start=\"557\" data-end=\"618\">Apa manfaat utama dari penerapan SOP dalam perusahaan?<\/strong><\/summary>\n<p>Penerapan SOP memberikan manfaat seperti meningkatkan transparansi informasi, mempermudah penyesuaian jadwal kerja, mengurangi kemungkinan kegagalan operasional, menyediakan standar dalam pelatihan karyawan baru, dan membantu meningkatkan keterampilan kerja secara keseluruhan.<\/p>\n<p><script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Apa itu SOP dan mengapa penting bagi perusahaan?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"SOP (Standar Operasional Prosedur) adalah dokumen tertulis yang berisi pedoman dan instruksi untuk menjalankan tugas atau proses kerja secara konsisten. SOP penting karena membantu perusahaan menjaga kualitas layanan, meningkatkan efisiensi operasional, serta meminimalkan kesalahan dalam pelaksanaan tugas.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Bagaimana SOP membantu meningkatkan efisiensi dan konsistensi kerja?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Dengan adanya SOP, setiap karyawan memiliki panduan yang jelas dalam menjalankan tugasnya, sehingga mengurangi kebingungan dan variasi dalam pelaksanaan pekerjaan. Hal ini memastikan bahwa proses kerja dilakukan secara konsisten, efisien, dan sesuai dengan standar yang ditetapkan perusahaan.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Apa manfaat utama dari penerapan SOP dalam perusahaan?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Penerapan SOP memberikan manfaat seperti meningkatkan transparansi informasi, mempermudah penyesuaian jadwal kerja, mengurangi kemungkinan kegagalan operasional, menyediakan standar dalam pelatihan karyawan baru, dan membantu meningkatkan keterampilan kerja secara keseluruhan.\"\n      }\n    }\n  ]\n}\n<\/script><\/p>\n<\/details>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Di banyak perusahaan, risiko terbesar bukan datang dari kejadian besar tetapi dari proses kecil yang berjalan tanpa standar. SOP hadir sebagai alat kontrol risiko agar pekerjaan tetap aman, konsisten, dan dapat diaudit. SOP menetapkan langkah yang wajib diikuti saat aktivitas kritis terjadi seperti persetujuan, penanganan insiden, hingga serah terima tugas. Dengan begitu keputusan tidak bergantung [&hellip;]<\/p>\n","protected":false},"author":165,"featured_media":166600,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[6],"tags":[],"class_list":{"0":"post-8348","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-hrm"},"acf":{"post_reviewer":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.1 (Yoast SEO v25.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>SOP (Standar Operasional Prosedur): Arti, Manfaat dan Contoh<\/title>\n<meta name=\"description\" content=\"SOP adalah pedoman tertulis bagi pekerja yang penting bagi perusahaan. Berikut manfaat dan contohnya untuk menaikkan level perusahaan!\" \/>\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-sop-lebih-dalam\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"SOP (Standar Operasional Prosedur) : Ketahui Fungsi, Manfaat dan Contoh SOP Perusahaan\" \/>\n<meta property=\"og:description\" content=\"SOP adalah pedoman tertulis bagi pekerja yang penting bagi perusahaan. Berikut manfaat dan contohnya untuk menaikkan level perusahaan!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-sop-lebih-dalam\/\" \/>\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-03-06T03:30:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-21T08:10:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/03\/SOP-standar-operasional-perusahaan.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"375\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Novi Herawati\" \/>\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=\"Novi Herawati\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-sop-lebih-dalam\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-sop-lebih-dalam\/\"},\"author\":{\"name\":\"Novi Herawati\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/685b29538f3b84216a3584178a792653\"},\"headline\":\"SOP (Standar Operasional Prosedur) : Ketahui Fungsi, Manfaat dan Contoh SOP Perusahaan\",\"datePublished\":\"2024-03-06T03:30:18+00:00\",\"dateModified\":\"2026-04-21T08:10:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-sop-lebih-dalam\/\"},\"wordCount\":1937,\"publisher\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-sop-lebih-dalam\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/03\/SOP-standar-operasional-perusahaan.webp\",\"articleSection\":[\"HRM\"],\"inLanguage\":\"id\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-sop-lebih-dalam\/\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-sop-lebih-dalam\/\",\"name\":\"SOP (Standar Operasional Prosedur): Arti, Manfaat dan Contoh\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-sop-lebih-dalam\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-sop-lebih-dalam\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/03\/SOP-standar-operasional-perusahaan.webp\",\"datePublished\":\"2024-03-06T03:30:18+00:00\",\"dateModified\":\"2026-04-21T08:10:20+00:00\",\"description\":\"SOP adalah pedoman tertulis bagi pekerja yang penting bagi perusahaan. Berikut manfaat dan contohnya untuk menaikkan level perusahaan!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-sop-lebih-dalam\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-sop-lebih-dalam\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-sop-lebih-dalam\/#primaryimage\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/03\/SOP-standar-operasional-perusahaan.webp\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/03\/SOP-standar-operasional-perusahaan.webp\",\"width\":600,\"height\":375,\"caption\":\"SOP standar operasional HashMicro\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-sop-lebih-dalam\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hashmicro.com\/id\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"SOP (Standar Operasional Prosedur) : Ketahui Fungsi, Manfaat dan Contoh SOP Perusahaan\"}]},{\"@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\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/685b29538f3b84216a3584178a792653\",\"name\":\"Novi Herawati\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Novi-1-96x96.webp\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Novi-1-96x96.webp\",\"caption\":\"Novi Herawati\"},\"description\":\"Novi adalah Content Writer yang sudah berpengalaman selama 4 tahun yang aktif dalam menulis artikel untuk topik bisnis dan manajemen, integrasi sistem digital untuk otomatisasi bisnis, dan manajemen keuangan perusahaan. Melalui tulisannya, Ia mendorong inovasi dan efisien perusahaan untuk meningkatkan profitabilitas bisnis.\",\"sameAs\":[\"https:\/\/www.hashmicro.com\/id\/\"],\"gender\":\"Perempuan\",\"knowsAbout\":[\"manajemen bisnis\",\"B2B\",\"inovasi bisnis\"],\"knowsLanguage\":[\"Inggris\",\"Indonesia\"],\"jobTitle\":\"Content Writer\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/author\/novi-herawati\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"SOP (Standar Operasional Prosedur): Arti, Manfaat dan Contoh","description":"SOP adalah pedoman tertulis bagi pekerja yang penting bagi perusahaan. Berikut manfaat dan contohnya untuk menaikkan level perusahaan!","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-sop-lebih-dalam\/","og_locale":"id_ID","og_type":"article","og_title":"SOP (Standar Operasional Prosedur) : Ketahui Fungsi, Manfaat dan Contoh SOP Perusahaan","og_description":"SOP adalah pedoman tertulis bagi pekerja yang penting bagi perusahaan. Berikut manfaat dan contohnya untuk menaikkan level perusahaan!","og_url":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-sop-lebih-dalam\/","og_site_name":"HashMicro Indonesia","article_publisher":"https:\/\/www.facebook.com\/hashmicro","article_published_time":"2024-03-06T03:30:18+00:00","article_modified_time":"2026-04-21T08:10:20+00:00","og_image":[{"width":600,"height":375,"url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/03\/SOP-standar-operasional-perusahaan.webp","type":"image\/webp"}],"author":"Novi Herawati","twitter_card":"summary_large_image","twitter_creator":"@hashmicro","twitter_site":"@hashmicro","twitter_misc":{"Ditulis oleh":"Novi Herawati","Estimasi waktu membaca":"11 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-sop-lebih-dalam\/#article","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-sop-lebih-dalam\/"},"author":{"name":"Novi Herawati","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/685b29538f3b84216a3584178a792653"},"headline":"SOP (Standar Operasional Prosedur) : Ketahui Fungsi, Manfaat dan Contoh SOP Perusahaan","datePublished":"2024-03-06T03:30:18+00:00","dateModified":"2026-04-21T08:10:20+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-sop-lebih-dalam\/"},"wordCount":1937,"publisher":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-sop-lebih-dalam\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/03\/SOP-standar-operasional-perusahaan.webp","articleSection":["HRM"],"inLanguage":"id"},{"@type":"WebPage","@id":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-sop-lebih-dalam\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-sop-lebih-dalam\/","name":"SOP (Standar Operasional Prosedur): Arti, Manfaat dan Contoh","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-sop-lebih-dalam\/#primaryimage"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-sop-lebih-dalam\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/03\/SOP-standar-operasional-perusahaan.webp","datePublished":"2024-03-06T03:30:18+00:00","dateModified":"2026-04-21T08:10:20+00:00","description":"SOP adalah pedoman tertulis bagi pekerja yang penting bagi perusahaan. Berikut manfaat dan contohnya untuk menaikkan level perusahaan!","breadcrumb":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-sop-lebih-dalam\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hashmicro.com\/id\/blog\/mengenal-sop-lebih-dalam\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-sop-lebih-dalam\/#primaryimage","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/03\/SOP-standar-operasional-perusahaan.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/03\/SOP-standar-operasional-perusahaan.webp","width":600,"height":375,"caption":"SOP standar operasional HashMicro"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hashmicro.com\/id\/blog\/mengenal-sop-lebih-dalam\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hashmicro.com\/id\/blog\/"},{"@type":"ListItem","position":2,"name":"SOP (Standar Operasional Prosedur) : Ketahui Fungsi, Manfaat dan Contoh SOP Perusahaan"}]},{"@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"]},{"@type":"Person","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/685b29538f3b84216a3584178a792653","name":"Novi Herawati","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Novi-1-96x96.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Novi-1-96x96.webp","caption":"Novi Herawati"},"description":"Novi adalah Content Writer yang sudah berpengalaman selama 4 tahun yang aktif dalam menulis artikel untuk topik bisnis dan manajemen, integrasi sistem digital untuk otomatisasi bisnis, dan manajemen keuangan perusahaan. Melalui tulisannya, Ia mendorong inovasi dan efisien perusahaan untuk meningkatkan profitabilitas bisnis.","sameAs":["https:\/\/www.hashmicro.com\/id\/"],"gender":"Perempuan","knowsAbout":["manajemen bisnis","B2B","inovasi bisnis"],"knowsLanguage":["Inggris","Indonesia"],"jobTitle":"Content Writer","url":"https:\/\/www.hashmicro.com\/id\/blog\/author\/novi-herawati\/"}]}},"focus_keyword":"SOP","order_j":"","_links":{"self":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/8348","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\/165"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/comments?post=8348"}],"version-history":[{"count":20,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/8348\/revisions"}],"predecessor-version":[{"id":192636,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/8348\/revisions\/192636"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media\/166600"}],"wp:attachment":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=8348"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/categories?post=8348"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/tags?post=8348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}