{"id":128911,"date":"2023-12-14T09:16:30","date_gmt":"2023-12-14T02:16:30","guid":{"rendered":"https:\/\/www.hashmicro.com\/id\/blog\/?p=128911"},"modified":"2025-06-18T12:58:28","modified_gmt":"2025-06-18T05:58:28","slug":"hazmat-warehouse","status":"publish","type":"post","link":"https:\/\/www.hashmicro.com\/id\/blog\/hazmat-warehouse\/","title":{"rendered":"Hazmat Warehouse: Menangani Material Berbahaya dengan Aman dan Efektif"},"content":{"rendered":"<p>Hazmat Warehouse adalah jenis gudang khusus yang didesain untuk menangani material berbahaya dengan cara yang aman dan efektif.<\/p>\n<p>Gudang ini memiliki peraturan dan protokol yang ketat untuk menghindari kerusakan, kecelakaan, dan bahaya bagi karyawan dan lingkungan sekitarnya.<\/p>\n<p>Penanganan material berbahaya membutuhkan pengetahuan khusus, perlindungan pribadi yang tepat, dan pengelolaan yang cermat untuk memastikan keamanan dan kepatuhan terhadap regulasi.<\/p>\n<p>Dalam artikel ini, kami akan membahas pengertian, fungsi, industri yang membutuhkan hazmat warehouse, perbandingan dengan jenis gudang lainnya, manajemen dan operasional gudang bahan baku berbahaya, tantangan dan kesalahan umum dalam pengelolaan hazmat warehouse, serta solusi teknologi seperti <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/warehouse-management-system\/\">Warehouse Management System<\/a> Hashmicro untuk meningkatkan efisiensi dan keamanan gudang ini.<\/p>\n<table style=\"border-collapse: collapse; background-color: #fffacd; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 25px 25px 25px 25px;\" width=\"100%\">\n<tbody>\n<tr>\n<td style=\"padding: 15px; border: none;\">\n<h3 style=\"margin-bottom: 10px;\"><span style=\"background-color: #990000; color: #ffffff; padding: 5px;\"><b>Key Takeaways<\/b><\/span><\/h3>\n<ul>\n<li aria-level=\"1\"><a href=\"#fungsi\">Hazmat Warehouse berfungsi<\/a> untuk\u00a0menyimpan, mengelola, dan mengendalikan material berbahaya dengan aman dan efektif.<\/li>\n<li aria-level=\"1\">Salah satu <a href=\"#perbedaan\">perbedaan utama<\/a> dari hazmat warehouse dengan gudang lain yaitu di protokol keselamatan yang lebih ketat, peralatan khusus untuk menangani material berbahaya, dan lainnya.<\/li>\n<li aria-level=\"1\">Dalam mengelola material berbahaya, terdapat beberapa <a href=\"#prinsip\">prinsip dasar<\/a> dari pengelolaan gudang hazmat ini yakni identifikasi, penilian risiko, pengendalian, dan pelaporan<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p data-fo=\"374\"><div id=\"toc_group_article\" style=''>\r\n\t<p style='font-size:25px;font-weight:bold; margin-bottom:0px'>\r\n\t\tDaftar Isi:\r\n\t<\/p>\r\n\t<ul id=\"list_toc\" class='list_toc'><\/ul>\r\n<\/div>\r\n\r\n<div id=\"placeholder-toc\"><\/div>\r\n<div id=\"toc\">\r\n    <div class=\"header\">\r\n\t<span class=\"toc-title\" id=\"toc-title\">Daftar Isi<\/span>\t\r\n\t <i class=\"toc-icon\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"header-icon\">\r\n          <path d=\"m6 9 6 6 6-6\" \/>\r\n        <\/svg>\r\n      <\/i>\r\n\t<\/div>\r\n    <div class=\"list\">\r\n      <ul id=\"toc-list\"><\/ul>\r\n    <\/div>\r\n <\/div>\r\n\r\n<style>\r\n\/* Simple styling for the TOC *\/\r\n\t\r\n\t#toc ul li:last-child {\r\n    padding-bottom: 16px; \/* Adjust the value as needed *\/\r\n}\r\n\r\n.td-fix-index {\r\n\t transform: unset !important;\r\n     -webkit-transform: unset !important; \r\n}\r\n.footer-contact .td-fix-index {\r\n\t transform: translateZ(0) !important;\r\n     -webkit-transform: translateZ(0) !important; \r\n}\r\n\t.tdb_single_content .tdb-block-inner.td-fix-index{\r\n\t\tposition: static;\r\n\t}\r\n\t\r\n\r\n\r\n\t\r\n#toc {\r\n  background-color: #FFF;\r\n\tpadding: 17px 24px 0px 24px !important;\r\n  margin-bottom: 20px;\r\n\/*   border: 1px solid #9C171E; *\/\r\n  border-radius: 6px;\r\n\tdisplay: none;\r\n  max-width: 100%;\r\n  transition: .4s ease height;\r\n\tmargin-left: 0;\r\n\toverflow: hidden;\r\n}\r\n\r\n#toc .header{\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\tbackground-color: transparent;\r\n}\r\n\t\r\n\t#toc.sticky .header{\r\n\t\tpadding: 4px 0;\r\n\t}\r\n\t\r\n.header p{\r\n  font-size: 18px !important;\r\n  font-weight: 600 !important;\r\n  color: #393939;\r\n   margin-bottom: 0;\r\n  \/* margin-top: 20px; *\/\r\n}\r\n\r\n.toc-icon{\r\n  float: right;\r\n\/*   visibility: hidden; *\/\r\n}\r\n\r\n\t.toc-title{\r\n\t\tmargin-right: auto;\r\n\/* \t\tpadding-left: 20px; *\/\r\n\t\tfont-weight: 600;\r\n\t\talign-self: center;\t}\t\r\n\r\n#toc ul {\r\n  list-style-type: none;\r\n  padding-left: 0;\r\n}\r\n\t\r\n#toc.sticky ul{\r\n\toverflow-y: auto;\r\n\tmax-height: 250px;\r\n\tmargin-top: 0px;\r\n\tpadding-top: 20px;\r\n\/* \tborder-top: 1px solid #d3d3d3; *\/\r\n}\r\n\t\r\n#toc ul li {\r\n\/*   margin-bottom: 10px; *\/\r\n  margin-bottom: 10px;\r\n\tmargin-left: 0;\r\n\ttransition: .2s ease;\r\n\tcursor: pointer;\r\n}\r\n\t\r\n\t#toc.sticky ul li {\r\n\t  margin-right: 10px;\r\n\t}\r\n\t\r\n.td-post-content #toc-list li a:hover, .td-post-content #toc-list a.active{\r\n\tbackground-color: #FFF;\r\n\/* \tpadding: 8px 16px 8px 16px; *\/\r\n\tpadding: 4px 16px 4px 16px;\r\n\tborder-radius: 6px;\r\n\tcolor: #9c171e !important;\r\n\tfont-weight: 600 !important;\r\n}\r\n\t\r\n\t.td-post-content #toc-list li:hover a, .td-post-content #toc-list a.active{\r\n\t\tcolor: #9C171E !important;\r\n\t\tfont-weight: 600 !important;\r\n\t}\r\n\t\r\n.td-post-content #toc-list a.active{\r\n\tfont-weight: bold !important;\r\n\tcolor: #9C171E !important;\r\n}\r\n\t\r\n#toc a, .td-post-content #toc-list a {\r\n  text-decoration: none;\r\n  color: #ea1717 !important;\r\n  transition: .2s ease;\r\n\tfont-weight: 400 !important;\r\n\tdisplay: block;\r\n\t\r\n\tpadding: 4px 16px 4px 0;\r\n}\r\n\r\n#toc.sticky {\r\n  position: fixed;\r\n\/*   top: 73px; *\/\r\n\tbottom: 0;\r\n  z-index: 100; \r\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1); \r\n\twidth: 100%; \r\n\tbackground-color: #FFF;\r\n\/* \tbackground-color: #FFF1F1; *\/\r\n\tborder-bottom: 1px solid #ea1717;\r\n\/*   border: 1px solid #393939; *\/\r\n  box-shadow: 0px 0px 14px 0px #00000040;\r\n  cursor: pointer;\r\n\tanimation: fadein .3s ease;\r\n\tpadding: 12px 16px !important;\r\n}\r\n\t\r\n\t.fadein{\r\n\t\tanimation: fadein .3s ease;\r\n\t}\r\n\t\r\n\t.fadeout{\r\n\t\tanimation: fadeout .3s ease;\r\n\t}\r\n\t\r\n\t\r\n\t@keyframes fadein{\r\n\t\t0% {\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t\t100%{\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@keyframes fadeout{\r\n\t\t0% {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t\t100%{\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t\r\n#toc.sticky .header p{\r\n\tmargin-bottom: 10px;\r\n\tmargin-top: 10px;\r\n}\r\n\r\n#toc.sticky .toc-icon{\r\n  visibility: visible;\r\n\/* \ttransition: 0.4s ease; *\/\r\n}\r\n\t\r\n\t.toc-icon{\r\n\t\talign-items: center;\r\n    \tdisplay: flex;\r\n\t}\r\n\t\r\n\tsvg.header-icon{\r\n\/* \t\tbackground-color: #9c171e; *\/\r\n\t\tbackground-color: #FFF;\r\n\t\tborder-radius: 30px;\r\n\t\tpadding: 5px;\r\n\t}\r\n\r\n#toc.sticky .list{\r\n\/*   max-height: 0; *\/\r\n  transition: height 0.4s ease;\r\n}\r\n\t\r\n\t#toc .list{\r\n\/*   max-height: 0; *\/\r\n  transition: height 0.4s ease;\r\n}\r\n\r\n#toc .header.active .toc-icon{\r\n\ttransform: rotate(0deg); \r\n\topacity: 1;\r\n}\r\n\r\n\t#toc .header.active + .list {\r\n\t  max-height: 200px; \/* Adjust this value as needed *\/\r\n\t  opacity: 1;\r\n\t}\r\n\t\r\n\t#placeholder-toc{\r\n\/* \t\tdisplay: none; *\/\r\n\t}\r\n\t\r\n\t@media (min-width: 768px) and (max-width: 991px){\r\n\t\t#toc.sticky{\r\n\/* \t\t\ttop: 104px; *\/\r\n\t\t\tbottom: 0px;\r\n\t\t}\r\n\t\t\r\n\t\t#toc{\r\n\t\t\twidth: unset !important;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width: 767px){\r\n\t\t#toc{\r\n\t\t\twidth: 100% !important;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t\t\r\n\t\t#toc.sticky{\r\n\t\t\twidth: 90% !important;\r\n\/* \t\t\ttop: 81px; *\/\r\n\t\t\tbottom: 60px;\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t\tpadding: 0 16px;\r\n\t\t\tright: 5%;\r\n\t\t}\r\n\t}\r\n\t\r\n\t<\/style>\r\n\r\n<style>\r\n\t#list_toc li {margin-bottom: 0;margin-top: 5px;}\r\n\t#list_toc > li > ul {padding-left: 20px;margin-bottom: 0;}\r\n\t#list_toc{height:max-content;transition:ease-in-out}\r\n\t#list_toc li {margin-bottom: 0;margin-top: 5px;}\r\n\t#list_toc_float li.active > a {color:#b1252d;background: #ffe1e3;}\r\n\t#list_toc_float li a {padding:3px 7px}\r\n\t#list_toc_float li a {\r\n\t\tdisplay: block;\r\n\t\tcolor:#000;\r\n\t\tmargin-bottom: 10px;\r\n\t\ttransition:all 0.2s ease-in-out;\r\n\t\tfont-size:15px\r\n\t}\r\n\t#list_toc_float li{list-style:none;list-style-position:inside; margin-left:0;}\r\n\t#list_toc_float a:hover{color:#b1252d;}\r\n\t\r\n\t#list_toc_float li a{margin-bottom:0px}\r\n\t#toc_group_float{\r\n\t\tline-height: 24px;\r\n\t\tmax-height: calc(100vh - 100px);\r\n\t\toverflow: auto;\r\n\t\tz-index: 99;\r\n\t\tdisplay:none!important;\r\n\t\tbackground:#fff;\r\n\t\ttransition:all 0.5s linear\r\n\t}\r\n\t\r\n\t@media (min-width:1019px){\r\n\t\t#toc_group_float {\r\n\t\t\tdisplay:block!important;\r\n\t\t\t}\r\n\t\t#toc_group_article {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width:768px){\r\n\t\t#toc_group_article {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t}\r\n\t\r\n\t \/* custom scrollbar style *\/\r\n::-webkit-scrollbar {\r\n    width: 7px;\r\n}\r\n::-webkit-scrollbar-track {\r\n    background: #d7a2a4;\r\n}\r\n::-webkit-scrollbar-thumb {\r\n    background: #b1252d;\r\n    border-radius: 15px;\r\n}\t\t\r\n\r\n<\/style>\r\n\r\n<script>\r\n\tdocument.addEventListener('DOMContentLoaded', function() {\r\n\t\t\/\/ Fungsi untuk menangani klik pada semua elemen <a> dengan href yang dimulai dengan #\r\n\t\tfunction handleTitleClick(event) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\tconst targetId = this.getAttribute('href').substring(1);\r\n\t\t\tconst targetElement = document.getElementById(targetId);\r\n\r\n\t\t\tif (targetElement) {\r\n\t\t\t\tconst headerHeight = document.querySelector('#toc .header').offsetHeight;\r\n\t\t\t\tconst navbarHeight = document.getElementById('tdi_34') ? document.getElementById('tdi_34').offsetHeight : 0;\r\n\t\t\t\tconst windowHeight = window.innerHeight;\r\n\t\t\t\tconst targetOffset = targetElement.offsetTop;\r\n\t\t\t\tconst scrollTo = targetOffset + (windowHeight \/ 2) + (headerHeight) - navbarHeight - 40;\r\n\r\n\t\t\t\twindow.scrollTo({\r\n\t\t\t\t\ttop: scrollTo,\r\n\t\t\t\t\tbehavior: 'smooth'\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\/\/ Tambahkan event listener untuk semua elemen <a> di toc-list dan list-toc\r\n\t\tconst titleLinks = document.querySelectorAll('#toc-list a, #list_toc a');\r\n\t\ttitleLinks.forEach(link => {\r\n\t\t\tlink.addEventListener('click', handleTitleClick);\r\n\t\t});\r\n\t});\r\n<\/script>\r\n\r\n<!-- ToC List for mobile -->\r\n<script>\r\n \/\/ Generate TOC based on headings\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  \/\/ Get the element that will contain the TOC\r\n  const tocList = document.getElementById('toc-list');\r\n\r\n  \/\/ Get the element with the ID 'article-left'\r\n  const article = document.querySelector('.td-post-content');\r\n\r\n  \/\/ Find all h2 elements within 'myarticle'\r\n  const headers = article.getElementsByTagName('h2');\r\n\r\n  \/\/ Loop through the h2 elements and create a list item for each one\r\n  for (let i = 0; i < headers.length; i++) {\r\n    const header = headers[i];\r\n    const headerText = header.textContent;\r\n\/\/     const headerId = 'header-' + i;\r\n    const headerId = headerText\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(\/[^\\w\\s-]\/g, '')  \/\/ hapus tanda baca\r\n    .replace(\/\\s+\/g, '-'); \/\/ ganti spasi jadi \"-\"\r\n\r\n    \/\/ Set an ID for the header if it doesn't have one\r\n    header.setAttribute('id', headerId);\r\n\r\n    \/\/ Create a list item for the TOC\r\n    const listItem = document.createElement('li');\r\n\r\n    \/\/ Create a link for the list item\r\n    const link = document.createElement('a');\r\n    link.setAttribute('href', '#' + headerId);\r\n    link.textContent = headerText;\r\n\r\n    \/\/ Append the link to the list item\r\n    listItem.appendChild(link);\r\n\r\n    \/\/ Append the list item to the TOC list\r\n    tocList.appendChild(listItem);\r\n  }\r\n});\r\n\r\n\/\/ Keep height and placement of content using placeholder in place of TOC\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const toc = document.querySelector('#toc');\r\n  const placeholderToc = document.querySelector('#placeholder-toc');\r\n\r\n  function setPlaceholderHeight() {\r\n    placeholderToc.style.height = `${toc.offsetHeight}px`;\r\n  }\r\n\r\n  \/\/ Set the initial height of the placeholder\r\n  setPlaceholderHeight();\r\n\r\n  \/\/ Update the height on window resize\r\n  window.addEventListener('resize', setPlaceholderHeight);\r\n});\r\n  const tocTitle = document.querySelector('#toc-title'); \/\/ Assuming header-faq is the element for TOC title\r\n\r\n\/\/ Sticky TOC and update heading\r\n\/\/ document.addEventListener(\"DOMContentLoaded\", function() {\r\n\/\/   const toc = document.querySelector('#toc');\r\n\/\/   const footer = document.querySelector('.td-footer-template-wrap');\r\n\/\/   const tocParent = toc.parentElement;\r\n\/\/   const divTop = tocParent.getBoundingClientRect().top + window.pageYOffset;\r\n\/\/   const tocHeight = toc.offsetHeight;\r\n\/\/   const triggerPoint = divTop + tocHeight + 700;\r\n\/\/   const footerHeight = footer.offsetHeight;\r\n\/\/   const triggerFooterPoint = footer.getBoundingClientRect().top + window.pageYOffset - footerHeight - footerHeight - footerHeight;\r\n\/\/   const phtoc = document.querySelector('#placeholder-toc');\r\n\/\/   const headers = document.querySelectorAll('.td-post-content h2');\r\n\/\/   const navLinks = document.querySelectorAll('#toc-list a');\r\n\t\r\n\/\/ \tconst panel2 = document.querySelector(\"#toc .list\");\r\n\/\/ \tvar icon = document.querySelector(\".toc-icon\");\r\n\r\n\/\/   let activeLink = null; \/\/ Declare activeLink outside the loop\r\n\t\r\n\/\/   \/\/ Function to handle scroll and add\/remove .sticky class\r\n\/\/   function handleScroll() {\r\n\/\/     const windowTop = window.pageYOffset || document.documentElement.scrollTop;\r\n\/\/     let currentHeader = '';\r\n\r\n\/\/     \/\/ Highlight user progress as the heading comes\r\n\/\/     headers.forEach(header => {\r\n\/\/ \t\tconst headerTop = header.offsetTop;\r\n\/\/ \t\tconst headerHeight = header.clientHeight;\r\n\/\/ \/\/ \t\tif (window.scrollY >= (headerTop - headerHeight + 700)) {\r\n\/\/ \/\/ \t\t\tconst currentHeaderId = header.getAttribute('id');\r\n\/\/ \/\/ \t\t\tconst currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n\/\/ \/\/ \t\t\tconsole.log(\"current header text:\", currentHeaderText);\r\n\/\/ \/\/ \t\t\ttocTitle.textContent = currentHeaderText;\r\n\/\/ \/\/ \t\t\tcurrentHeader = currentHeaderId;\r\n\t\t\t\r\n\/\/ \/\/ \t\t\tif(window.innerWidth < 767){\r\n\/\/ \/\/ \t\t\t\ttocTitle.textContent = 'Daftar Isi';\r\n\/\/ \/\/ \t\t\t}\r\n\/\/ \/\/ \t\t}\r\n\/\/ \t\tif(window.innerWidth < 767){\r\n\/\/ \t\t\ttocTitle.textContent = 'Daftar Isi'; \/\/ Selalu pertahankan judul ini di mobile\r\n\/\/ \t\t} else {\r\n\/\/ \t\t\tif (window.scrollY >= (headerTop - headerHeight + 700)) {\r\n\/\/ \t\t\t\tconst currentHeaderId = header.getAttribute('id');\r\n\/\/ \t\t\t\tconst currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n\/\/ \t\t\t\ttocTitle.textContent = currentHeaderText;\r\n\/\/ \t\t\t\tcurrentHeader = currentHeaderId;\r\n\/\/ \t\t\t}\r\n\/\/ \t\t}\r\n\/\/ \t});\r\n\r\n\/\/     navLinks.forEach(link => {\r\n\/\/       link.classList.remove('active');\r\n\/\/       if(currentHeader != '') {\r\n\/\/ \t\t  if (link.getAttribute('href').includes(currentHeader)) {\r\n\/\/ \t\t\t  link.classList.add('active');\r\n\/\/ \t\t  }\r\n\/\/ \t  }\r\n\/\/     });\r\n\/\/ \/\/     if (windowTop < triggerFooterPoint) {\r\n\/\/ \/\/         toc.style.display = 'block';\r\n\/\/ \/\/ \t}else{\r\n\/\/ \/\/         toc.style.display = 'none';\r\n\/\/ \/\/ \t}\r\n\/\/     \/\/ Update TOC title if sticky\r\n\/\/     if (windowTop > triggerPoint) {\r\n\/\/       if (!toc.classList.contains('sticky')) {\r\n\/\/         phtoc.style.display = \"block\";\r\n\/\/         toc.classList.add('sticky');\r\n\/\/         toc.style.width = `${tocParent.offsetWidth}px`; \/\/ Set width to match the parent element\r\n\/\/         toc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/         toc.style.backgroundColor = \"#FFF\";\r\n\/\/ \t\tpanel2.style.height = '0px';\r\n\/\/ \t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \t\t  if(window.innerWidth < 767){\r\n\/\/ \/\/ \t\t\t  const tocs = document.querySelector('#toc.sticky');\r\n\/\/ \t\t\t  tocTitle.textContent = 'Daftar Isi'; \/\/ Reset title\r\n\/\/        \t\t  toc.style.width = '150px'; \/\/ Set width to match the parent element\r\n\/\/ \t\t  }\r\n\/\/       }\r\n\/\/       if (currentHeader) {\r\n\/\/ \/\/         console.log(\"activeLink:\", activeLink);\r\n\/\/         if (activeLink) {\r\n\/\/ \/\/           tocTitle.textContent = activeLink.textContent; \/\/ Update TOC title\r\n\/\/           tocTitle.textContent = activeLink ? activeLink.textContent : \"\"; \/\/ Update title only if activeLink exists\r\n\/\/         }\r\n\/\/       }\r\n\/\/     } else {\r\n\/\/       toc.classList.remove('sticky');\r\n\/\/       phtoc.style.display = \"none\";\r\n\/\/       toc.style.width = 'unset'; \/\/ Reset to original width\r\n\/\/       toc.style.backgroundColor = \"#FFF\";\r\n\/\/       tocTitle.textContent = 'Daftar isi'; \/\/ Reset title\r\n\/\/ \t\tpanel2.style.height = panel2.scrollHeight + \"px\";\r\n\/\/ \t\ticon.style.transform = \"rotate(180deg)\";\r\n\/\/     }\r\n\/\/   }\r\n\r\n\/\/     \/\/ Attach the scroll event listener to the window\r\n\/\/     window.addEventListener('scroll', handleScroll);\r\n\r\n\/\/     \/\/ Initial call to handleScroll to set the correct state on load\r\n\/\/     handleScroll();\r\n\/\/ });\r\n\t\r\n\/\/ \t\/\/ Open toggle TOC\r\n\/\/ \t  document.addEventListener(\"DOMContentLoaded\", function() {\r\n\/\/ \t\tvar tocHeader = document.querySelector(\"#toc .header\");\r\n\/\/ \t\tvar toc = document.querySelector(\"#toc\");\r\n\/\/ \t\tvar icon = document.querySelector(\".toc-icon\");\r\n\/\/ \t\tconst tocTitle = document.querySelector('#toc-title');\r\n\/\/ \t\tconst tocs = document.querySelector('#toc.sticky');\r\n\/\/  \t\tconst tocParent = toc.parentElement;\t\t  \r\n\r\n\/\/ \t\t  tocHeader.addEventListener(\"click\", function() {\r\n\/\/ \t\t\tvar panel = this.nextElementSibling;\r\n\/\/ \t\t\tif (panel.style.height !== '0px') { \/\/ Check if height is not 0px\r\n\/\/ \t\t\t  panel.style.height = '0px'; \/\/ Set height to 0 for full collapse\r\n\/\/ \t\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \/\/ \t\t\t\ttoc.style.paddingBottom = '6px'; \r\n\/\/ \t\t\t\tif(window.innerWidth > 768){\r\n\/\/ \t\t\t\t\tif(!toc.classList.contains('sticky')){\r\n\/\/ \t\t\t\t\t\ttoc.style.width = \"unset\";\r\n\/\/ \/\/ \t\t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/ \t\t\t\t\t}\r\n\/\/ \t\t\t\t\tif (toc.classList.contains('sticky')){\r\n\/\/ \t\t\t\t\t\ttoc.style.width = '${tocParent.offsetWidth}px';\r\n\/\/ \t\t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/ \t\t\t\t\t}\r\n\/\/ \t\t\t\t}\r\n\/\/ \t\t\t\tif(window.innerWidth < 767){\r\n\/\/ \t\t\t\t\ttoc.style.width = \"unset\"; \/\/ Reset width\r\n\/\/ \t\t\t\t}\r\n\/\/ \t\t\t\ttoc.style.backgroundColor = \"#FFF1F1\";\r\n\/\/ \t\t\t} else {\r\n\/\/ \t\t\t  panel.style.height = panel.scrollHeight + \"px\";\r\n\/\/ \t\t\t  icon.style.transform = \"rotate(0deg)\";\r\n\/\/ \t\t\t  toc.style.backgroundColor = \"#FFF\";\r\n\/\/ \t\t\t  tocTitle.textContent = 'Daftar isi'; \/\/ Reset title\r\n\/\/ \t\t\t\ttoc.style.paddingBottom = '24px';\r\n\/\/ \t\t\t \tif(window.innerWidth < 767){\r\n\/\/ \t\t\t\t\ttoc.style.width = `${tocParent.offsetWidth}px`; \/\/ Set width to match the parent element\r\n\/\/ \t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/ \t\t\t\t}\r\n\/\/ \t\t\t}\r\n\/\/ \t\t  });\r\n\r\n\/\/ \t\t  \/\/ Close TOC when a link inside it is clicked\r\n\/\/ \t\t  var tocLinks = document.querySelectorAll(\"#toc .list a\");\r\n\/\/ \t\t  tocLinks.forEach(function(link) {\r\n\/\/ \t\t\tlink.addEventListener(\"click\", function() {\r\n\/\/ \t\t\t  var panel = document.querySelector(\"#toc .list\");\r\n\/\/ \t\t\t  panel.style.height = '0px'; \/\/ Set height to 0 for full collapse\r\n\/\/ \t\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \t\t\t  toc.style.backgroundColor = \"#FFF\";\r\n\/\/ \t\t\t});\r\n\/\/ \t\t  });\r\n\/\/ \t\t});\r\n\r\n\/\/ START new JS for ToC improvements\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const toc = document.querySelector('#toc');\r\n  const footer = document.querySelector('.td-footer-template-wrap');\r\n  const tocParent = toc.parentElement;\r\n  const divTop = tocParent.getBoundingClientRect().top + window.pageYOffset;\r\n  const tocHeight = toc.offsetHeight;\r\n  const triggerPoint = divTop + tocHeight + 1750;\r\n\tconsole.log(triggerPoint)\r\n  const footerHeight = footer.offsetHeight;\r\n  const triggerFooterPoint = footer.getBoundingClientRect().top + window.pageYOffset - footerHeight*3;\r\n  const phtoc = document.querySelector('#placeholder-toc');\r\n  const headers = document.querySelectorAll('.td-post-content h2');\r\n  const navLinks = document.querySelectorAll('#toc-list a');\r\n  \r\n  const panel2 = document.querySelector(\"#toc .list\");\r\n  const icon = document.querySelector(\".toc-icon\");\r\n  const tocTitle = document.querySelector('#toc-title');\r\n\r\n  let activeLink = null;\r\n  let userClosedTOC = false; \/\/ Flag user menutup TOC\r\n\r\n  function handleScroll() {\r\n    const windowTop = window.pageYOffset || document.documentElement.scrollTop;\r\n    let currentHeader = '';\r\n\r\n    \/\/ Update TOC title sesuai header yang terlihat\r\n    headers.forEach(header => {\r\n      const headerTop = header.offsetTop;\r\n      const headerHeight = header.clientHeight;\r\n      if(window.innerWidth < 767){\r\n        tocTitle.textContent = 'Daftar Isi'; \r\n      } else {\r\n        if (window.scrollY >= (headerTop - headerHeight + 1750)) {\r\n          const currentHeaderId = header.getAttribute('id');\r\n          const currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n          tocTitle.textContent = currentHeaderText;\r\n          currentHeader = currentHeaderId;\r\n        }\r\n      }\r\n    });\r\n\r\n    navLinks.forEach(link => {\r\n      link.classList.remove('active');\r\n      if(currentHeader && link.getAttribute('href').includes(currentHeader)) {\r\n        link.classList.add('active');\r\n      }\r\n    });\r\n\r\n    if (windowTop > triggerPoint) {\r\n      if (!toc.classList.contains('sticky')) {\r\n        phtoc.style.display = \"block\";\r\n        toc.classList.add('sticky');\r\n        toc.style.width = `${tocParent.offsetWidth}px`;\r\n        toc.style.backgroundColor = \"#FFF\";\r\n        \/\/ Saat sticky, TOC otomatis tertutup\r\n        panel2.style.height = '0px';\r\n        icon.style.transform = \"rotate(180deg)\";\r\n        userClosedTOC = true; \/\/ Set flag supaya tidak terbuka saat scroll\r\n      }\r\n      \r\n      if(window.innerWidth < 767){\r\n        tocTitle.textContent = 'Daftar Isi'; \r\n        toc.style.width = '150px';\r\n      }\r\n\r\n    } else {\r\n      toc.classList.remove('sticky');\r\n      phtoc.style.display = \"none\";\r\n      toc.style.width = 'unset';\r\n      toc.style.backgroundColor = \"#FFF\";\r\n      tocTitle.textContent = 'Daftar isi'; \r\n\r\n      \/\/ Kembalikan panel jika user belum menutup manual\r\n      if(!userClosedTOC) {\r\n        panel2.style.height = panel2.scrollHeight + \"px\";\r\n        icon.style.transform = \"rotate(0deg)\";\r\n      }\r\n    }\r\n  }\r\n\r\n  window.addEventListener('scroll', handleScroll);\r\n  handleScroll();\r\n\r\n  \/\/ Toggle TOC saat user klik\r\n  const tocHeader = document.querySelector(\"#toc .header\");\r\n  tocHeader.addEventListener(\"click\", function() {\r\n    const panel = panel2;\r\n    if (panel.style.height !== '0px') {\r\n      panel.style.height = '0px';\r\n      icon.style.transform = \"rotate(180deg)\";\r\n      userClosedTOC = true;\r\n    } else {\r\n      panel.style.height = panel.scrollHeight + \"px\";\r\n      icon.style.transform = \"rotate(0deg)\";\r\n      userClosedTOC = false;\r\n    }\r\n  });\r\n\r\n  \/\/ Close TOC saat link diklik\r\n  document.querySelectorAll(\"#toc .list a\").forEach(link => {\r\n    link.addEventListener(\"click\", function() {\r\n      panel2.style.height = '0px';\r\n      icon.style.transform = \"rotate(180deg)\";\r\n      userClosedTOC = true;\r\n    });\r\n  });\r\n});\r\n\/\/ END new JS for ToC improvements\r\n\r\n\t\r\n\/\/ \tmake the heading at the center of the viewport\r\n\/\/ \tdocument.addEventListener('DOMContentLoaded', function() {\r\n\/\/     \/\/ Add click event listener to all links in the TOC list\r\n\/\/     document.querySelectorAll('#toc-list a').forEach(anchor => {\r\n\/\/         anchor.addEventListener('click', function (e) {\r\n\/\/             e.preventDefault(); \/\/ Prevent the default behavior of jumping to the anchor\r\n\/\/ \/\/ \t\t\tconsole.log(\"prevent default\");\r\n\/\/             const targetId = this.getAttribute('href').substring(1); \/\/ Get the ID of the target element\r\n\/\/             const targetElement = document.getElementById(targetId); \/\/ Get the target element\r\n\r\n\/\/             if (targetElement) {\r\n\/\/                 const headerHeight = document.querySelector('#toc .header').offsetHeight; \/\/ Get the height of the fixed header\r\n\/\/                 const windowHeight = window.innerHeight; \/\/ Get the height of the viewport\r\n\/\/                 const targetOffset = targetElement.offsetTop; \/\/ Get the top offset of the target element\r\n\/\/                 const scrollTo = targetOffset + (windowHeight \/ 2) + (headerHeight); \/\/ Calculate the scroll position to center the target element\r\n\r\n\/\/                 \/\/ Scroll to the calculated position smoothly\r\n\/\/                 window.scrollTo({\r\n\/\/                     top: scrollTo,\r\n\/\/                     behavior: 'smooth'\r\n\/\/                 });\r\n\/\/             }\r\n\/\/         });\r\n\/\/     });\r\n\/\/ });\r\n<\/script>\r\n\r\n<script>\r\n    \/\/ Scrollspy function to highlight the active TOC item based on the scroll position\r\n  function scrollSpy(tocClass) {\r\n    const scrollPosition = window.scrollY;\r\n\r\n    \/\/ Find the active h2 and h3 headings based on their position in the corresponding TOC\r\n    let activeH2 = null;\r\n    let activeH3 = null;\r\n\r\n    const tocItems = document.querySelectorAll(`.${tocClass} li`);\r\n    tocItems.forEach(item => {\r\n      const a = item.querySelector('a');\r\n      if (!a) return;\r\n      const href = a.getAttribute('href');\r\n      const targetId = href.substring(1); \/\/ Remove the '#' from the href to get the target ID\r\n      const targetElement = document.getElementById(targetId);\r\n      if (!targetElement) return;\r\n\r\n      const targetTop = targetElement.getBoundingClientRect().top + scrollPosition;\r\n      const nextItem = item.nextElementSibling;\r\n      const nextTop = nextItem ? nextItem.getBoundingClientRect().top + scrollPosition : Infinity;\r\n\r\n      if (targetTop <= scrollPosition + 150) {\r\n        if (a.parentElement.parentElement === tocItems) {\r\n          \/\/ The h2 heading is at the root level of the TOC\r\n          activeH2 = { id: targetId, level: 'h2' };\r\n        } \r\n\t\t  else {\r\n          \/\/ The h3 heading is nested under an h2 heading\r\n          const parentH2 = a.parentElement.parentElement.previousElementSibling;\r\n          if (parentH2) {\r\n            const h2Link = parentH2.querySelector('a');\r\n            if (h2Link) {\r\n              const h2Href = h2Link.getAttribute('href');\r\n              const h2Id = h2Href.substring(1);\r\n              activeH2 = { id: h2Id, level: 'h2' };\r\n            }\r\n          }\r\n          activeH3 = { id: targetId, level: 'h3' };\r\n        }\r\n      }\r\n\r\n      if (targetTop > scrollPosition + 150 && nextTop > scrollPosition + 150 && !activeH3) {\r\n        \/\/ Reset the activeH2 when there are no more active h3 headings\r\n        activeH2 = null;\r\n      }\r\n    });\r\n\r\n    \/\/ Update the active state for the TOC items\r\n    tocItems.forEach(item => {\r\n      item.classList.remove('active');\r\n      const a = item.querySelector('a');\r\n      if (a) {\r\n        const href = a.getAttribute('href');\r\n        const targetId = href.substring(1);\r\n        if ((activeH2 && activeH2.id === targetId) || (activeH3 && activeH3.id === targetId)) {\r\n          item.classList.add('active');\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ Call scrollSpy for each TOC on window scroll\r\n  const tocClasses = ['list_toc', 'list_toc_float']; \/\/ Add other TOC class names here if you have more than two instances\r\n  tocClasses.forEach(tocClass => {\r\n    window.addEventListener('scroll', () => scrollSpy(tocClass));\r\n  });\r\n<\/script>\r\n\r\n<!-- ToC List for desktop side bar, diganti jadi inject by php, di code snippet \"Sidebar Accordion\" -->\r\n<!-- <script>\r\n\tdocument.addEventListener(\"DOMContentLoaded\", function() {\r\n\r\n        \/\/ Fungsi untuk membuat nested list\r\n        function createNestedList(parentNode, children) {\r\n            if (children.length === 0) return;\r\n\r\n            const nestedUl = document.createElement('ul');\r\n            children.forEach(child => {\r\n                const nestedLi = document.createElement('li');\r\n                const nestedA = document.createElement('a');\r\n                nestedA.textContent = child.title;\r\n                nestedA.href = `#${child.id}`;\r\n                nestedLi.appendChild(nestedA);\r\n                nestedUl.appendChild(nestedLi);\r\n\r\n                if (child.children.length > 0) {\r\n                    createNestedList(nestedLi, child.children);\r\n                }\r\n            });\r\n\r\n            parentNode.appendChild(nestedUl);\r\n        }\r\n\r\n        \/\/ Membuat objek untuk menyimpan daftar h2 dan h3 beserta judulnya\r\n        const headings = [];\r\n\r\n           \/\/ Mengambil semua elemen h2 dan h3\r\n        \/\/ Mengambil semua elemen h2 dan h3\r\n\t\tconst elements = document.querySelectorAll('.td-post-content h2');\r\n\r\n\t\t\tfunction newFormatId(text) {\r\n\t\t\t\tif(text.toLowerCase() === \"key takeaways\") {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\tconst result = text.toLowerCase()\r\n\t\t\t\t.trim()\r\n\t\t\t\t.replace(\/[^\\w\\s-]\/g, '')  \/\/ hapus tanda baca\r\n\t\t\t\t.replace(\/\\s+\/g, '-'); \/\/ ganti spasi jadi \"-\"\r\n\r\n\t\t\t\treturn result;\r\n\t\t\t}\r\n\t\r\n\t\telements.forEach(element => {\r\n\t\t\tif (element.tagName === 'H2') {\r\n\t\t\t\tconst id = newFormatId(element.textContent); \/\/ Hasilkan ID baru\r\n\t\t\t\telement.id = id; \/\/ Tetapkan ID ke elemen h2\r\n\t\t\t\tif (element.textContent.toLowerCase() === \"key takeaways\") {return;} \/\/ Kalau Key Takeaways, jangan dimasukin\r\n\t\t\t\theadings.push({ level: 'h2', id: id, title: element.textContent, children: [] });\r\n\t\t\t} else if (element.tagName === 'H3') {\r\n\t\t\t\tconst id = newFormatId(element.textContent); \/\/ Hasilkan ID baru\r\n\t\t\t\telement.id = id; \/\/ Tetapkan ID ke elemen h3\r\n\t\t\t\tif (headings.length > 0) {\r\n\t\t\t\t\theadings[headings.length - 1].children.push({ level: 'h3', id: id, title: element.textContent, children: [] });\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n       \/\/ Membuat list HTML dari objek headings\r\n\t\tconst ul = document.getElementById('list_toc');\r\n\t\tlet currentUl = ul;\r\n\t\theadings.forEach(heading => {\r\n\t\t\tconst li = document.createElement('li');\r\n\t\t\tconst a = document.createElement('a');\r\n\t\t\ta.textContent = heading.title;\r\n\t\t\ta.href = `#${heading.id}`; \/\/ Gunakan ID yang baru dihasilkan\r\n\t\t\tli.appendChild(a);\r\n\r\n\t\t\tif (heading.level === 'h2') {\r\n\t\t\t\tcurrentUl = li;\r\n\t\t\t\tul.appendChild(li);\r\n\t\t\t} else if (heading.level === 'h3') {\r\n\t\t\t\tif (!currentUl.lastElementChild || currentUl.lastElementChild.tagName !== 'UL') {\r\n\t\t\t\t\tconst nestedUl = document.createElement('ul');\r\n\t\t\t\t\tcurrentUl.appendChild(nestedUl);\r\n\t\t\t\t\tcurrentUl = nestedUl;\r\n\t\t\t\t}\r\n\t\t\t\tcurrentUl.appendChild(li);\r\n\t\t\t}\r\n\r\n\t\t\tcreateNestedList(li, heading.children);\r\n\t\t});\r\n\t\t\/\/ Dapatkan elemen ul dengan id 'list_toc'\r\n\t\tconst ulFloat = document.getElementById('list_toc');\r\n\r\n\t\t\/\/ Dapatkan isi (child elements) dari ul dengan id 'list_toc'\r\n\t\tconst clonedChildren = ulFloat.cloneNode(true).children;\r\n\r\n\t\t\/\/ Dapatkan elemen ul dengan id 'list_toc_float'\r\n\t\tconst ulToc = document.getElementById('list_toc_float');\r\n\r\n\t\t\/\/ Tambahkan isi yang telah didapatkan dari 'list_toc' ke ul dengan id 'list_toc_float'\r\n\t\tulToc.append(...clonedChildren);\r\n\r\n\r\n        \/\/ Fungsi untuk mengambil tinggi navbar\r\n\t\tfunction getNavbarHeight() {\r\n\t\t\tconst navbar = document.getElementById('tdi_34');\r\n\t\t\treturn navbar ? navbar.offsetHeight : 0;\r\n\t\t}\r\n\r\n\t\t\/\/ Fungsi untuk menambahkan offset posisi scroll\r\n\t\tfunction scrollToElementWithOffset(elementId) {\r\n\t\t\tconst element = document.getElementById(elementId);\r\n\t\t\tif (element) {\r\n\t\t\t\tconst offset = getNavbarHeight();\r\n\t\t\t\tconst elementPosition = element.getBoundingClientRect().top;\r\n\t\t\t\tconst offsetPosition = elementPosition - offset - 40;\r\n\r\n\t\t\t\twindow.scrollBy({\r\n\t\t\t\t\ttop: offsetPosition,\r\n\t\t\t\t\tbehavior: 'smooth'\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\/\/ Fungsi untuk menangani klik pada tautan judul\r\n\t\tfunction handleTitleClick(event) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\tconst href = event.target.getAttribute('href').substr(1);\r\n\t\t\tscrollToElementWithOffset(href);\r\n\t\t}\r\n\r\n\t\t\/\/ Tambahkan event listener untuk semua tautan judul\r\n\t\tconst titleLinks = document.querySelectorAll('a[href^=\"#\"]');\r\n\t\ttitleLinks.forEach(link => {\r\n\t\t\tlink.addEventListener('click', handleTitleClick);\r\n\t\t});\r\n\t\t\r\n\t});\r\n    <\/script> -->\r\n\n<p data-fo=\"374\">\r\n\r\n<script>\r\n    \/\/ check which image to use based on screensize\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        function updateImageSource() {\r\n            var images = document.querySelectorAll('.responsive-image-banner');\r\n            var screenWidth = window.innerWidth;\r\n\r\n            images.forEach(function(img) {\r\n                var mobileSrc = img.getAttribute('data-mobile-src');\r\n                var desktopSrc = img.getAttribute('data-desktop-src');\r\n\r\n                if (screenWidth < 576 && mobileSrc) {\r\n                    img.setAttribute('src', mobileSrc);\r\n                } else {\r\n                    img.setAttribute('src', desktopSrc);\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Initial check\r\n        updateImageSource();\r\n\r\n        \/\/ Update on resize\r\n        window.addEventListener('resize', updateImageSource);\r\n    });\r\n<\/script>\n<h2><strong>Pengertian dan Fungsi Hazmat Warehouse<\/strong><\/h2>\n<p>Hazmat Warehouse adalah jenis gudang khusus yang dirancang untuk menangani material berbahaya. Material berbahaya tersebut dapat berupa bahan kimia, bahan radioaktif, limbah beracun, dan bahan berbahaya <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/restriction-of-hazardous-substance-rohs\/\">ROHS<\/a> lainnya yang berpotensi membahayakan kesehatan manusia dan lingkungan.<\/p>\n<p><span id=\"fungsi\">Fungsi utama dari Hazmat Warehouse adalah untuk menyimpan, mengelola, dan mengendalikan material berbahaya dengan aman dan efektif. <\/span>Gudang ini dilengkapi dengan peralatan khusus, sistem pengolahan, dan protokol keselamatan yang ketat untuk mengurangi risiko kerusakan, kecelakaan, dan bahaya bagi karyawan dan lingkungan sekitarnya.<\/p>\n<h2><strong>Industri atau Perusahaan yang Membutuhkan Hazmat Warehouse<\/strong><\/h2>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-134133 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/12\/Industri-atau-Perusahaan-yang-Membutuhkan-Hazmat-Warehouse-HashMicro.png\" alt=\"Industri atau Perusahaan yang Membutuhkan Hazmat Warehouse\" width=\"1200\" height=\"650\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/12\/Industri-atau-Perusahaan-yang-Membutuhkan-Hazmat-Warehouse-HashMicro.png 1200w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/12\/Industri-atau-Perusahaan-yang-Membutuhkan-Hazmat-Warehouse-HashMicro-300x163.png 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/12\/Industri-atau-Perusahaan-yang-Membutuhkan-Hazmat-Warehouse-HashMicro-1024x555.png 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/12\/Industri-atau-Perusahaan-yang-Membutuhkan-Hazmat-Warehouse-HashMicro-768x416.png 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/12\/Industri-atau-Perusahaan-yang-Membutuhkan-Hazmat-Warehouse-HashMicro-775x420.png 775w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/12\/Industri-atau-Perusahaan-yang-Membutuhkan-Hazmat-Warehouse-HashMicro-150x81.png 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/12\/Industri-atau-Perusahaan-yang-Membutuhkan-Hazmat-Warehouse-HashMicro-696x377.png 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/12\/Industri-atau-Perusahaan-yang-Membutuhkan-Hazmat-Warehouse-HashMicro-1068x580.png 1068w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/>Industri kimia dan farmasi menggunakan bahan berbahaya dalam proses produksi mereka, serupa dengan berbagai<strong><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/pengertian-gudang-serta-jenis-dan-manfaatnya\/\" target=\"_new\" rel=\"noopener\"> jenis gudang lain <\/a><\/strong>yang ada industri minyak dan gas, pertambangan, dan manufaktur sering kali menghasilkan limbah berbahaya yang perlu dikelola dengan aman dan sesuai dengan regulasi yang berlaku, serupa dengan bagaimana <strong><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/bonded-warehouse-gudang-berikat\/\" target=\"_new\" rel=\"noopener\">bonded warehouse<\/a><\/strong> mengelola barang impor dalam konteks distribusi barang konsumsi.<\/p>\n<p>Hazmat Warehouse merupakan tempat yang dirancang khusus dengan peralatan dan sistem pengelolaan yang memenuhi standar keamanan dan kepatuhan dalam menangani material berbahaya.<\/p>\n<p>Dengan adanya Hazmat Warehouse, industri dan perusahaan ini dapat memastikan keamanan karyawan dan mematuhi regulasi yang berlaku dalam penanganan material berbahaya, serupa dengan bagaimana <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/reverse-logistic-warehouse\/\"><strong>reverse logistic warehouse<\/strong><\/a> mengelola barang dalam konteks distribusi barang konsumsi.<\/p>\n<h2><strong>Perbedaan dan Perbandingan Hazmat Warehouse dengan Jenis Gudang Lainnya<\/strong><\/h2>\n<p>Hazmat Warehouse khusus dirancang untuk menangani bahan baku berbahaya, sedangkan jenis gudang lainnya dapat digunakan untuk menyimpan bahan baku non-berbahaya atau barang jadi (finished goods).<\/p>\n<p><span id=\"perbedaan\">Perbedaan utama antara Hazmat Warehouse dan jenis gudang lainnya adalah:<\/span><\/p>\n<ul>\n<li>Hazmat Warehouse memiliki protokol keselamatan yang lebih ketat untuk mencegah risiko kecelakaan dan bahaya bagi karyawan dan lingkungan sekitarnya.<\/li>\n<li>Hazmat Warehouse dilengkapi dengan peralatan khusus untuk menangani material berbahaya, seperti peralatan pemadam kebakaran, perlindungan pernapasan, dan sarana penanganan limbah berbahaya.<\/li>\n<li>Karyawan di Hazmat Warehouse harus dilengkapi dengan perlindungan pribadi yang lebih lengkap, seperti baju pelindung, sarung tangan, dan sepatu keselamatan.<\/li>\n<li>Regulasi dan persyaratan terkait penanganan material berbahaya diterapkan secara ketat dalam pengelolaan Hazmat Warehouse, sedangkan jenis gudang lainnya tidak memiliki persyaratan yang sama.<\/li>\n<\/ul>\n<p>Secara keseluruhan, Hazmat Warehouse memiliki perbedaan yang signifikan dalam hal keselamatan, peralatan, perlindungan karyawan, dan persyaratan regulasi dibandingkan dengan jenis gudang lainnya.<\/p>\n<style>\r\n\t.container-box-section .row {\r\n      display: flex;\r\n    }\r\n\r\n    .container-box-section {\r\n      background: #f2f8ff;\r\n      border-radius: 10px;\r\n      padding: 0 32px 24px 32px;\r\n\t  margin-top: 48px;\r\n\t  border: 2px solid #497ECD;\r\n    }\r\n\r\n    .container-box-section .row-link {\r\n      color: #9C171E;\r\n      font-weight: 600;\r\n      text-decoration: underline;\r\n    }\r\n\r\n    .container-box-section .image-overflow {\r\n      position: absolute;\r\n      transform: translate(-10px, -30px);\r\n    }\r\n\t\r\n\t.container-box-section .box-heading {\r\n\t\tfont-size: 27px;\r\n\t\tline-height: 38px;\r\n\t\tmargin-top: 30px;\r\n\t\tmargin-bottom: 20px;\r\n\t\tmargin-left: 90px;\r\n\t\tfont-weight: 600;\r\n\t}\r\n\t\r\n\t@media only screen and (max-width: 767px) {\r\n\t\t.container-box-section .image-overflow {\r\n\t\t\twidth: 45px;\r\n\t\t\ttransform: translate(0, 16px) !important;\r\n\t\t}\r\n\t\t\r\n\t\t.container-box-section .box-heading {\r\n\t\t\tmargin-left: 64px;\r\n\t\t}\r\n\t\t\r\n\t\t.container-box-section {\r\n\t\t  margin-top: 24px;\r\n\t\t}\r\n\t\t\r\n\t\t.container-box-section .box-heading {\r\n\t\t\tfont-size: 22px;\r\n\t\t}\r\n\t\t\r\n\t\t.container-box-section p:not(.box-heading), .container-box-section a {\r\n\t\t\tfont-size: 16px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n<div class=\"container-box-section\">\r\n    <div class=\"row\">\r\n      <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/assets\/article\/2bulb-snippet.webp\" alt=\"\" class=\"image-overflow\" loading=\"lazy\">\r\n      <p class=\"box-heading\">Tahukah Anda<\/p>    <\/div>\r\n\r\n    <div class=\"row\">\r\n\t\t<p style=\"margin-bottom: 16px; display: none;\" class=\"description\">Apakah Anda tahu jika penggunaan label akan membantu dalam pengelolaan inventaris yang optimal? Untuk mengetahui apa itu label inventaris barang<\/p>\t\t<p class=\"desc-clone\"><\/p>\r\n\t<\/div>\r\n\r\n    <div class=\"row-link\">\r\n      <a target=\"_blank\" style=\"display: none; width: fit-content\" class=\"link-fakta-unik\" href=\"\">bisa lihat lebih lanjut disini<\/a>\r\n\t  <span class=\"link-target-text\" style=\"display:none\"><\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\tdocument.addEventListener('DOMContentLoaded', function() {\r\n        const descriptions = document.querySelectorAll('.container-box-section .description');\r\n        const descClones = document.querySelectorAll('.container-box-section .desc-clone');\r\n\t\tconst links = document.querySelectorAll('.container-box-section .link-fakta-unik');\r\n        const toggleButtons = document.querySelectorAll('.container-box-section .toggleButton');\r\n\t\t\r\n\t\t\/\/ maxLength for the character limit\r\n        const maxLength = 140;\r\n\t\t\r\n\t\tfor (let i = 0; i < descriptions.length; i++) {\r\n\t\t\tconst fullText = descriptions[i].textContent.trim();\r\n\t\t\tconst clonedText = fullText.slice(0, maxLength);\r\n\t\t\t\r\n\t\t\tconst textContent = descriptions[i].textContent.trim();\r\n\t\t\tconst characterCount = textContent.length;\r\n\t\t\tif (characterCount < maxLength) {\r\n\t\t\t\tdescriptions[i].style.display = 'block';\r\n\t\t\t\tlinks[i].style.display = \"block\";\r\n\t\t\t\tcontinue;\r\n\t\t\t}\r\n\r\n\t\t\t\/\/ Create a span element for the toggleButton\r\n\t\t\tconst spanToggleButton = document.createElement('span');\r\n\t\t\tspanToggleButton.classList.add('toggleButton');\r\n\t\t\tspanToggleButton.style.cursor = \"pointer\";\r\n\t\t\tspanToggleButton.innerHTML = '<strong> (Baca Lebih Lanjut)<\/strong>';\r\n\r\n\t\t\t\/\/ Set the cloned text to the desc-clone paragraph\r\n\t\t\tdescClones[i].innerHTML = clonedText + '...';\r\n\t\t\tdescClones[i].appendChild(spanToggleButton); \/\/ Append the spanToggleButton after the triple dots\r\n\r\n\t\t\t\/\/ Toggle visibility of elements\r\n\t\t\tspanToggleButton.addEventListener('click', function() {\r\n\t\t\t\tdescClones[i].style.display = 'none'; \/\/ Hide desc-clone\r\n\t\t\t\tspanToggleButton.style.display = 'none'; \/\/ Hide toggleButton\r\n\t\t\t\tdescriptions[i].style.display = 'block'; \/\/ Show original text\r\n\t\t\t\tlinks[i].style.display = \"block\"; \/\/Show links\r\n\t\t\t});\r\n\t\t}\r\n\t\t\r\n\t\tjQuery(document).ready(function() {\r\n\t\t\tvar innerTextLinkTarget = jQuery('.link-target-text').html();\r\n\t\t\tjQuery('.link-fakta-unik').attr('href', innerTextLinkTarget);\r\n\t\t});\r\n\t});\r\n<\/script>\n<h2><strong>Manajemen dan Operasional Gudang Bahan Baku Berbahaya<\/strong><\/h2>\n<p>Manajemen dan operasional <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/gudang-bahan-baku-raw-material-warehouse\/\"><strong>gudang bahan baku<\/strong><\/a> berbahaya merupakan aspek kritis yang harus diperhatikan untuk menjaga keamanan dan efektivitas Hazmat Warehouse.<\/p>\n<p>Dalam pengelolaan material berbahaya, terdapat prinsip dasar yang perlu dipahami dan diimplementasikan dengan baik.<\/p>\n<p><span id=\"prinsip\">Prinsip dasar tersebut meliputi:<\/span><\/p>\n<ul>\n<li>Identifikasi: Identifikasi jenis material berbahaya yang disimpan di gudang merupakan langkah pertama yang harus dilakukan. Mengetahui karakteristik material berbahaya akan memudahkan dalam merencanakan pengelolaan yang tepat.<\/li>\n<li>Penilaian Risiko: Melakukan penilaian risiko terhadap material berbahaya yang ada di gudang menjadi langkah penting dalam menentukan tindakan pengendalian yang diperlukan.<\/li>\n<li>Pengendalian: Mengontrol dan mengelola material berbahaya dengan tepat, termasuk dalam hal penyimpanan, penggunaan, dan penanganan. Proteksi dan pengamanan gudang harus dilakukan agar tidak terjadi kebocoran atau pencemaran yang berbahaya.<\/li>\n<li>Pelaporan: Membuat laporan terkait kejadian atau insiden yang terkait dengan material berbahaya sangat penting. Hal ini memungkinkan pengelola gudang untuk mengidentifikasi masalah dan mengambil langkah perbaikan yang diperlukan.<\/li>\n<\/ul>\n<p>Selain itu, keselamatan kerja juga merupakan hal yang sangat penting dalam operasional Hazmat Warehouse.<\/p>\n<p>Para karyawan harus mendapatkan pelatihan yang mencakup penggunaan peralatan keselamatan pribadi serta pemahaman tentang protokol keselamatan yang sesuai dengan karakteristik material berbahaya.<\/p>\n<p>Teknik yang efektif untuk menangani spill dan leakage harus dipahami dan diterapkan dengan benar. Hal ini bertujuan untuk menghindari pencemaran lingkungan dan melindungi kesehatan manusia dari bahaya material berbahaya.<\/p>\n<p>Selain itu, simbol dan label pengenal B3 di Hazmat Warehouse juga sangat penting. Simbol dan label ini memberikan informasi tentang karakteristik dan bahaya material berbahaya, sehingga memudahkan pengelola dalam mengatur dan mengidentifikasi material dengan tepat.<\/p>\n<p>Audit dan inspeksi gudang berbahaya yang dilakukan secara berkala sangat penting untuk memastikan kepatuhan terhadap regulasi dan efektivitas sistem pengelolaan material berbahaya.<\/p>\n<p>Perlindungan karyawan dan penerapan personal protective equipment (PPE) juga harus menjadi prioritas utama dalam Hazmat Warehouse.<\/p>\n<p>Dengan penerapan PPE yang sesuai, karyawan akan terlindungi dari risiko cedera dan paparan material berbahaya yang dapat membahayakan kesehatan mereka.<\/p>\n<style>\r\n.cta-in-article-image .desktop-banner{\r\n    display: none;\r\n    text-align: center;\r\n}\r\n.cta-in-article-image .desktop-mobile{\r\n    display: block;\r\n    text-align: center;\r\n    width: 100%;\r\n}\r\n\t.cta-in-article a {\r\n\t\tfont-size: 0px !important;\r\n\t\tcolor: #fff; \r\n\t\tpadding: 0px !important; \r\n\t\tborder-radius: 0px !important; \r\n\t\tdisplay: block !important; \r\n\t\ttext-decoration: none; \r\n\t}\r\n\t\r\n\t.cta-in-article {\r\n\t\tmargin: 0px !important;\r\n\t\tpadding: 0px !important;\r\n\t\tbox-shadow: none !important;\r\n\t}\r\n\t\r\n@media (min-width: 650px) {\r\n    .cta-in-article-image .desktop-banner {\r\n        display: block!important;\r\n    }\r\n}\r\n@media (min-width: 650px) {\r\n   .cta-in-article-image .desktop-mobile {\r\n        display: none!important;\r\n    }\r\n}\r\n<\/style>\r\n<div class=\"cta-in-article-image\">\r\n\t<a href=\"https:\/\/www.hashmicro.com\/id\/offer\/download-skema-harga-software-erp?blog&utm_source=blog&medium=banner-article\" target=\"_blank\" rel=\"noopener\">\r\n\t\t<div id=\"desktop-banner-container\">\r\n\t\t\t<div class=\"desktop-banner\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/02.Skema-Harga-web-resized.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div id=\"mobile-banner-container\">\r\n\t\t\t<div class=\"desktop-mobile\">\r\n\t\t\t\t<img decoding=\"async\" width=\"372\" height=\"465\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/02.-Skema-Harga-Mobile-372px.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/a>\r\n<\/div>\n<h2><strong>Tantangan dan Kesalahan Umum Pengelolaan Hazmat Warehouse<\/strong><\/h2>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-134137 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/12\/Tantangan-dan-Kesalahan-Umum-Pengelolaan-Hazmat-Warehouse-HashMicro.png\" alt=\"Tantangan dan Kesalahan Umum Pengelolaan Hazmat Warehouse\" width=\"1200\" height=\"650\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/12\/Tantangan-dan-Kesalahan-Umum-Pengelolaan-Hazmat-Warehouse-HashMicro.png 1200w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/12\/Tantangan-dan-Kesalahan-Umum-Pengelolaan-Hazmat-Warehouse-HashMicro-300x163.png 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/12\/Tantangan-dan-Kesalahan-Umum-Pengelolaan-Hazmat-Warehouse-HashMicro-1024x555.png 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/12\/Tantangan-dan-Kesalahan-Umum-Pengelolaan-Hazmat-Warehouse-HashMicro-768x416.png 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/12\/Tantangan-dan-Kesalahan-Umum-Pengelolaan-Hazmat-Warehouse-HashMicro-775x420.png 775w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/12\/Tantangan-dan-Kesalahan-Umum-Pengelolaan-Hazmat-Warehouse-HashMicro-150x81.png 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/12\/Tantangan-dan-Kesalahan-Umum-Pengelolaan-Hazmat-Warehouse-HashMicro-696x377.png 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/12\/Tantangan-dan-Kesalahan-Umum-Pengelolaan-Hazmat-Warehouse-HashMicro-1068x580.png 1068w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/>Pengelolaan Hazmat Warehouse tidak terlepas dari tantangan dan kesalahan yang sering terjadi dalam operasional sehari-hari.<\/p>\n<p>Tantangan yang sering dihadapi dalam pengelolaan gudang berbahaya meliputi:<\/p>\n<ol>\n<li>Kompleksitas regulasi yang terus berkembang: Kepatuhan terhadap regulasi adalah bagian penting dari pengelolaan Hazmat Warehouse. Namun, regulasi terkait penanganan material berbahaya cenderung kompleks dan terus mengalami perubahan. Hal ini menuntut pemahaman yang mendalam tentang persyaratan dan kepatuhan yang diperlukan.<\/li>\n<li>Persyaratan kepatuhan yang tinggi: Pengelolaan Hazmat Warehouse membutuhkan tingkat kepatuhan yang tinggi terhadap regulasi dan protokol keselamatan. Terkadang, persyaratan ini dapat menjadi sulit untuk dipenuhi dan membutuhkan upaya ekstra dalam pemantauan dan pelaksanaannya.<\/li>\n<li>Risiko kecelakaan dan kerusakan: Hazmat Warehouse menghadirkan risiko kecelakaan dan kerusakan yang signifikan. Material berbahaya yang disimpan di dalam gudang ini dapat menyebabkan kejadian yang tidak diinginkan, seperti kecelakaan, kebakaran, atau ledakan. Oleh karena itu, manajemen gudang harus sangat berhati-hati dalam penanganan dan pengendalian material berbahaya.<\/li>\n<li>Ketersediaan sumber daya yang terbatas: Pengelolaan Hazmat Warehouse memerlukan sumber daya yang memadai, termasuk tenaga kerja yang terlatih, peralatan keselamatan, dan infrastruktur yang memadai. Namun, seringkali terdapat keterbatasan dalam hal sumber daya tersebut, yang dapat mempengaruhi efektivitas pengelolaan gudang berbahaya, sebagaimana pentingnya efisiensi sumber daya dalam <strong>gudang sortir<\/strong> untuk optimasi distribusi barang konsumsi.<\/li>\n<li>Perubahan teknologi: Teknologi terus berkembang dan memberikan dampak besar pada pengelolaan Hazmat Warehouse. Perubahan teknologi dapat melibatkan implementasi <strong>sistem manajemen gudang terbaik <\/strong>atau <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-gudang-terbaik\/\">aplikasi gudang<\/a>\u00a0yang lebih canggih, penggunaan peralatan baru, atau perubahan dalam protokol dan prosedur. Dalam menghadapi perubahan ini, pengelola gudang harus tetap mengikuti perkembangan terbaru dan mengadaptasikan diri agar tetap efektif dalam pengelolaan gudang berbahaya.<\/li>\n<\/ol>\n<p>Kesalahan umum dalam pengelolaan Hazmat Warehouse meliputi:<\/p>\n<ol>\n<li>Kurangnya pemahaman tentang karakteristik material berbahaya: Kurangnya pemahaman karakteristik dan bahaya terkait dengan material berbahaya dapat menyebabkan kesalahan dalam penanganan dan pengendalian material tersebut.<\/li>\n<li>Kurangnya pemeliharaan dan penggunaan peralatan keselamatan: Pemeliharaan dan penggunaan peralatan keselamatan tepat adalah hal yang penting dalam pengelolaan Hazmat Warehouse. Ketidakpatuhan dalam pemeliharaan dan penggunaan peralatan keselamatan dapat meningkatkan risiko kecelakaan dan bahaya bagi karyawan dan lingkungan sekitarnya.<\/li>\n<li>Kelalaian dalam pengelolaan dan pelaporan insiden: Kelalaian dalam pengelolaan dan pelaporan insiden yang terjadi di Hazmat Warehouse dapat menyebabkan penundaan dalam penanganan kejadian dan berpotensi menimbulkan konsekuensi yang lebih buruk.<\/li>\n<li>Kekurangan pelatihan karyawan: Kurangnya pelatihan karyawan mengenai protokol keselamatan, penanganan material berbahaya, dan penggunaan peralatan keselamatan dapat meningkatkan risiko insiden di Hazmat Warehouse. Pelatihan yang tepat dan berkala sangat penting untuk menjaga keselamatan karyawan dan mengoptimalkan pengelolaan gudang berbahaya.<\/li>\n<\/ol>\n<h2><strong>Adaptasi Teknologi Warehouse Management System HashMicro<\/strong><\/h2>\n<p>Salah satu solusi untuk meningkatkan efisiensi dan keamanan gudang bahan baku berbahaya adalah dengan mengadopsi teknologi\u00a0<strong><a href=\"https:\/\/www.hashmicro.com\/id\/warehouse-management-system\">Wareshouse Management System <\/a><\/strong>(WMS)\u00a0dari Hashmicro. WMS adalah sistem manajemen gudang yang terintegrasi yang dapat membantu dalam pengaturan, pemantauan, dan pelaporan aktivitas gudang secara real-time.<\/p>\n<p>Dengan menggunakan WMS, Anda dapat meningkatkan efisiensi operasional <strong><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/gudang-barang-jadi-finished-good-warehouse\/\" target=\"_new\" rel=\"noopener\">gudang barang jadi<\/a><\/strong>, mempercepat pemrosesan, dan meningkatkan visibilitas inventaris.<\/p>\n<p>Sistem ini dilengkapi dengan fitur keamanan yang canggih, tidak hanya bermanfaat untuk mengelola penanganan material berbahaya dengan lebih aman dan teratur, tetapi juga relevan untuk pengelolaan <strong><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/gudang-outdoor-warehouse\/\">outdoor warehouse<\/a><\/strong> dalam konteks distribusi barang konsumsi<\/p>\n<p>Untuk lebih memahami manfaat teknologi WMS ini, Anda bisa mencoba <strong><a href=\"https:\/\/www.hashmicro.com\/id\/tour-produk-gratis\/\" target=\"_new\" rel=\"noopener\">tour demo gratis<\/a><\/strong> sehingga Anda dapat meningkatkan efisiensi operasional gudang barang jadi.<\/p>\n<a href=\"https:\/\/www.hashmicro.com\/id\/warehouse-management-system?medium=moneysite-banner\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/06\/Ware-Management-Desktop-Resize.webp\" data-desktop-src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/06\/Ware-Management-Desktop-Resize.webp\" data-mobile-src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/02\/Ware-Management-mobile.webp\" alt=\"WarehouseManagement\" class=\"responsive-image-banner\"><\/a>\r\n\r\n<script>\r\n    \/\/ check which image to use based on screensize\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        function updateImageSource() {\r\n            var images = document.querySelectorAll('.responsive-image-banner');\r\n            var screenWidth = window.innerWidth;\r\n\r\n            images.forEach(function(img) {\r\n                var mobileSrc = img.getAttribute('data-mobile-src');\r\n                var desktopSrc = img.getAttribute('data-desktop-src');\r\n\r\n                if (screenWidth < 576 && mobileSrc) {\r\n                    img.setAttribute('src', mobileSrc);\r\n                } else {\r\n                    img.setAttribute('src', desktopSrc);\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Initial check\r\n        updateImageSource();\r\n\r\n        \/\/ Update on resize\r\n        window.addEventListener('resize', updateImageSource);\r\n    });\r\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Hazmat Warehouse adalah jenis gudang khusus yang didesain untuk menangani material berbahaya dengan cara yang aman dan efektif. Gudang ini memiliki peraturan dan protokol yang ketat untuk menghindari kerusakan, kecelakaan, dan bahaya bagi karyawan dan lingkungan sekitarnya. Penanganan material berbahaya membutuhkan pengetahuan khusus, perlindungan pribadi yang tepat, dan pengelolaan yang cermat untuk memastikan keamanan dan [&hellip;]<\/p>\n","protected":false},"author":20,"featured_media":134129,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[796],"tags":[],"class_list":{"0":"post-128911","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-warehouse"},"acf":{"post_reviewer":null},"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>Hazmat Warehouse: Menangani Material Berbahaya dengan Aman dan Efektif<\/title>\n<meta name=\"description\" content=\"Pelajari cara aman menangani material berbahaya di Hazmat Warehouse untuk operasi gudang yang efisien dan kepatuhan regulasi.\" \/>\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\/hazmat-warehouse\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hazmat Warehouse: Menangani Material Berbahaya dengan Aman dan Efektif\" \/>\n<meta property=\"og:description\" content=\"Pelajari cara aman menangani material berbahaya di Hazmat Warehouse untuk operasi gudang yang efisien dan kepatuhan regulasi.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/hazmat-warehouse\/\" \/>\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=\"2023-12-14T02:16:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-18T05:58:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/12\/hazmat-warehouse-HashMicro.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"650\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Anatha Ginting\" \/>\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=\"Anatha Ginting\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 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\/hazmat-warehouse\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/hazmat-warehouse\/\"},\"author\":{\"name\":\"Anatha Ginting\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/32b7f9855e47e032269002db366f1a09\"},\"headline\":\"Hazmat Warehouse: Menangani Material Berbahaya dengan Aman dan Efektif\",\"datePublished\":\"2023-12-14T02:16:30+00:00\",\"dateModified\":\"2025-06-18T05:58:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/hazmat-warehouse\/\"},\"wordCount\":1399,\"publisher\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/hazmat-warehouse\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/12\/hazmat-warehouse-HashMicro.png\",\"articleSection\":[\"Warehouse\"],\"inLanguage\":\"id\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/hazmat-warehouse\/\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/hazmat-warehouse\/\",\"name\":\"Hazmat Warehouse: Menangani Material Berbahaya dengan Aman dan Efektif\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/hazmat-warehouse\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/hazmat-warehouse\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/12\/hazmat-warehouse-HashMicro.png\",\"datePublished\":\"2023-12-14T02:16:30+00:00\",\"dateModified\":\"2025-06-18T05:58:28+00:00\",\"description\":\"Pelajari cara aman menangani material berbahaya di Hazmat Warehouse untuk operasi gudang yang efisien dan kepatuhan regulasi.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/hazmat-warehouse\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hashmicro.com\/id\/blog\/hazmat-warehouse\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/hazmat-warehouse\/#primaryimage\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/12\/hazmat-warehouse-HashMicro.png\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/12\/hazmat-warehouse-HashMicro.png\",\"width\":1200,\"height\":650,\"caption\":\"hazmat warehouse\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/hazmat-warehouse\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hashmicro.com\/id\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hazmat Warehouse: Menangani Material Berbahaya dengan Aman dan Efektif\"}]},{\"@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\/32b7f9855e47e032269002db366f1a09\",\"name\":\"Anatha Ginting\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/01a5baa16cb50808f3b9f5bf1e75940409ab0912a720fcd78e68157b9e1d31e3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/01a5baa16cb50808f3b9f5bf1e75940409ab0912a720fcd78e68157b9e1d31e3?s=96&d=mm&r=g\",\"caption\":\"Anatha Ginting\"},\"description\":\"Anatha sudah berpengalaman selama lebih dari 5 tahun dalam mengulas implementasi dan strategi Enterprise Resource Planning (ERP). Dalam setiap tulisannya, ia membahas peran sistem ERP dalam mengintegrasikan data lintas divisi, merapikan proses operasional, serta membantu perusahaan memahami dan mengelola bisnis secara lebih efektif.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/anathag\/\"],\"gender\":\"Perempuan\",\"knowsAbout\":[\"content writing\"],\"knowsLanguage\":[\"Inggris\",\"Indonesia\"],\"jobTitle\":\"Lead Content Writer\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/author\/anatha\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Hazmat Warehouse: Menangani Material Berbahaya dengan Aman dan Efektif","description":"Pelajari cara aman menangani material berbahaya di Hazmat Warehouse untuk operasi gudang yang efisien dan kepatuhan regulasi.","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\/hazmat-warehouse\/","og_locale":"id_ID","og_type":"article","og_title":"Hazmat Warehouse: Menangani Material Berbahaya dengan Aman dan Efektif","og_description":"Pelajari cara aman menangani material berbahaya di Hazmat Warehouse untuk operasi gudang yang efisien dan kepatuhan regulasi.","og_url":"https:\/\/www.hashmicro.com\/id\/blog\/hazmat-warehouse\/","og_site_name":"HashMicro Indonesia","article_publisher":"https:\/\/www.facebook.com\/hashmicro","article_published_time":"2023-12-14T02:16:30+00:00","article_modified_time":"2025-06-18T05:58:28+00:00","og_image":[{"width":1200,"height":650,"url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/12\/hazmat-warehouse-HashMicro.png","type":"image\/png"}],"author":"Anatha Ginting","twitter_card":"summary_large_image","twitter_creator":"@hashmicro","twitter_site":"@hashmicro","twitter_misc":{"Ditulis oleh":"Anatha Ginting","Estimasi waktu membaca":"9 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hashmicro.com\/id\/blog\/hazmat-warehouse\/#article","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/hazmat-warehouse\/"},"author":{"name":"Anatha Ginting","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/32b7f9855e47e032269002db366f1a09"},"headline":"Hazmat Warehouse: Menangani Material Berbahaya dengan Aman dan Efektif","datePublished":"2023-12-14T02:16:30+00:00","dateModified":"2025-06-18T05:58:28+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/hazmat-warehouse\/"},"wordCount":1399,"publisher":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/hazmat-warehouse\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/12\/hazmat-warehouse-HashMicro.png","articleSection":["Warehouse"],"inLanguage":"id"},{"@type":"WebPage","@id":"https:\/\/www.hashmicro.com\/id\/blog\/hazmat-warehouse\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/hazmat-warehouse\/","name":"Hazmat Warehouse: Menangani Material Berbahaya dengan Aman dan Efektif","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/hazmat-warehouse\/#primaryimage"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/hazmat-warehouse\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/12\/hazmat-warehouse-HashMicro.png","datePublished":"2023-12-14T02:16:30+00:00","dateModified":"2025-06-18T05:58:28+00:00","description":"Pelajari cara aman menangani material berbahaya di Hazmat Warehouse untuk operasi gudang yang efisien dan kepatuhan regulasi.","breadcrumb":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/hazmat-warehouse\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hashmicro.com\/id\/blog\/hazmat-warehouse\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/hazmat-warehouse\/#primaryimage","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/12\/hazmat-warehouse-HashMicro.png","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/12\/hazmat-warehouse-HashMicro.png","width":1200,"height":650,"caption":"hazmat warehouse"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hashmicro.com\/id\/blog\/hazmat-warehouse\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hashmicro.com\/id\/blog\/"},{"@type":"ListItem","position":2,"name":"Hazmat Warehouse: Menangani Material Berbahaya dengan Aman dan Efektif"}]},{"@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\/32b7f9855e47e032269002db366f1a09","name":"Anatha Ginting","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/01a5baa16cb50808f3b9f5bf1e75940409ab0912a720fcd78e68157b9e1d31e3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/01a5baa16cb50808f3b9f5bf1e75940409ab0912a720fcd78e68157b9e1d31e3?s=96&d=mm&r=g","caption":"Anatha Ginting"},"description":"Anatha sudah berpengalaman selama lebih dari 5 tahun dalam mengulas implementasi dan strategi Enterprise Resource Planning (ERP). Dalam setiap tulisannya, ia membahas peran sistem ERP dalam mengintegrasikan data lintas divisi, merapikan proses operasional, serta membantu perusahaan memahami dan mengelola bisnis secara lebih efektif.","sameAs":["https:\/\/www.linkedin.com\/in\/anathag\/"],"gender":"Perempuan","knowsAbout":["content writing"],"knowsLanguage":["Inggris","Indonesia"],"jobTitle":"Lead Content Writer","url":"https:\/\/www.hashmicro.com\/id\/blog\/author\/anatha\/"}]}},"focus_keyword":"Hazmat Warehouse","order_j":"","_links":{"self":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/128911","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\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/comments?post=128911"}],"version-history":[{"count":21,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/128911\/revisions"}],"predecessor-version":[{"id":163691,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/128911\/revisions\/163691"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media\/134129"}],"wp:attachment":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=128911"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/categories?post=128911"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/tags?post=128911"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}