{"id":191263,"date":"2026-03-25T10:28:00","date_gmt":"2026-03-25T03:28:00","guid":{"rendered":"https:\/\/www.hashmicro.com\/id\/blog\/?p=191263"},"modified":"2026-04-21T08:26:45","modified_gmt":"2026-04-21T01:26:45","slug":"contoh-slip-gaji-karyawan-outsourcing","status":"publish","type":"post","link":"https:\/\/www.hashmicro.com\/id\/blog\/contoh-slip-gaji-karyawan-outsourcing\/","title":{"rendered":"10+ Contoh Slip Gaji Karyawan Swasta serta Templatenya"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Slip gaji karyawan merupakan dokumen yang tidak terpisahkan dari proses penggajian perusahaan. Dalam operasional bisnis yang makin cepat, slip gaji justru menjadi dokumen penting untuk menjaga transparansi, merapikan administrasi <\/span><i><span style=\"font-weight: 400;\">payroll<\/span><\/i><span style=\"font-weight: 400;\">, dan membantu karyawan memahami hak yang mereka terima dengan jelas.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Bagi perusahaan, slip gaji memastikan proses pembayaran gaji atau upah tercatat dengan rapi. Bagi karyawan, dokumen ini memudahkan pengecekan gaji pokok, tunjangan, potongan PPh 21, hingga iuran BPJS yang memengaruhi nominal akhir yang masuk ke rekening. Bukti pembayaran upah juga menjadi bagian penting dalam administrasi ketenagakerjaan dan kepatuhan perusahaan.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Hal yang sama juga berlaku pada karyawan <\/span><i><span style=\"font-weight: 400;\">outsourcing<\/span><\/i><span style=\"font-weight: 400;\">. Bahkan, dalam praktiknya, slip gaji untuk tenaga<\/span><i><span style=\"font-weight: 400;\"> outsourcing<\/span><\/i><span style=\"font-weight: 400;\"> seringkali membutuhkan detail yang lebih jelas karena hubungan kerja <\/span><i><span style=\"font-weight: 400;\">outsourcing<\/span><\/i><span style=\"font-weight: 400;\"> biasanya melibatkan lebih dari satu pihak, yaitu perusahaan penyedia tenaga kerja, perusahaan pengguna jasa, dan karyawan itu sendiri. Karena itu, slip gaji outsourcing perlu tersusun lebih rapi<\/span><span style=\"font-weight: 400;\"> agar tidak menimbulkan salah paham mengenai komponen gaji, penempatan kerja, lembur, tunjangan, maupun potongan yang berlaku.<\/span><\/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=\"#memahami-apa-itu-slip-gaji-karyawan\">Slip gaji<\/a> bukan hanya bukti pembayaran upah, tetapi juga penting bagi perusahaan dalam menjaga transparansi, ketertiban administrasi, dan kejelasan hak karyawan.<\/p><\/div><div class=\"item\">    <div class=\"circle\"><\/div>    <p>Slip gaji karyawan outsourcing harus memiliki elemen seperti <a href=\"#elemen-utama-slip-gaji-karyawan\">nama perusahaan vendor, lokasi penempatan karyawan, dan status hubungan kerja outsourcing<\/a> agar karyawan mengetahui darimana gaji berasal dan lokasi kerjanya.<\/p><\/div><div class=\"item\">    <div class=\"circle\"><\/div>    <p>Saat proses penggajian semakin kompleks, penggunaan <a href=\"#tips-membuat-slip-gaji-yang-efisien-dan-tepat-guna\">slip gaji digital dan software payroll<\/a> membantu perusahaan menentukan dan menghitung payroll dengan lebih cepat dan akurat.<\/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<div id=\"toc_group_article\" style=''>\r\n\t<p style='font-size:25px;font-weight:bold; margin-bottom:0px'>\r\n\t\tDaftar Isi:\r\n\t<\/p>\r\n\t<ul id=\"list_toc\" class='list_toc'><\/ul>\r\n<\/div>\r\n\r\n<div id=\"placeholder-toc\"><\/div>\r\n<div id=\"toc\">\r\n    <div class=\"header\">\r\n\t<span class=\"toc-title\" id=\"toc-title\">Daftar Isi<\/span>\t\r\n\t <i class=\"toc-icon\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"header-icon\">\r\n          <path d=\"m6 9 6 6 6-6\" \/>\r\n        <\/svg>\r\n      <\/i>\r\n\t<\/div>\r\n    <div class=\"list\">\r\n      <ul id=\"toc-list\"><\/ul>\r\n    <\/div>\r\n <\/div>\r\n\r\n<style>\r\n\/* Simple styling for the TOC *\/\r\n\t\r\n\t#toc ul li:last-child {\r\n    padding-bottom: 16px; \/* Adjust the value as needed *\/\r\n}\r\n\r\n.td-fix-index {\r\n\t transform: unset !important;\r\n     -webkit-transform: unset !important; \r\n}\r\n.footer-contact .td-fix-index {\r\n\t transform: translateZ(0) !important;\r\n     -webkit-transform: translateZ(0) !important; \r\n}\r\n\t.tdb_single_content .tdb-block-inner.td-fix-index{\r\n\t\tposition: static;\r\n\t}\r\n\t\r\n\r\n\r\n\t\r\n#toc {\r\n  background-color: #FFF;\r\n\tpadding: 17px 24px 0px 24px !important;\r\n  margin-bottom: 20px;\r\n\/*   border: 1px solid #9C171E; *\/\r\n  border-radius: 6px;\r\n\tdisplay: none;\r\n  max-width: 100%;\r\n  transition: .4s ease height;\r\n\tmargin-left: 0;\r\n\toverflow: hidden;\r\n}\r\n\r\n#toc .header{\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\tbackground-color: transparent;\r\n}\r\n\t\r\n\t#toc.sticky .header{\r\n\t\tpadding: 4px 0;\r\n\t}\r\n\t\r\n.header p{\r\n  font-size: 18px !important;\r\n  font-weight: 600 !important;\r\n  color: #393939;\r\n   margin-bottom: 0;\r\n  \/* margin-top: 20px; *\/\r\n}\r\n\r\n.toc-icon{\r\n  float: right;\r\n\/*   visibility: hidden; *\/\r\n}\r\n\r\n\t.toc-title{\r\n\t\tmargin-right: auto;\r\n\/* \t\tpadding-left: 20px; *\/\r\n\t\tfont-weight: 600;\r\n\t\talign-self: center;\t}\t\r\n\r\n#toc ul {\r\n  list-style-type: none;\r\n  padding-left: 0;\r\n}\r\n\t\r\n#toc.sticky ul{\r\n\toverflow-y: auto;\r\n\tmax-height: 250px;\r\n\tmargin-top: 0px;\r\n\tpadding-top: 20px;\r\n\/* \tborder-top: 1px solid #d3d3d3; *\/\r\n}\r\n\t\r\n#toc ul li {\r\n\/*   margin-bottom: 10px; *\/\r\n  margin-bottom: 10px;\r\n\tmargin-left: 0;\r\n\ttransition: .2s ease;\r\n\tcursor: pointer;\r\n}\r\n\t\r\n\t#toc.sticky ul li {\r\n\t  margin-right: 10px;\r\n\t}\r\n\t\r\n.td-post-content #toc-list li a:hover, .td-post-content #toc-list a.active{\r\n\tbackground-color: #FFF;\r\n\/* \tpadding: 8px 16px 8px 16px; *\/\r\n\tpadding: 4px 16px 4px 16px;\r\n\tborder-radius: 6px;\r\n\tcolor: #9c171e !important;\r\n\tfont-weight: 600 !important;\r\n}\r\n\t\r\n\t.td-post-content #toc-list li:hover a, .td-post-content #toc-list a.active{\r\n\t\tcolor: #9C171E !important;\r\n\t\tfont-weight: 600 !important;\r\n\t}\r\n\t\r\n.td-post-content #toc-list a.active{\r\n\tfont-weight: bold !important;\r\n\tcolor: #9C171E !important;\r\n}\r\n\t\r\n#toc a, .td-post-content #toc-list a {\r\n  text-decoration: none;\r\n  color: #ea1717 !important;\r\n  transition: .2s ease;\r\n\tfont-weight: 400 !important;\r\n\tdisplay: block;\r\n\t\r\n\tpadding: 4px 16px 4px 0;\r\n}\r\n\r\n#toc.sticky {\r\n  position: fixed;\r\n\/*   top: 73px; *\/\r\n\tbottom: 0;\r\n  z-index: 100; \r\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1); \r\n\twidth: 100%; \r\n\tbackground-color: #FFF;\r\n\/* \tbackground-color: #FFF1F1; *\/\r\n\tborder-bottom: 1px solid #ea1717;\r\n\/*   border: 1px solid #393939; *\/\r\n  box-shadow: 0px 0px 14px 0px #00000040;\r\n  cursor: pointer;\r\n\tanimation: fadein .3s ease;\r\n\tpadding: 12px 16px !important;\r\n}\r\n\t\r\n\t.fadein{\r\n\t\tanimation: fadein .3s ease;\r\n\t}\r\n\t\r\n\t.fadeout{\r\n\t\tanimation: fadeout .3s ease;\r\n\t}\r\n\t\r\n\t\r\n\t@keyframes fadein{\r\n\t\t0% {\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t\t100%{\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@keyframes fadeout{\r\n\t\t0% {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t\t100%{\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t\r\n#toc.sticky .header p{\r\n\tmargin-bottom: 10px;\r\n\tmargin-top: 10px;\r\n}\r\n\r\n#toc.sticky .toc-icon{\r\n  visibility: visible;\r\n\/* \ttransition: 0.4s ease; *\/\r\n}\r\n\t\r\n\t.toc-icon{\r\n\t\talign-items: center;\r\n    \tdisplay: flex;\r\n\t}\r\n\t\r\n\tsvg.header-icon{\r\n\/* \t\tbackground-color: #9c171e; *\/\r\n\t\tbackground-color: #FFF;\r\n\t\tborder-radius: 30px;\r\n\t\tpadding: 5px;\r\n\t}\r\n\r\n#toc.sticky .list{\r\n\/*   max-height: 0; *\/\r\n  transition: height 0.4s ease;\r\n}\r\n\t\r\n\t#toc .list{\r\n\/*   max-height: 0; *\/\r\n  transition: height 0.4s ease;\r\n}\r\n\r\n#toc .header.active .toc-icon{\r\n\ttransform: rotate(0deg); \r\n\topacity: 1;\r\n}\r\n\r\n\t#toc .header.active + .list {\r\n\t  max-height: 200px; \/* Adjust this value as needed *\/\r\n\t  opacity: 1;\r\n\t}\r\n\t\r\n\t#placeholder-toc{\r\n\/* \t\tdisplay: none; *\/\r\n\t}\r\n\t\r\n\t@media (min-width: 768px) and (max-width: 991px){\r\n\t\t#toc.sticky{\r\n\/* \t\t\ttop: 104px; *\/\r\n\t\t\tbottom: 0px;\r\n\t\t}\r\n\t\t\r\n\t\t#toc{\r\n\t\t\twidth: unset !important;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width: 767px){\r\n\t\t#toc{\r\n\t\t\twidth: 100% !important;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t\t\r\n\t\t#toc.sticky{\r\n\t\t\twidth: 90% !important;\r\n\/* \t\t\ttop: 81px; *\/\r\n\t\t\tbottom: 60px;\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t\tpadding: 0 16px;\r\n\t\t\tright: 5%;\r\n\t\t}\r\n\t}\r\n\t\r\n\t<\/style>\r\n\r\n<style>\r\n\t#list_toc li {margin-bottom: 0;margin-top: 5px;}\r\n\t#list_toc > li > ul {padding-left: 20px;margin-bottom: 0;}\r\n\t#list_toc{height:max-content;transition:ease-in-out}\r\n\t#list_toc li {margin-bottom: 0;margin-top: 5px;}\r\n\t#list_toc_float li.active > a {color:#b1252d;background: #ffe1e3;}\r\n\t#list_toc_float li a {padding:3px 7px}\r\n\t#list_toc_float li a {\r\n\t\tdisplay: block;\r\n\t\tcolor:#000;\r\n\t\tmargin-bottom: 10px;\r\n\t\ttransition:all 0.2s ease-in-out;\r\n\t\tfont-size:15px\r\n\t}\r\n\t#list_toc_float li{list-style:none;list-style-position:inside; margin-left:0;}\r\n\t#list_toc_float a:hover{color:#b1252d;}\r\n\t\r\n\t#list_toc_float li a{margin-bottom:0px}\r\n\t#toc_group_float{\r\n\t\tline-height: 24px;\r\n\t\tmax-height: calc(100vh - 100px);\r\n\t\toverflow: auto;\r\n\t\tz-index: 99;\r\n\t\tdisplay:none!important;\r\n\t\tbackground:#fff;\r\n\t\ttransition:all 0.5s linear\r\n\t}\r\n\t\r\n\t@media (min-width:1019px){\r\n\t\t#toc_group_float {\r\n\t\t\tdisplay:block!important;\r\n\t\t\t}\r\n\t\t#toc_group_article {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width:768px){\r\n\t\t#toc_group_article {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t}\r\n\t\r\n\t \/* custom scrollbar style *\/\r\n::-webkit-scrollbar {\r\n    width: 7px;\r\n}\r\n::-webkit-scrollbar-track {\r\n    background: #d7a2a4;\r\n}\r\n::-webkit-scrollbar-thumb {\r\n    background: #b1252d;\r\n    border-radius: 15px;\r\n}\t\t\r\n\r\n<\/style>\r\n\r\n<script>\r\n\tdocument.addEventListener('DOMContentLoaded', function() {\r\n\t\t\/\/ Fungsi untuk menangani klik pada semua elemen <a> dengan href yang dimulai dengan #\r\n\t\tfunction handleTitleClick(event) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\tconst targetId = this.getAttribute('href').substring(1);\r\n\t\t\tconst targetElement = document.getElementById(targetId);\r\n\r\n\t\t\tif (targetElement) {\r\n\t\t\t\tconst headerHeight = document.querySelector('#toc .header').offsetHeight;\r\n\t\t\t\tconst navbarHeight = document.getElementById('tdi_34') ? document.getElementById('tdi_34').offsetHeight : 0;\r\n\t\t\t\tconst windowHeight = window.innerHeight;\r\n\t\t\t\tconst targetOffset = targetElement.offsetTop;\r\n\t\t\t\tconst scrollTo = targetOffset + (windowHeight \/ 2) + (headerHeight) - navbarHeight - 40;\r\n\r\n\t\t\t\twindow.scrollTo({\r\n\t\t\t\t\ttop: scrollTo,\r\n\t\t\t\t\tbehavior: 'smooth'\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\/\/ Tambahkan event listener untuk semua elemen <a> di toc-list dan list-toc\r\n\t\tconst titleLinks = document.querySelectorAll('#toc-list a, #list_toc a');\r\n\t\ttitleLinks.forEach(link => {\r\n\t\t\tlink.addEventListener('click', handleTitleClick);\r\n\t\t});\r\n\t});\r\n<\/script>\r\n\r\n<!-- ToC List for mobile -->\r\n<script>\r\n \/\/ Generate TOC based on headings\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  \/\/ Get the element that will contain the TOC\r\n  const tocList = document.getElementById('toc-list');\r\n\r\n  \/\/ Get the element with the ID 'article-left'\r\n  const article = document.querySelector('.td-post-content');\r\n\r\n  \/\/ Find all h2 elements within 'myarticle'\r\n  const headers = article.getElementsByTagName('h2');\r\n\r\n  \/\/ Loop through the h2 elements and create a list item for each one\r\n  for (let i = 0; i < headers.length; i++) {\r\n    const header = headers[i];\r\n    const headerText = header.textContent;\r\n\/\/     const headerId = 'header-' + i;\r\n    const headerId = headerText\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(\/[^\\w\\s-]\/g, '')  \/\/ hapus tanda baca\r\n    .replace(\/\\s+\/g, '-'); \/\/ ganti spasi jadi \"-\"\r\n\r\n    \/\/ Set an ID for the header if it doesn't have one\r\n    header.setAttribute('id', headerId);\r\n\r\n    \/\/ Create a list item for the TOC\r\n    const listItem = document.createElement('li');\r\n\r\n    \/\/ Create a link for the list item\r\n    const link = document.createElement('a');\r\n    link.setAttribute('href', '#' + headerId);\r\n    link.textContent = headerText;\r\n\r\n    \/\/ Append the link to the list item\r\n    listItem.appendChild(link);\r\n\r\n    \/\/ Append the list item to the TOC list\r\n    tocList.appendChild(listItem);\r\n  }\r\n});\r\n\r\n\/\/ Keep height and placement of content using placeholder in place of TOC\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const toc = document.querySelector('#toc');\r\n  const placeholderToc = document.querySelector('#placeholder-toc');\r\n\r\n  function setPlaceholderHeight() {\r\n    placeholderToc.style.height = `${toc.offsetHeight}px`;\r\n  }\r\n\r\n  \/\/ Set the initial height of the placeholder\r\n  setPlaceholderHeight();\r\n\r\n  \/\/ Update the height on window resize\r\n  window.addEventListener('resize', setPlaceholderHeight);\r\n});\r\n  const tocTitle = document.querySelector('#toc-title'); \/\/ Assuming header-faq is the element for TOC title\r\n\r\n\/\/ Sticky TOC and update heading\r\n\/\/ document.addEventListener(\"DOMContentLoaded\", function() {\r\n\/\/   const toc = document.querySelector('#toc');\r\n\/\/   const footer = document.querySelector('.td-footer-template-wrap');\r\n\/\/   const tocParent = toc.parentElement;\r\n\/\/   const divTop = tocParent.getBoundingClientRect().top + window.pageYOffset;\r\n\/\/   const tocHeight = toc.offsetHeight;\r\n\/\/   const triggerPoint = divTop + tocHeight + 700;\r\n\/\/   const footerHeight = footer.offsetHeight;\r\n\/\/   const triggerFooterPoint = footer.getBoundingClientRect().top + window.pageYOffset - footerHeight - footerHeight - footerHeight;\r\n\/\/   const phtoc = document.querySelector('#placeholder-toc');\r\n\/\/   const headers = document.querySelectorAll('.td-post-content h2');\r\n\/\/   const navLinks = document.querySelectorAll('#toc-list a');\r\n\t\r\n\/\/ \tconst panel2 = document.querySelector(\"#toc .list\");\r\n\/\/ \tvar icon = document.querySelector(\".toc-icon\");\r\n\r\n\/\/   let activeLink = null; \/\/ Declare activeLink outside the loop\r\n\t\r\n\/\/   \/\/ Function to handle scroll and add\/remove .sticky class\r\n\/\/   function handleScroll() {\r\n\/\/     const windowTop = window.pageYOffset || document.documentElement.scrollTop;\r\n\/\/     let currentHeader = '';\r\n\r\n\/\/     \/\/ Highlight user progress as the heading comes\r\n\/\/     headers.forEach(header => {\r\n\/\/ \t\tconst headerTop = header.offsetTop;\r\n\/\/ \t\tconst headerHeight = header.clientHeight;\r\n\/\/ \/\/ \t\tif (window.scrollY >= (headerTop - headerHeight + 700)) {\r\n\/\/ \/\/ \t\t\tconst currentHeaderId = header.getAttribute('id');\r\n\/\/ \/\/ \t\t\tconst currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n\/\/ \/\/ \t\t\tconsole.log(\"current header text:\", currentHeaderText);\r\n\/\/ \/\/ \t\t\ttocTitle.textContent = currentHeaderText;\r\n\/\/ \/\/ \t\t\tcurrentHeader = currentHeaderId;\r\n\t\t\t\r\n\/\/ \/\/ \t\t\tif(window.innerWidth < 767){\r\n\/\/ \/\/ \t\t\t\ttocTitle.textContent = 'Daftar Isi';\r\n\/\/ \/\/ \t\t\t}\r\n\/\/ \/\/ \t\t}\r\n\/\/ \t\tif(window.innerWidth < 767){\r\n\/\/ \t\t\ttocTitle.textContent = 'Daftar Isi'; \/\/ Selalu pertahankan judul ini di mobile\r\n\/\/ \t\t} else {\r\n\/\/ \t\t\tif (window.scrollY >= (headerTop - headerHeight + 700)) {\r\n\/\/ \t\t\t\tconst currentHeaderId = header.getAttribute('id');\r\n\/\/ \t\t\t\tconst currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n\/\/ \t\t\t\ttocTitle.textContent = currentHeaderText;\r\n\/\/ \t\t\t\tcurrentHeader = currentHeaderId;\r\n\/\/ \t\t\t}\r\n\/\/ \t\t}\r\n\/\/ \t});\r\n\r\n\/\/     navLinks.forEach(link => {\r\n\/\/       link.classList.remove('active');\r\n\/\/       if(currentHeader != '') {\r\n\/\/ \t\t  if (link.getAttribute('href').includes(currentHeader)) {\r\n\/\/ \t\t\t  link.classList.add('active');\r\n\/\/ \t\t  }\r\n\/\/ \t  }\r\n\/\/     });\r\n\/\/ \/\/     if (windowTop < triggerFooterPoint) {\r\n\/\/ \/\/         toc.style.display = 'block';\r\n\/\/ \/\/ \t}else{\r\n\/\/ \/\/         toc.style.display = 'none';\r\n\/\/ \/\/ \t}\r\n\/\/     \/\/ Update TOC title if sticky\r\n\/\/     if (windowTop > triggerPoint) {\r\n\/\/       if (!toc.classList.contains('sticky')) {\r\n\/\/         phtoc.style.display = \"block\";\r\n\/\/         toc.classList.add('sticky');\r\n\/\/         toc.style.width = `${tocParent.offsetWidth}px`; \/\/ Set width to match the parent element\r\n\/\/         toc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/         toc.style.backgroundColor = \"#FFF\";\r\n\/\/ \t\tpanel2.style.height = '0px';\r\n\/\/ \t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \t\t  if(window.innerWidth < 767){\r\n\/\/ \/\/ \t\t\t  const tocs = document.querySelector('#toc.sticky');\r\n\/\/ \t\t\t  tocTitle.textContent = 'Daftar Isi'; \/\/ Reset title\r\n\/\/        \t\t  toc.style.width = '150px'; \/\/ Set width to match the parent element\r\n\/\/ \t\t  }\r\n\/\/       }\r\n\/\/       if (currentHeader) {\r\n\/\/ \/\/         console.log(\"activeLink:\", activeLink);\r\n\/\/         if (activeLink) {\r\n\/\/ \/\/           tocTitle.textContent = activeLink.textContent; \/\/ Update TOC title\r\n\/\/           tocTitle.textContent = activeLink ? activeLink.textContent : \"\"; \/\/ Update title only if activeLink exists\r\n\/\/         }\r\n\/\/       }\r\n\/\/     } else {\r\n\/\/       toc.classList.remove('sticky');\r\n\/\/       phtoc.style.display = \"none\";\r\n\/\/       toc.style.width = 'unset'; \/\/ Reset to original width\r\n\/\/       toc.style.backgroundColor = \"#FFF\";\r\n\/\/       tocTitle.textContent = 'Daftar isi'; \/\/ Reset title\r\n\/\/ \t\tpanel2.style.height = panel2.scrollHeight + \"px\";\r\n\/\/ \t\ticon.style.transform = \"rotate(180deg)\";\r\n\/\/     }\r\n\/\/   }\r\n\r\n\/\/     \/\/ Attach the scroll event listener to the window\r\n\/\/     window.addEventListener('scroll', handleScroll);\r\n\r\n\/\/     \/\/ Initial call to handleScroll to set the correct state on load\r\n\/\/     handleScroll();\r\n\/\/ });\r\n\t\r\n\/\/ \t\/\/ Open toggle TOC\r\n\/\/ \t  document.addEventListener(\"DOMContentLoaded\", function() {\r\n\/\/ \t\tvar tocHeader = document.querySelector(\"#toc .header\");\r\n\/\/ \t\tvar toc = document.querySelector(\"#toc\");\r\n\/\/ \t\tvar icon = document.querySelector(\".toc-icon\");\r\n\/\/ \t\tconst tocTitle = document.querySelector('#toc-title');\r\n\/\/ \t\tconst tocs = document.querySelector('#toc.sticky');\r\n\/\/  \t\tconst tocParent = toc.parentElement;\t\t  \r\n\r\n\/\/ \t\t  tocHeader.addEventListener(\"click\", function() {\r\n\/\/ \t\t\tvar panel = this.nextElementSibling;\r\n\/\/ \t\t\tif (panel.style.height !== '0px') { \/\/ Check if height is not 0px\r\n\/\/ \t\t\t  panel.style.height = '0px'; \/\/ Set height to 0 for full collapse\r\n\/\/ \t\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \/\/ \t\t\t\ttoc.style.paddingBottom = '6px'; \r\n\/\/ \t\t\t\tif(window.innerWidth > 768){\r\n\/\/ \t\t\t\t\tif(!toc.classList.contains('sticky')){\r\n\/\/ \t\t\t\t\t\ttoc.style.width = \"unset\";\r\n\/\/ \/\/ \t\t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/ \t\t\t\t\t}\r\n\/\/ \t\t\t\t\tif (toc.classList.contains('sticky')){\r\n\/\/ \t\t\t\t\t\ttoc.style.width = '${tocParent.offsetWidth}px';\r\n\/\/ \t\t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/ \t\t\t\t\t}\r\n\/\/ \t\t\t\t}\r\n\/\/ \t\t\t\tif(window.innerWidth < 767){\r\n\/\/ \t\t\t\t\ttoc.style.width = \"unset\"; \/\/ Reset width\r\n\/\/ \t\t\t\t}\r\n\/\/ \t\t\t\ttoc.style.backgroundColor = \"#FFF1F1\";\r\n\/\/ \t\t\t} else {\r\n\/\/ \t\t\t  panel.style.height = panel.scrollHeight + \"px\";\r\n\/\/ \t\t\t  icon.style.transform = \"rotate(0deg)\";\r\n\/\/ \t\t\t  toc.style.backgroundColor = \"#FFF\";\r\n\/\/ \t\t\t  tocTitle.textContent = 'Daftar isi'; \/\/ Reset title\r\n\/\/ \t\t\t\ttoc.style.paddingBottom = '24px';\r\n\/\/ \t\t\t \tif(window.innerWidth < 767){\r\n\/\/ \t\t\t\t\ttoc.style.width = `${tocParent.offsetWidth}px`; \/\/ Set width to match the parent element\r\n\/\/ \t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/ \t\t\t\t}\r\n\/\/ \t\t\t}\r\n\/\/ \t\t  });\r\n\r\n\/\/ \t\t  \/\/ Close TOC when a link inside it is clicked\r\n\/\/ \t\t  var tocLinks = document.querySelectorAll(\"#toc .list a\");\r\n\/\/ \t\t  tocLinks.forEach(function(link) {\r\n\/\/ \t\t\tlink.addEventListener(\"click\", function() {\r\n\/\/ \t\t\t  var panel = document.querySelector(\"#toc .list\");\r\n\/\/ \t\t\t  panel.style.height = '0px'; \/\/ Set height to 0 for full collapse\r\n\/\/ \t\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \t\t\t  toc.style.backgroundColor = \"#FFF\";\r\n\/\/ \t\t\t});\r\n\/\/ \t\t  });\r\n\/\/ \t\t});\r\n\r\n\/\/ START new JS for ToC improvements\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const toc = document.querySelector('#toc');\r\n  const footer = document.querySelector('.td-footer-template-wrap');\r\n  const tocParent = toc.parentElement;\r\n  const divTop = tocParent.getBoundingClientRect().top + window.pageYOffset;\r\n  const tocHeight = toc.offsetHeight;\r\n  const triggerPoint = divTop + tocHeight + 1750;\r\n\tconsole.log(triggerPoint)\r\n  const footerHeight = footer.offsetHeight;\r\n  const triggerFooterPoint = footer.getBoundingClientRect().top + window.pageYOffset - footerHeight*3;\r\n  const phtoc = document.querySelector('#placeholder-toc');\r\n  const headers = document.querySelectorAll('.td-post-content h2');\r\n  const navLinks = document.querySelectorAll('#toc-list a');\r\n  \r\n  const panel2 = document.querySelector(\"#toc .list\");\r\n  const icon = document.querySelector(\".toc-icon\");\r\n  const tocTitle = document.querySelector('#toc-title');\r\n\r\n  let activeLink = null;\r\n  let userClosedTOC = false; \/\/ Flag user menutup TOC\r\n\r\n  function handleScroll() {\r\n    const windowTop = window.pageYOffset || document.documentElement.scrollTop;\r\n    let currentHeader = '';\r\n\r\n    \/\/ Update TOC title sesuai header yang terlihat\r\n    headers.forEach(header => {\r\n      const headerTop = header.offsetTop;\r\n      const headerHeight = header.clientHeight;\r\n      if(window.innerWidth < 767){\r\n        tocTitle.textContent = 'Daftar Isi'; \r\n      } else {\r\n        if (window.scrollY >= (headerTop - headerHeight + 1750)) {\r\n          const currentHeaderId = header.getAttribute('id');\r\n          const currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n          tocTitle.textContent = currentHeaderText;\r\n          currentHeader = currentHeaderId;\r\n        }\r\n      }\r\n    });\r\n\r\n    navLinks.forEach(link => {\r\n      link.classList.remove('active');\r\n      if(currentHeader && link.getAttribute('href').includes(currentHeader)) {\r\n        link.classList.add('active');\r\n      }\r\n    });\r\n\r\n    if (windowTop > triggerPoint) {\r\n      if (!toc.classList.contains('sticky')) {\r\n        phtoc.style.display = \"block\";\r\n        toc.classList.add('sticky');\r\n        toc.style.width = `${tocParent.offsetWidth}px`;\r\n        toc.style.backgroundColor = \"#FFF\";\r\n        \/\/ Saat sticky, TOC otomatis tertutup\r\n        panel2.style.height = '0px';\r\n        icon.style.transform = \"rotate(180deg)\";\r\n        userClosedTOC = true; \/\/ Set flag supaya tidak terbuka saat scroll\r\n      }\r\n      \r\n      if(window.innerWidth < 767){\r\n        tocTitle.textContent = 'Daftar Isi'; \r\n        toc.style.width = '150px';\r\n      }\r\n\r\n    } else {\r\n      toc.classList.remove('sticky');\r\n      phtoc.style.display = \"none\";\r\n      toc.style.width = 'unset';\r\n      toc.style.backgroundColor = \"#FFF\";\r\n      tocTitle.textContent = 'Daftar isi'; \r\n\r\n      \/\/ Kembalikan panel jika user belum menutup manual\r\n      if(!userClosedTOC) {\r\n        panel2.style.height = panel2.scrollHeight + \"px\";\r\n        icon.style.transform = \"rotate(0deg)\";\r\n      }\r\n    }\r\n  }\r\n\r\n  window.addEventListener('scroll', handleScroll);\r\n  handleScroll();\r\n\r\n  \/\/ Toggle TOC saat user klik\r\n  const tocHeader = document.querySelector(\"#toc .header\");\r\n  tocHeader.addEventListener(\"click\", function() {\r\n    const panel = panel2;\r\n    if (panel.style.height !== '0px') {\r\n      panel.style.height = '0px';\r\n      icon.style.transform = \"rotate(180deg)\";\r\n      userClosedTOC = true;\r\n    } else {\r\n      panel.style.height = panel.scrollHeight + \"px\";\r\n      icon.style.transform = \"rotate(0deg)\";\r\n      userClosedTOC = false;\r\n    }\r\n  });\r\n\r\n  \/\/ Close TOC saat link diklik\r\n  document.querySelectorAll(\"#toc .list a\").forEach(link => {\r\n    link.addEventListener(\"click\", function() {\r\n      panel2.style.height = '0px';\r\n      icon.style.transform = \"rotate(180deg)\";\r\n      userClosedTOC = true;\r\n    });\r\n  });\r\n});\r\n\/\/ END new JS for ToC improvements\r\n\r\n\t\r\n\/\/ \tmake the heading at the center of the viewport\r\n\/\/ \tdocument.addEventListener('DOMContentLoaded', function() {\r\n\/\/     \/\/ Add click event listener to all links in the TOC list\r\n\/\/     document.querySelectorAll('#toc-list a').forEach(anchor => {\r\n\/\/         anchor.addEventListener('click', function (e) {\r\n\/\/             e.preventDefault(); \/\/ Prevent the default behavior of jumping to the anchor\r\n\/\/ \/\/ \t\t\tconsole.log(\"prevent default\");\r\n\/\/             const targetId = this.getAttribute('href').substring(1); \/\/ Get the ID of the target element\r\n\/\/             const targetElement = document.getElementById(targetId); \/\/ Get the target element\r\n\r\n\/\/             if (targetElement) {\r\n\/\/                 const headerHeight = document.querySelector('#toc .header').offsetHeight; \/\/ Get the height of the fixed header\r\n\/\/                 const windowHeight = window.innerHeight; \/\/ Get the height of the viewport\r\n\/\/                 const targetOffset = targetElement.offsetTop; \/\/ Get the top offset of the target element\r\n\/\/                 const scrollTo = targetOffset + (windowHeight \/ 2) + (headerHeight); \/\/ Calculate the scroll position to center the target element\r\n\r\n\/\/                 \/\/ Scroll to the calculated position smoothly\r\n\/\/                 window.scrollTo({\r\n\/\/                     top: scrollTo,\r\n\/\/                     behavior: 'smooth'\r\n\/\/                 });\r\n\/\/             }\r\n\/\/         });\r\n\/\/     });\r\n\/\/ });\r\n<\/script>\r\n\r\n<script>\r\n    \/\/ Scrollspy function to highlight the active TOC item based on the scroll position\r\n  function scrollSpy(tocClass) {\r\n    const scrollPosition = window.scrollY;\r\n\r\n    \/\/ Find the active h2 and h3 headings based on their position in the corresponding TOC\r\n    let activeH2 = null;\r\n    let activeH3 = null;\r\n\r\n    const tocItems = document.querySelectorAll(`.${tocClass} li`);\r\n    tocItems.forEach(item => {\r\n      const a = item.querySelector('a');\r\n      if (!a) return;\r\n      const href = a.getAttribute('href');\r\n      const targetId = href.substring(1); \/\/ Remove the '#' from the href to get the target ID\r\n      const targetElement = document.getElementById(targetId);\r\n      if (!targetElement) return;\r\n\r\n      const targetTop = targetElement.getBoundingClientRect().top + scrollPosition;\r\n      const nextItem = item.nextElementSibling;\r\n      const nextTop = nextItem ? nextItem.getBoundingClientRect().top + scrollPosition : Infinity;\r\n\r\n      if (targetTop <= scrollPosition + 150) {\r\n        if (a.parentElement.parentElement === tocItems) {\r\n          \/\/ The h2 heading is at the root level of the TOC\r\n          activeH2 = { id: targetId, level: 'h2' };\r\n        } \r\n\t\t  else {\r\n          \/\/ The h3 heading is nested under an h2 heading\r\n          const parentH2 = a.parentElement.parentElement.previousElementSibling;\r\n          if (parentH2) {\r\n            const h2Link = parentH2.querySelector('a');\r\n            if (h2Link) {\r\n              const h2Href = h2Link.getAttribute('href');\r\n              const h2Id = h2Href.substring(1);\r\n              activeH2 = { id: h2Id, level: 'h2' };\r\n            }\r\n          }\r\n          activeH3 = { id: targetId, level: 'h3' };\r\n        }\r\n      }\r\n\r\n      if (targetTop > scrollPosition + 150 && nextTop > scrollPosition + 150 && !activeH3) {\r\n        \/\/ Reset the activeH2 when there are no more active h3 headings\r\n        activeH2 = null;\r\n      }\r\n    });\r\n\r\n    \/\/ Update the active state for the TOC items\r\n    tocItems.forEach(item => {\r\n      item.classList.remove('active');\r\n      const a = item.querySelector('a');\r\n      if (a) {\r\n        const href = a.getAttribute('href');\r\n        const targetId = href.substring(1);\r\n        if ((activeH2 && activeH2.id === targetId) || (activeH3 && activeH3.id === targetId)) {\r\n          item.classList.add('active');\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ Call scrollSpy for each TOC on window scroll\r\n  const tocClasses = ['list_toc', 'list_toc_float']; \/\/ Add other TOC class names here if you have more than two instances\r\n  tocClasses.forEach(tocClass => {\r\n    window.addEventListener('scroll', () => scrollSpy(tocClass));\r\n  });\r\n<\/script>\r\n\r\n<!-- ToC List for desktop side bar, diganti jadi inject by php, di code snippet \"Sidebar Accordion\" -->\r\n<!-- <script>\r\n\tdocument.addEventListener(\"DOMContentLoaded\", function() {\r\n\r\n        \/\/ Fungsi untuk membuat nested list\r\n        function createNestedList(parentNode, children) {\r\n            if (children.length === 0) return;\r\n\r\n            const nestedUl = document.createElement('ul');\r\n            children.forEach(child => {\r\n                const nestedLi = document.createElement('li');\r\n                const nestedA = document.createElement('a');\r\n                nestedA.textContent = child.title;\r\n                nestedA.href = `#${child.id}`;\r\n                nestedLi.appendChild(nestedA);\r\n                nestedUl.appendChild(nestedLi);\r\n\r\n                if (child.children.length > 0) {\r\n                    createNestedList(nestedLi, child.children);\r\n                }\r\n            });\r\n\r\n            parentNode.appendChild(nestedUl);\r\n        }\r\n\r\n        \/\/ Membuat objek untuk menyimpan daftar h2 dan h3 beserta judulnya\r\n        const headings = [];\r\n\r\n           \/\/ Mengambil semua elemen h2 dan h3\r\n        \/\/ Mengambil semua elemen h2 dan h3\r\n\t\tconst elements = document.querySelectorAll('.td-post-content h2');\r\n\r\n\t\t\tfunction newFormatId(text) {\r\n\t\t\t\tif(text.toLowerCase() === \"key takeaways\") {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\tconst result = text.toLowerCase()\r\n\t\t\t\t.trim()\r\n\t\t\t\t.replace(\/[^\\w\\s-]\/g, '')  \/\/ hapus tanda baca\r\n\t\t\t\t.replace(\/\\s+\/g, '-'); \/\/ ganti spasi jadi \"-\"\r\n\r\n\t\t\t\treturn result;\r\n\t\t\t}\r\n\t\r\n\t\telements.forEach(element => {\r\n\t\t\tif (element.tagName === 'H2') {\r\n\t\t\t\tconst id = newFormatId(element.textContent); \/\/ Hasilkan ID baru\r\n\t\t\t\telement.id = id; \/\/ Tetapkan ID ke elemen h2\r\n\t\t\t\tif (element.textContent.toLowerCase() === \"key takeaways\") {return;} \/\/ Kalau Key Takeaways, jangan dimasukin\r\n\t\t\t\theadings.push({ level: 'h2', id: id, title: element.textContent, children: [] });\r\n\t\t\t} else if (element.tagName === 'H3') {\r\n\t\t\t\tconst id = newFormatId(element.textContent); \/\/ Hasilkan ID baru\r\n\t\t\t\telement.id = id; \/\/ Tetapkan ID ke elemen h3\r\n\t\t\t\tif (headings.length > 0) {\r\n\t\t\t\t\theadings[headings.length - 1].children.push({ level: 'h3', id: id, title: element.textContent, children: [] });\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n       \/\/ Membuat list HTML dari objek headings\r\n\t\tconst ul = document.getElementById('list_toc');\r\n\t\tlet currentUl = ul;\r\n\t\theadings.forEach(heading => {\r\n\t\t\tconst li = document.createElement('li');\r\n\t\t\tconst a = document.createElement('a');\r\n\t\t\ta.textContent = heading.title;\r\n\t\t\ta.href = `#${heading.id}`; \/\/ Gunakan ID yang baru dihasilkan\r\n\t\t\tli.appendChild(a);\r\n\r\n\t\t\tif (heading.level === 'h2') {\r\n\t\t\t\tcurrentUl = li;\r\n\t\t\t\tul.appendChild(li);\r\n\t\t\t} else if (heading.level === 'h3') {\r\n\t\t\t\tif (!currentUl.lastElementChild || currentUl.lastElementChild.tagName !== 'UL') {\r\n\t\t\t\t\tconst nestedUl = document.createElement('ul');\r\n\t\t\t\t\tcurrentUl.appendChild(nestedUl);\r\n\t\t\t\t\tcurrentUl = nestedUl;\r\n\t\t\t\t}\r\n\t\t\t\tcurrentUl.appendChild(li);\r\n\t\t\t}\r\n\r\n\t\t\tcreateNestedList(li, heading.children);\r\n\t\t});\r\n\t\t\/\/ Dapatkan elemen ul dengan id 'list_toc'\r\n\t\tconst ulFloat = document.getElementById('list_toc');\r\n\r\n\t\t\/\/ Dapatkan isi (child elements) dari ul dengan id 'list_toc'\r\n\t\tconst clonedChildren = ulFloat.cloneNode(true).children;\r\n\r\n\t\t\/\/ Dapatkan elemen ul dengan id 'list_toc_float'\r\n\t\tconst ulToc = document.getElementById('list_toc_float');\r\n\r\n\t\t\/\/ Tambahkan isi yang telah didapatkan dari 'list_toc' ke ul dengan id 'list_toc_float'\r\n\t\tulToc.append(...clonedChildren);\r\n\r\n\r\n        \/\/ Fungsi untuk mengambil tinggi navbar\r\n\t\tfunction getNavbarHeight() {\r\n\t\t\tconst navbar = document.getElementById('tdi_34');\r\n\t\t\treturn navbar ? navbar.offsetHeight : 0;\r\n\t\t}\r\n\r\n\t\t\/\/ Fungsi untuk menambahkan offset posisi scroll\r\n\t\tfunction scrollToElementWithOffset(elementId) {\r\n\t\t\tconst element = document.getElementById(elementId);\r\n\t\t\tif (element) {\r\n\t\t\t\tconst offset = getNavbarHeight();\r\n\t\t\t\tconst elementPosition = element.getBoundingClientRect().top;\r\n\t\t\t\tconst offsetPosition = elementPosition - offset - 40;\r\n\r\n\t\t\t\twindow.scrollBy({\r\n\t\t\t\t\ttop: offsetPosition,\r\n\t\t\t\t\tbehavior: 'smooth'\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\/\/ Fungsi untuk menangani klik pada tautan judul\r\n\t\tfunction handleTitleClick(event) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\tconst href = event.target.getAttribute('href').substr(1);\r\n\t\t\tscrollToElementWithOffset(href);\r\n\t\t}\r\n\r\n\t\t\/\/ Tambahkan event listener untuk semua tautan judul\r\n\t\tconst titleLinks = document.querySelectorAll('a[href^=\"#\"]');\r\n\t\ttitleLinks.forEach(link => {\r\n\t\t\tlink.addEventListener('click', handleTitleClick);\r\n\t\t});\r\n\t\t\r\n\t});\r\n    <\/script> -->\r\n\n<h2><b>Memahami Apa itu Slip Gaji Karyawan<\/b><\/h2>\n<p><span style=\"font-weight: 400;\"><span id=\"slip\">Slip gaji karyawan adalah dokumen yang berisi rincian penghasilan karyawan dalam satu periode pembayaran, umumnya bulanan. Isinya tidak hanya menampilkan gaji bersih, tetapi juga menjelaskan bagaimana nominal tersebut menjadi <\/span><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/hr-payroll\/\"><span style=\"font-weight: 400;\">angka <\/span><i><span style=\"font-weight: 400;\">payroll<\/span><\/i><span style=\"font-weight: 400;\"> yang valid<\/span><\/a><span style=\"font-weight: 400;\"> setelah melalui proses perhitungan gaji pokok, tunjangan, insentif, lembur, hingga potongan yang berlaku.<\/span><\/span><\/p>\n<p><span style=\"font-weight: 400;\">Merujuk pada <\/span><a href=\"https:\/\/peraturan.bpk.go.id\/Details\/161909\/pp-no-36-tahun-2021\"><span style=\"font-weight: 400;\">PP No. 36 Tahun 2021<\/span><\/a><span style=\"font-weight: 400;\"> yang mengharuskan perusahaan wajib memberikan bukti pembayaran upah serta rincian upah yang pekerja terima.<\/span><\/p>\n<p data-start=\"0\" data-end=\"381\">Dalam konteks <em data-start=\"14\" data-end=\"27\">outsourcing<\/em>, fungsi ini menjadi jauh lebih penting. Karyawan <em data-start=\"77\" data-end=\"90\">outsourcing<\/em> sering bekerja pada lokasi perusahaan lain, dengan pola kerja yang dapat berbeda dari karyawan internal, seperti tenaga <em data-start=\"211\" data-end=\"221\">security<\/em>, operator gudang, staf kebersihan, <em data-start=\"257\" data-end=\"265\">driver<\/em>, hingga staf administrasi yang secara status berada bawah vendor, tetapi sehari-hari bekerja pada perusahaan klien.<\/p>\n<p data-start=\"383\" data-end=\"595\" data-is-last-node=\"\" data-is-only-node=\"\">Pada kondisi seperti ini, slip gaji harus mampu menjelaskan secara gamblang siapa perusahaan pemberi kerja, posisi karyawan, lokasi penempatan, periode kerja, hingga komponen penghasilan yang perusahaan bayarkan.<\/p>\n<h2><b>Elemen Utama Slip Gaji Karyawan<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Agar slip gaji dapat digunakan dengan tepat, perusahaan perlu mencantumkan elemen-elemen yang lengkap dan mudah dibaca seperti berikut:<\/span><\/p>\n<h3><strong>1. Identitas perusahaan<\/strong><\/h3>\n<p>Bagian ini biasanya memuat nama perusahaan, alamat, logo, atau informasi resmi lain agar karyawan dapat langsung mengetahui asal dokumen tanpa kebingungan.<\/p>\n<h3><b>2. Data karyawan<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Berisi nama karyawan, nomor induk, jabatan, divisi, dan status kerja agar dokumen tidak tertukar.<\/span><\/p>\n<h3><b>3. Periode penggajian<\/b><b><br \/>\n<\/b><b><\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Informasi ini menunjukkan bulan atau rentang waktu pembayaran gaji, sehingga karyawan tahu slip tersebut berlaku untuk periode mana.<\/span><\/p>\n<h3><b>4. Gaji pokok<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Ini adalah penghasilan dasar yang karyawan terima sesuai kontrak kerja atau kebijakan perusahaan.<\/span><\/p>\n<h3><b>5. Tunjangan<\/b><\/h3>\n<p><b><\/b><span style=\"font-weight: 400;\">Bagian ini berisi informasi tunjangan makan, transportasi, jabatan, komunikasi, atau tunjangan relevan lainnya.<\/span><\/p>\n<h3><b>6. Lembur, bonus, atau insentif<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Berisi informasi pekerjaan dengan target, sistem <\/span><i><span style=\"font-weight: 400;\">shift<\/span><\/i><span style=\"font-weight: 400;\">, atau beban kerja yang berubah setiap bulan karena memengaruhi perhitungan gaji nantinya.<\/span><\/p>\n<h3><b>7. Potongan gaji<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Bagian ini biasanya mencakup <\/span><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/apa-itu-ptkp\/\"><span style=\"font-weight: 400;\">potongan PPh 21<\/span><\/a><span style=\"font-weight: 400;\"> dan iuran BPJS yang ditanggung pekerja. Dalam praktik penggajian Indonesia, potongan semacam ini memang menjadi bagian yang wajar muncul pada slip gaji bulanan.<\/span><\/p>\n<h3><b>8. Total penghasilan kotor<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Nominal ini menunjukkan jumlah penghasilan atau gaji yang karyawan terima sebelum pengurangan oleh potongan dan tunjangan yang berlaku.<\/span><\/p>\n<h3><b>9. Gaji bersih atau <\/b><b><i>take home pay<\/i><\/b><\/h3>\n<p><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/thp-take-home-pay\/\"><span style=\"font-weight: 400;\">Gaji bersih atau <\/span><i><span style=\"font-weight: 400;\">take home pay<\/span><\/i><\/a><span style=\"font-weight: 400;\"> merupakan angka atau nominal bersih gaji yang diterima oleh karyawan setelah dipotong oleh tunjangan maupun PPh 21.<\/span><\/p>\n<h3><b>10. Tanggal pembayaran<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Informasi ini digunakan oleh karyawan untuk mencocokkan slip gaji dengan mutasi rekening atau <\/span><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/payroll-cycle\/\"><span style=\"font-weight: 400;\">siklus <\/span><i><span style=\"font-weight: 400;\">payroll <\/span><\/i><span style=\"font-weight: 400;\">bulanan<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h3><b>11. Catatan tambahan atau pengesahan<\/b><\/h3>\n<p><span style=\"font-weight: 400;\"><span id=\"biasa\">Biasa berupa kolom yang berfungsi untuk penambahan keterangan khusus, tanda tangan digital, atau informasi lain untuk memperjelas isi dokumen.<\/span><\/span><\/p>\n<h3><b>12. Nama perusahaan vendor untuk karyawan <\/b><b><i>outsourcing<\/i><\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Untuk slip gaji <\/span><i><span style=\"font-weight: 400;\">outsourcing<\/span><\/i><span style=\"font-weight: 400;\">, perusahaan perlu menuliskan nama perusahaan penyedia tenaga kerja secara jelas. Ini penting agar karyawan tahu pihak yang secara resmi membayarkan gaji mereka.<\/span><\/p>\n<h3><b>13. Informasi penempatan atau perusahaan klien<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Banyak tenaga <\/span><i><span style=\"font-weight: 400;\">outsourcing<\/span><\/i><span style=\"font-weight: 400;\"> bekerja untuk perusahaan pengguna jasa yang berbeda dari perusahaan vendor. Karena itu, slip gaji <\/span><i><span style=\"font-weight: 400;\">outsourcing<\/span><\/i><span style=\"font-weight: 400;\"> sebaiknya juga mencantumkan lokasi penempatan, nama klien, atau unit kerja agar tidak menimbulkan kebingungan.<\/span><\/p>\n<h3><b>14. Status hubungan kerja <\/b><b><i>outsourcing<\/i><\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Slip gaji <\/span><i><span style=\"font-weight: 400;\">outsourcing<\/span><\/i><span style=\"font-weight: 400;\"> idealnya juga mencantumkan status kerja secara jelas, misalnya tenaga <\/span><i><span style=\"font-weight: 400;\">outsourcing<\/span><\/i><span style=\"font-weight: 400;\">, kontrak penugasan, atau tenaga alih daya. Detail ini akan membantu proses verifikasi administrasi dan mengurangi risiko salah tafsir.<\/span><\/p>\n<h2><b>Contoh <\/b><b><i>Template<\/i><\/b><b> Slip Gaji Karyawan dalam Berbagai Format<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Setiap perusahaan punya kebutuhan yang berbeda. Ada yang hanya membutuhkan format sederhana untuk beberapa karyawan, tetapi ada juga yang memerlukan <\/span><i><span style=\"font-weight: 400;\">template<\/span><\/i><span style=\"font-weight: 400;\"> lebih detail karena harus menghitung lembur, bonus, komisi, pajak, dan berbagai potongan lain secara rutin.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tidak ada satu format slip gaji yang cocok untuk semua bisnis karena kebutuhan bisnis tiap perusahaan bersifat unik. Berikut kami sajikan 10+ contoh <\/span><i><span style=\"font-weight: 400;\">template<\/span><\/i><span style=\"font-weight: 400;\"> slip gaji karyawan swasta yang bisa Anda implementasikan sesuai dengan kebutuhan bisnis Anda:<\/span><\/p>\n<h3><b>1. Slip gaji karyawan tetap bulanan<\/b><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-191277\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-tetap-bulanan-hashmicro.webp\" alt=\"Contoh slip gaji karyawan tetap bulanan\" width=\"1536\" height=\"1024\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-tetap-bulanan-hashmicro.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-tetap-bulanan-hashmicro-300x200.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-tetap-bulanan-hashmicro-1024x683.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-tetap-bulanan-hashmicro-768x512.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-tetap-bulanan-hashmicro-630x420.webp 630w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-tetap-bulanan-hashmicro-150x100.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-tetap-bulanan-hashmicro-696x464.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-tetap-bulanan-hashmicro-1068x712.webp 1068w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><\/p>\n<h3><b>2. Slip gaji karyawan kontrak<\/b><\/h3>\n<p><b><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-191278\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-kontrak-hashmicro.webp\" alt=\"Contoh slip gaji karyawan kontrak\" width=\"1536\" height=\"1024\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-kontrak-hashmicro.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-kontrak-hashmicro-300x200.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-kontrak-hashmicro-1024x683.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-kontrak-hashmicro-768x512.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-kontrak-hashmicro-630x420.webp 630w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-kontrak-hashmicro-150x100.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-kontrak-hashmicro-696x464.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-kontrak-hashmicro-1068x712.webp 1068w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><\/b><\/p>\n<h3><b>3. Slip gaji karyawan harian lepas<\/b><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-191279\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-harian-lepas-hashmicro.webp\" alt=\"Contoh slip gaji karyawan harian lepas\" width=\"1536\" height=\"1024\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-harian-lepas-hashmicro.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-harian-lepas-hashmicro-300x200.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-harian-lepas-hashmicro-1024x683.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-harian-lepas-hashmicro-768x512.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-harian-lepas-hashmicro-630x420.webp 630w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-harian-lepas-hashmicro-150x100.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-harian-lepas-hashmicro-696x464.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-harian-lepas-hashmicro-1068x712.webp 1068w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><\/p>\n<h3><b>4. Slip gaji karyawan <\/b><b><i>part-time<\/i><\/b><b><i><br \/>\n<\/i><\/b><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-191281\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-part-time-hashmicro.webp\" alt=\"Contoh slip gaji karyawan part time\" width=\"1536\" height=\"1024\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-part-time-hashmicro.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-part-time-hashmicro-300x200.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-part-time-hashmicro-1024x683.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-part-time-hashmicro-768x512.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-part-time-hashmicro-630x420.webp 630w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-part-time-hashmicro-150x100.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-part-time-hashmicro-696x464.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-part-time-hashmicro-1068x712.webp 1068w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><\/p>\n<h3><b>5. Slip gaji karyawan <\/b><b><i>shift<\/i><\/b><b><br \/>\n<\/b><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-191282\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-shift-hashmicro.png\" alt=\"Contoh slip gaji karyawan shift\" width=\"1536\" height=\"1024\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-shift-hashmicro.png 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-shift-hashmicro-300x200.png 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-shift-hashmicro-1024x683.png 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-shift-hashmicro-768x512.png 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-shift-hashmicro-630x420.png 630w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-shift-hashmicro-150x100.png 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-shift-hashmicro-696x464.png 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-shift-hashmicro-1068x712.png 1068w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><\/p>\n<h3><b>6. Slip gaji staf <\/b><b><i>sales<\/i><\/b><b> dengan komisi<\/b><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-191283\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-staf-sales-hashmicro.webp\" alt=\"Contoh slip gaji staf sales\" width=\"1536\" height=\"1024\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-staf-sales-hashmicro.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-staf-sales-hashmicro-300x200.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-staf-sales-hashmicro-1024x683.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-staf-sales-hashmicro-768x512.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-staf-sales-hashmicro-630x420.webp 630w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-staf-sales-hashmicro-150x100.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-staf-sales-hashmicro-696x464.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-staf-sales-hashmicro-1068x712.webp 1068w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><\/p>\n<h3><b>7. Slip gaji karyawan toko atau ritel<\/b><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-191284\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-toko-hashmicro.webp\" alt=\"Contoh slip gaji karyawan toko\" width=\"1536\" height=\"1024\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-toko-hashmicro.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-toko-hashmicro-300x200.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-toko-hashmicro-1024x683.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-toko-hashmicro-768x512.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-toko-hashmicro-630x420.webp 630w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-toko-hashmicro-150x100.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-toko-hashmicro-696x464.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-toko-hashmicro-1068x712.webp 1068w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><\/p>\n<h3><b>8. Slip gaji karyawan restoran atau <\/b><b>F&amp;B<\/b><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-191285\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-restoran-hashmicro.webp\" alt=\"Contoh slip gaji karyawan restoran\" width=\"1536\" height=\"1024\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-restoran-hashmicro.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-restoran-hashmicro-300x200.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-restoran-hashmicro-1024x683.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-restoran-hashmicro-768x512.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-restoran-hashmicro-630x420.webp 630w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-restoran-hashmicro-150x100.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-restoran-hashmicro-696x464.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-restoran-hashmicro-1068x712.webp 1068w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><\/p>\n<h3><b>9. Slip gaji karyawan manufaktur<\/b><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-191286\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-manufaktur-hashmicro.webp\" alt=\"Contoh slip gaji karyawan manufaktur\" width=\"1536\" height=\"1024\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-manufaktur-hashmicro.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-manufaktur-hashmicro-300x200.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-manufaktur-hashmicro-1024x683.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-manufaktur-hashmicro-768x512.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-manufaktur-hashmicro-630x420.webp 630w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-manufaktur-hashmicro-150x100.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-manufaktur-hashmicro-696x464.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-manufaktur-hashmicro-1068x712.webp 1068w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><\/p>\n<h3><b>10. Slip gaji sopir atau <\/b><b><i>driver<\/i><\/b><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-191287\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-sopir-hashmicro.webp\" alt=\"Contoh slip gaji sopir\" width=\"1536\" height=\"1024\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-sopir-hashmicro.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-sopir-hashmicro-300x200.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-sopir-hashmicro-1024x683.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-sopir-hashmicro-768x512.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-sopir-hashmicro-630x420.webp 630w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-sopir-hashmicro-150x100.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-sopir-hashmicro-696x464.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-sopir-hashmicro-1068x712.webp 1068w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><\/p>\n<h3><b>11. Slip Gaji Karyawan <em>Full Time<\/em><\/b><\/h3>\n<p>Berikut merupakan contoh <em>template<\/em> slip gaji karyawan <em>full time<\/em> yang bisa Anda terapkan lengkap dengan perhitungan komponen pajak yang berlaku di Indonesia untuk mempermudah pemahaman.<\/p>\n<!-- shortcode CTA download new -->\r\n\r\n<div class=\"download-wrapper new\">\r\n\t<p class=\"download-desc\">Template Slip Gaji Karyawan Full Time<\/p>\r\n\t\r\n\t<div class=\"download-top\" style=\"position: relative;\">\r\n\t\t<div class=\"opacity-ef\"><\/div>\r\n\t\t<img decoding=\"async\" class=\"download-img\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/Screenshot-847.webp\">\r\n\t<\/div>\r\n\t\r\n\t<div class=\"button-wrapper\">\r\n\t\t\t\t<button \r\n\t\t\tclass=\"downloadBtn\" \r\n\t\t\tpopup-content=\"template\" \r\n\t\t\tdata-link=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/template-slip-gaji-full-time-hashmicro.xlsx\"\r\n\t\t\tdata-format=\"excel\">\r\n\t\t\t<div class=\"icon-unduh\"><\/div>\r\n\t\t\t<p class=\"download-text\" style=\"\">Download Sekarang<\/p>\r\n\t\t<\/button>\r\n\t\t\r\n  \t\t\r\n  \t\t\t<\/div>\r\n\t\r\n\t\t<div class=\"download-bottom\" style=\"position: relative;\">\r\n\t\t<div class=\"opacity-ef\"><\/div>\r\n\t\t<img decoding=\"async\" class=\"download-img\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/Screenshot-847.webp\" alt=\"\">\r\n\t<\/div>\r\n\t<\/div>\r\n\r\n\r\n<style>\r\n\t.button-wrapper{\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t}\r\n\t\r\n\t.new p.download-text{\r\n\t\tmargin-bottom: 0;\r\n\t\tcolor: #9C171E;\r\n\t}\r\n\t\r\n\t.color-me-white{\r\n\t\tcolor: #FFF !important;\r\n\t}\r\n\t.download-bottom, .download-top{\r\n\t\tmargin-top: 32px;\r\n\t\theight: 250px;\r\n\t\toverflow: hidden;\r\n\t\tborder-radius: 8px 8px 0 0;\r\n\t}\r\n\t\r\n\t.download-top{\r\n\t\tdisplay: none;\r\n\t}\r\n\t\r\n\t.download-img{\r\n\t\twidth: 100%;\r\n\/* \t\tfilter: blur(1px); *\/\r\n\t}\r\n\r\n\t.opacity-ef{\r\n\t\tposition: absolute;\r\n\t\tdisplay: block;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tbottom: 0;\r\n\t\tbackground-image: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 35%, #FFF 88%);\r\n\t\tbackdrop-filter: blur(1px);\r\n\t\tz-index: 1;\r\n\t\twidth: 100%;\r\n\t}\r\n\t\r\n\t.download-wrapper.new{\r\n\t\tbackground: unset;\r\n\t\tpadding: 40px 16px;\r\n\t\tborder-radius: unset;\r\n\t\tborder-bottom: 2px solid #D9D9D9;\r\n\t\tborder-top: 2px solid #D9D9D9;\r\n\t}\r\n\t\r\n\t.icon-unduh{\r\n\t\tbackground-image: url('https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/11\/icon-unduh.webp');\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tbackground-position: center;\r\n\t}\r\n\t\r\n\t.new .downloadBtn{\r\n\t\twidth: 200px;\r\n\t\tpadding: 10px 14px;\r\n\t\tmargin-right: 16px;\r\n\t\tcolor: #FFF !important;\r\n\t\tbox-shadow: 5px 6px 16px 0px rgba(0, 0, 0, 0.25);\r\n\t\tjustify-content: center;\r\n\t}\r\n\t\r\n\t.new .downloadBtn:last-child{\r\n\t\tmargin-right: 0;\r\n\t}\r\n\t\r\n\t.new .download-desc{\r\n\t\tcolor: #282828 !important;\r\n\t\ttext-align: center;\r\n\t\tfont-size: 27px !important;\r\n\t\tfont-style: normal;\r\n\t\tfont-weight: 700;\r\n\t\tline-height: 28px;\r\n\t\tmargin-bottom: 24px !important;\r\n\t}\r\n\t\r\n\t.btn-pdf{\r\n\t\tborder: 2px solid #D01517;\r\n\t\tbackground: #D01517;\r\n\t}\r\n\t\r\n\t.btn-word{\r\n\t\tborder: 2px solid #25589A;\r\n\t\tbackground: #25589A;\r\n\t}\r\n\t\r\n\t.btn-excel{\r\n\t\tborder: 2px solid #20744A;\r\n\t\tbackground: #20744A;\r\n\t}\r\n\t\r\n\t.d-none{\r\n\t\tdisplay: none;\r\n\t}\r\n\t\r\n\t@media (min-width:992px) and (max-width:1399px){\r\n\t\tp.download-text{\r\n\t\t\tfont-size: 14px;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width:991px){\r\n\t\t.button-wrapper{\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t\t\r\n\t\t.new .downloadBtn{\r\n\t\t\twidth: 100%;\r\n\t\t\tmargin-left: 0;\r\n\t\t\tmargin-right: 0;\r\n\t\t\tmargin-bottom: 16px;\r\n\t\t}\r\n\t\t\r\n\t\t.download-bottom{\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t\t\r\n\t\t.download-top{\r\n\t\t\tdisplay: block;\r\n\t\t\tmargin-bottom: 16px;\r\n\t\t}\r\n\t\t\r\n\t\t.new .download-desc{\r\n\t\t\tmargin-bottom: 16px !important;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width:576px){\r\n\t\t.download-top{\r\n\t\t\theight: 120px;\r\n\t\t}\r\n\t}\r\n<\/style>\r\n\r\n<script>\r\n\tdocument.querySelectorAll('.downloadBtn').forEach(button=>{\r\n\t\tconst formatData = button.getAttribute('data-format');\r\n\t\tconst btnText = button.querySelector('.download-text');\r\n\t\tconst linkData = button.getAttribute('data-link');\r\n\t\tconst iconUnduh = button.querySelector('.icon-unduh');\r\n\t\tconst popupContent = button.getAttribute('popup-content');\r\n\t\t\r\n\t\tif(formatData == 'pdf'){\r\n\t\t\tbutton.classList.add('btn-pdf'); \r\n\t\t\tbtnText.classList.add('color-me-white');\r\n\t\t\tbtnText.innerHTML = \"Download PDF\";\r\n\t\t\ticonUnduh.style.backgroundImage = \"url('https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/12\/teenyicons_pdf-solid.webp')\"\r\n\t\t}\r\n\t\tif(formatData == 'word'){\r\n\t\t\tbutton.classList.add('btn-word'); \r\n\t\t\tbtnText.classList.add('color-me-white');\r\n\t\t\tbtnText.innerHTML = \"Download Word\";\r\n\t\t\ticonUnduh.style.backgroundImage = \"url('https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/12\/file-icons_microsoft-word.webp')\"\r\n\t\t}\r\n\t\tif(formatData == 'excel'){\r\n\t\t\tbutton.classList.add('btn-excel'); \r\n\t\t\tbtnText.classList.add('color-me-white');\r\n\t\t\tbtnText.innerHTML = \"Download Excel\";\r\n\t\t\ticonUnduh.style.backgroundImage = \"url('https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/12\/vscode-icons_file-type-excel2.webp')\"\r\n\t\t}\r\n\t\tif(formatData == 'docs'){\r\n\t\t\tbutton.classList.add('btn-word'); \r\n\t\t\tbtnText.classList.add('color-me-white');\r\n\t\t\tbtnText.innerHTML = \"Download Docs\";\r\n\t\t\ticonUnduh.style.backgroundImage = \"url('https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/12\/simple-icons_googledocs.webp')\"\r\n\t\t}\r\n\t\tif(formatData == 'sheet'){\r\n\t\t\tbutton.classList.add('btn-excel'); \r\n\t\t\tbtnText.classList.add('color-me-white');\r\n\t\t\tbtnText.innerHTML = \"Download Sheet\";\r\n\t\t\ticonUnduh.style.backgroundImage = \"url('https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/12\/simple-icons_googlesheets.webp')\"\r\n\t\t}\r\n\t\t\r\n\t\tif(linkData == ''){\r\n\t\t\tbutton.classList.add('d-none');\r\n\t\t}\r\n\t})\r\n<\/script>\n<h3><b>12. Slip gaji karyawan <\/b><b><i>outsourcing<\/i><\/b><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-191288\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/template-contoh-slip-gaji-karyawan-outsourcing-hashmicro.webp\" alt=\"\" width=\"1536\" height=\"1024\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/template-contoh-slip-gaji-karyawan-outsourcing-hashmicro.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/template-contoh-slip-gaji-karyawan-outsourcing-hashmicro-300x200.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/template-contoh-slip-gaji-karyawan-outsourcing-hashmicro-1024x683.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/template-contoh-slip-gaji-karyawan-outsourcing-hashmicro-768x512.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/template-contoh-slip-gaji-karyawan-outsourcing-hashmicro-630x420.webp 630w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/template-contoh-slip-gaji-karyawan-outsourcing-hashmicro-150x100.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/template-contoh-slip-gaji-karyawan-outsourcing-hashmicro-696x464.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/template-contoh-slip-gaji-karyawan-outsourcing-hashmicro-1068x712.webp 1068w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Khusus untuk slip gaji karyawan <\/span><i><span style=\"font-weight: 400;\">outsourcing<\/span><\/i><span style=\"font-weight: 400;\">, formatnya biasanya sedikit lebih detail daripada slip gaji biasa. Selain mencantumkan gaji pokok, tunjangan, lembur, dan potongan, perusahaan biasanya juga perlu menambahkan informasi seperti nama vendor, nama perusahaan klien, lokasi penempatan, jadwal kerja, hingga tunjangan lapangan atau insentif kehadiran jika ada.<\/span><\/p>\n<h2><b>Mengapa Slip Gaji Penting Bagi Perusahaan?<\/b><\/h2>\n<p data-start=\"48\" data-end=\"404\">Slip gaji memiliki peran penting untuk menjaga hubungan kerja tetap jelas, transparan, serta profesional. Pertama, dokumen ini membantu perusahaan menjelaskan rincian penghasilan karyawan secara terbuka. Dengan demikian, potensi kebingungan atau pertanyaan berulang terkait komponen gaji dapat berkurang karena semua informasi sudah tercantum secara rinci.<\/p>\n<p data-start=\"406\" data-end=\"774\">Selain itu, slip gaji membantu tim HR dan Finance menjaga konsistensi data penggajian. Dokumen ini memudahkan proses pengecekan ulang, rekonsiliasi payroll, serta audit internal ketika perusahaan perlu memastikan bahwa pembayaran upah telah berjalan sesuai kebijakan. Oleh karena itu, pencatatan yang rapi menjadi dasar penting dalam pengelolaan administrasi karyawan.<\/p>\n<p data-start=\"776\" data-end=\"1215\">Selanjutnya, pada sistem kerja outsourcing, slip gaji memiliki fungsi tambahan untuk memperjelas batas tanggung jawab antara vendor dan perusahaan pengguna jasa. Misalnya, karyawan dapat melihat komponen penghasilan yang vendor bayarkan, potongan yang berlaku, serta <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/gaji-outsourcing\/\">bagaimana nominal akhir gaji terbentuk.<\/a> Di sisi lain, perusahaan penyedia jasa juga lebih mudah menjaga transparansi terhadap tenaga kerja yang bekerja pada berbagai klien.<\/p>\n<h2><b>Manfaat Slip Gaji Karyawan<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Banyak manfaat yang bisa didapatkan jika perusahaan mengaplikasikan <\/span><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/sistem-penggajian\/\"><span style=\"font-weight: 400;\">sistem slip gaji yang tepat guna<\/span><\/a><span style=\"font-weight: 400;\"> dan efisien. Manfaat-manfaat yang dapat dirasakan antara lain:<\/span><\/p>\n<h3><strong>1. Membuat penggajian lebih transparan<\/strong><\/h3>\n<p>Karyawan bisa melihat dengan jelas asal nominal yang mereka terima. Ini penting karena gaji bulanan umumnya memang sudah mempertimbangkan potongan seperti PPh 21 sebelum menjadi penghasilan bersih.<\/p>\n<h3><strong>2. Mengurangi risiko salah paham<\/strong><\/h3>\n<p>Jika semua komponen tertulis dengan rapi, perusahaan tidak perlu terlalu sering menjelaskan ulang rincian gaji secara manual sehingga perusahaan bisa men-skip alur kerja yang tidak terlalu penting.<\/p>\n<h3><strong>3. Membantu kebutuhan administrasi karyawan<\/strong><\/h3>\n<p>Slip gaji sering dipakai untuk pengajuan kredit, pinjaman, visa, atau dokumen pendukung lainnya.<\/p>\n<h3><strong>4. Memudahkan tim HR dan Finance<\/strong><\/h3>\n<p>Arsip slip gaji yang rapi membantu proses pelaporan, verifikasi penggajian, dan audit berjalan lebih lancar serta mencegah kegagalan audit dikarenakan kurangnya dokumen material yang valid.<\/p>\n<h3><strong>5. Membantu evaluasi komponen penghasilan<\/strong><\/h3>\n<p>Perusahaan bisa lebih mudah meninjau pola lembur, tunjangan, bonus, dan potongan dari waktu ke waktu tanpa harus repot-repot menghitung ulang keseluruhan data tersebut setiap periode baru penggajian dimulai.<\/p>\n<h3><strong>6. Menjaga dan meningkatkan tingkat kepercayaan karyawan<\/strong><\/h3>\n<p>Banyak karyawan yang menginginkan transparansi dalam proses penggajian. Informasi yang jelas pada slip gaji akan meningkatkan tingkat kepercayaan karyawan yang dapat berdampak positif bagi tingkat retensi karyawan.<\/p>\n<h3><b>7. Tambahkan informasi penempatan untuk tenaga <\/b><b><i>outsourcing<\/i><\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Jika perusahaan mengelola tenaga <\/span><i><span style=\"font-weight: 400;\">outsourcing<\/span><\/i><span style=\"font-weight: 400;\">, slip gaji sebaiknya tidak hanya memuat nama vendor, tetapi juga unit penempatan, nama klien, atau area kerja. Cara ini akan membantu karyawan memverifikasi slip gaji mereka dengan lebih mudah.<\/span><\/p>\n<h3><b>8. Sesuaikan komponen slip dengan jenis pekerjaan <\/b><b><i>outsourcing<\/i><\/b><\/h3>\n<div class=\"flex flex-col text-sm\">\n<article class=\"text-token-text-primary w-full focus:outline-none [--shadow-height:45px] has-data-writing-block:pointer-events-none has-data-writing-block:-mt-(--shadow-height) has-data-writing-block:pt-(--shadow-height) [&amp;:has([data-writing-block])&gt;*]:pointer-events-auto scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]\" dir=\"auto\" tabindex=\"-1\" data-turn-id=\"request-69a78b15-1334-8322-a58c-53b106f1a1c8-0\" data-testid=\"conversation-turn-178\" data-scroll-anchor=\"true\" data-turn=\"assistant\">\n<div class=\"text-base my-auto mx-auto pb-10 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm\/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg\/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)\">\n<div class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group\/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn\" tabindex=\"-1\">\n<div class=\"flex max-w-full flex-col gap-4 grow\">\n<div class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal [.text-message+&amp;]:mt-1\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"41a39cd0-0e3b-4bbc-a317-e661c4bcf6da\" data-message-model-slug=\"gpt-5-3\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden\">\n<div class=\"markdown prose dark:prose-invert w-full wrap-break-word dark markdown-new-styling\">\n<p data-start=\"0\" data-end=\"395\" data-is-last-node=\"\" data-is-only-node=\"\">Tenaga <em data-start=\"7\" data-end=\"20\">outsourcing<\/em> sering memiliki pola penghasilan yang berbeda dibanding karyawan tetap. Sebagian pekerja memperoleh tambahan dari lembur, sebagian menerima uang makan dan transport, sementara yang lain mendapatkan insentif lapangan. Oleh karena itu, format slip gaji <em data-start=\"272\" data-end=\"285\">outsourcing<\/em> perlu menyesuaikan kondisi kerja aktual agar setiap komponen pendapatan tercatat secara jelas dan transparan.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/article>\n<\/div>\n<h2><b>Tips Membuat Slip Gaji yang Efisien dan Tepat Guna<\/b><\/h2>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-191271\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/infografis-tips-membuat-slip-gaji-karyawan-outsourcing-hashmicro.webp\" alt=\"Infografis tips membuat slip gaji karyawan outsourcing\" width=\"1536\" height=\"1024\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/infografis-tips-membuat-slip-gaji-karyawan-outsourcing-hashmicro.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/infografis-tips-membuat-slip-gaji-karyawan-outsourcing-hashmicro-300x200.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/infografis-tips-membuat-slip-gaji-karyawan-outsourcing-hashmicro-1024x683.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/infografis-tips-membuat-slip-gaji-karyawan-outsourcing-hashmicro-768x512.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/infografis-tips-membuat-slip-gaji-karyawan-outsourcing-hashmicro-630x420.webp 630w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/infografis-tips-membuat-slip-gaji-karyawan-outsourcing-hashmicro-150x100.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/infografis-tips-membuat-slip-gaji-karyawan-outsourcing-hashmicro-696x464.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/infografis-tips-membuat-slip-gaji-karyawan-outsourcing-hashmicro-1068x712.webp 1068w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Membuat slip gaji yang baik tidak harus rumit. Perusahaan hanya perlu memastikan isinya jelas, formatnya konsisten, dan proses pembuatannya tidak membebani tim setiap bulan. Mari kita kupas tips dan trik membuat slip gaji yang efektif:<\/span><\/p>\n<h3><b>1. Gunakan format yang konsisten<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Susunan slip gaji yang sama akan memudahkan pengecekan, pengarsipan, dan pembagian dokumen. Hal ini akan berguna untuk mencegah kesalahpahaman karyawan.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/p>\n<h3><b>2. Tulis rincian penghasilan secara lengkap<\/b><\/h3>\n<div class=\"flex flex-col text-sm pb-25\">\n<article class=\"text-token-text-primary w-full focus:outline-none [--shadow-height:45px] has-data-writing-block:pointer-events-none has-data-writing-block:-mt-(--shadow-height) has-data-writing-block:pt-(--shadow-height) [&amp;:has([data-writing-block])&gt;*]:pointer-events-auto scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]\" dir=\"auto\" tabindex=\"-1\" data-turn-id=\"request-69a78b15-1334-8322-a58c-53b106f1a1c8-1\" data-testid=\"conversation-turn-180\" data-scroll-anchor=\"true\" data-turn=\"assistant\">\n<div class=\"text-base my-auto mx-auto pb-10 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm\/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg\/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)\">\n<div class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group\/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn\" tabindex=\"-1\">\n<div class=\"flex max-w-full flex-col gap-4 grow\">\n<div class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal [.text-message+&amp;]:mt-1\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"57f3f742-cd4c-449f-b460-2bbe17cb920d\" data-message-model-slug=\"gpt-5-3\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden\">\n<div class=\"streaming-animation markdown prose dark:prose-invert w-full wrap-break-word dark markdown-new-styling\">\n<p data-start=\"0\" data-end=\"332\" data-is-last-node=\"\" data-is-only-node=\"\">Selain menampilkan gaji akhir, slip gaji juga perlu memuat rincian perhitungan seperti gaji pokok, tunjangan, bonus, lembur, serta berbagai potongan. Dengan rincian tersebut, karyawan dapat memahami asal-usul total penghasilan mereka secara lebih jelas, sekaligus memudahkan proses verifikasi apabila terdapat perbedaan perhitungan.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/article>\n<\/div>\n<h3><b>3. Pisahkan penghasilan dan potongan<\/b><b><\/b><\/h3>\n<div class=\"flex flex-col text-sm pb-25\">\n<article class=\"text-token-text-primary w-full focus:outline-none [--shadow-height:45px] has-data-writing-block:pointer-events-none has-data-writing-block:-mt-(--shadow-height) has-data-writing-block:pt-(--shadow-height) [&amp;:has([data-writing-block])&gt;*]:pointer-events-auto scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]\" dir=\"auto\" tabindex=\"-1\" data-turn-id=\"request-69a78b15-1334-8322-a58c-53b106f1a1c8-2\" data-testid=\"conversation-turn-182\" data-scroll-anchor=\"true\" data-turn=\"assistant\">\n<div class=\"text-base my-auto mx-auto pb-10 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm\/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg\/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)\">\n<div class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group\/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn\" tabindex=\"-1\">\n<div class=\"flex max-w-full flex-col gap-4 grow\">\n<div class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal [.text-message+&amp;]:mt-1\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"2e3f6282-037d-4641-91d1-a1703d9cdfa2\" data-message-model-slug=\"gpt-5-3\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden\">\n<div class=\"markdown prose dark:prose-invert w-full wrap-break-word dark markdown-new-styling\">\n<p data-start=\"0\" data-end=\"321\" data-is-last-node=\"\" data-is-only-node=\"\">Tata letak yang jelas membuat slip gaji lebih nyaman dibaca serta memudahkan proses pengecekan ulang tanpa perlu membaca dokumen yang sama berulang kali. Selain itu, struktur informasi yang rapi membantu karyawan menemukan detail penghasilan maupun potongan dengan cepat, sehingga proses verifikasi menjadi lebih efisien.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/article>\n<\/div>\n<h3><b>4. Pastikan angka selalu akurat<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Salah hitung pada slip gaji bisa merusak kepercayaan karyawan. Karena itu, pengecekan sebelum distribusi wajib menjadi langkah rutin yang dapat berdampak secara tidak langsung terhadap tingkat retensi karyawan.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/p>\n<h3><b>5. Pilih format sesuai kebutuhan operasional<\/b><\/h3>\n<p><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Pastikan untuk mengidentifikasi tipe operasional perusahaan Anda lebih dulu. Excel cocok untuk perhitungan manual, PDF cocok untuk hasil final, dan <\/span><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/e-payslip\/\"><span style=\"font-weight: 400;\">sistem digital terintegrasi<\/span><\/a><span style=\"font-weight: 400;\"> cocok untuk perusahaan yang ingin proses lebih cepat dan akurat.<\/span><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/p>\n<h3><b>6. Jaga keamanan data penggajian<\/b><\/h3>\n<div class=\"flex flex-col text-sm pb-25\">\n<article class=\"text-token-text-primary w-full focus:outline-none [--shadow-height:45px] has-data-writing-block:pointer-events-none has-data-writing-block:-mt-(--shadow-height) has-data-writing-block:pt-(--shadow-height) [&amp;:has([data-writing-block])&gt;*]:pointer-events-auto scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]\" dir=\"auto\" tabindex=\"-1\" data-turn-id=\"request-69a78b15-1334-8322-a58c-53b106f1a1c8-3\" data-testid=\"conversation-turn-184\" data-scroll-anchor=\"true\" data-turn=\"assistant\">\n<div class=\"text-base my-auto mx-auto pb-10 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm\/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg\/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)\">\n<div class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group\/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn\" tabindex=\"-1\">\n<div class=\"flex max-w-full flex-col gap-4 grow\">\n<div class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal [.text-message+&amp;]:mt-1\" dir=\"auto\" data-message-author-role=\"assistant\" data-message-id=\"b028bc4b-bf78-48c9-a226-1435f4c28f31\" data-message-model-slug=\"gpt-5-3\">\n<div class=\"flex w-full flex-col gap-1 empty:hidden\">\n<div class=\"markdown prose dark:prose-invert w-full wrap-break-word dark markdown-new-styling\">\n<p data-start=\"0\" data-end=\"320\" data-is-last-node=\"\" data-is-only-node=\"\">Slip gaji memuat informasi sensitif, sehingga perusahaan perlu membatasi aksesnya agar hanya pihak yang berwenang yang dapat melihat atau mengelolanya. Selain itu, pengaturan hak akses yang jelas membantu menjaga kerahasiaan data karyawan sekaligus mencegah penyalahgunaan informasi oleh pihak yang tidak berkepentingan.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/article>\n<\/div>\n<h3><b>7. Gunakan <\/b><b><i>software payroll<\/i><\/b><b> saat proses sudah makin kompleks<\/b><\/h3>\n<p><b><br \/>\n<\/b><span style=\"font-weight: 400;\">Karena integrasinya dengan modul HR dan keuangan, <\/span><i><span style=\"font-weight: 400;\">software payroll<\/span><\/i><span style=\"font-weight: 400;\"> dapat membantu perusahaan menghitung gaji lebih cepat, merapikan potongan pajak dan BPJS, serta membagikan slip gaji secara otomatis agar tim HR bisa fokus pada pekerjaan yang lebih strategis.<\/span><\/p>\n<h2><b>Kesimpulan<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Slip gaji karyawan swasta bukan sekadar dokumen rutin setelah proses <\/span><i><span style=\"font-weight: 400;\">payroll<\/span><\/i><span style=\"font-weight: 400;\">. Dokumen ini membantu perusahaan menjaga transparansi, merapikan administrasi, dan memastikan setiap komponen penghasilan karyawan tercatat dengan jelas.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dengan format yang tepat, slip gaji akan lebih mudah dipahami, lebih cepat diproses, dan lebih nyaman digunakan oleh semua pihak. Saat kebutuhan bisnis masih sederhana, <\/span><i><span style=\"font-weight: 400;\">template<\/span><\/i><span style=\"font-weight: 400;\"> manual mungkin masih cukup.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Namun, ketika proses penggajian mulai melibatkan banyak data seperti komponen potongan yang banyak dan juga jumlah karyawan yang terus meningkat, perusahaan biasanya membutuhkan solusi <\/span><i><span style=\"font-weight: 400;\">payroll<\/span><\/i><span style=\"font-weight: 400;\"> yang lebih praktis dan terintegrasi, memungkinkan data di seluruh departemen kantor selaras dan dapat digunakan untuk menerbitkan slip gaji yang konsisten.<\/span><\/p>\n<h2><strong>FAQ Seputar Slip Gaji Karyawan Swasta<\/strong><\/h2>\n<ul class=\"bottom_faq\">\n<li>\n<details>\n<summary><strong>Apa itu slip gaji karyawan?<\/strong><\/summary>\n<p>Slip gaji karyawan adalah dokumen yang menunjukkan rincian penghasilan yang diterima karyawan dalam satu periode pembayaran, biasanya setiap bulan. Dokumen ini umumnya memuat gaji pokok, tunjangan, lembur, bonus, potongan seperti pajak dan BPJS, hingga total gaji bersih atau <em>take home pay<\/em>.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Slip gaji didapatkan di mana?<\/strong><\/summary>\n<p>Karyawan biasanya mendapatkan slip gaji dari perusahaan, tepatnya melalui tim HR, bagian keuangan, atau sistem <em>payroll<\/em> yang digunakan perusahaan. Beberapa perusahaan masih membagikannya dalam bentuk cetak atau PDF, tetapi banyak juga yang sudah menyediakan slip gaji digital melalui email, portal karyawan, atau aplikasi HR berbasis <em>cloud<\/em>. Jadi, tempat karyawan mendapatkan slip gaji tergantung pada sistem administrasi penggajian yang dipakai perusahaan.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Apa yang perlu diperiksa karyawan <em>outsourcing<\/em> saat menerima slip gaji?<\/strong><\/summary>\n<p>Karyawan <em>outsourcing<\/em> sebaiknya tidak hanya melihat nominal akhir yang masuk ke rekening. Mereka juga perlu memeriksa periode gaji, nama perusahaan pemberi kerja, lokasi atau perusahaan penempatan, gaji pokok, tunjangan, lembur, insentif, potongan pajak, iuran BPJS, serta total <em>take home pay<\/em>. Dengan begitu, karyawan dapat memastikan tidak ada kekeliruan dalam perhitungan dan memahami secara jelas bagaimana nominal gaji bersih tersebut terbentuk.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Apa perbedaan slip gaji dengan rekening koran atau mutasi bank?<\/strong><\/summary>\n<p>Slip gaji menjelaskan rincian komponen penghasilan, seperti gaji pokok, tunjangan, bonus, lembur, potongan, hingga <em>take home pay<\/em>. Sedangkan, rekening koran atau mutasi bank hanya menunjukkan nominal uang yang masuk ke rekening tanpa menjelaskan asal perhitungannya secara detail.<\/p>\n<\/details>\n<\/li>\n<\/ul>\n<p><script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [{\n    \"@type\": \"Question\",\n    \"name\": \"Apa itu slip gaji karyawan?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Slip gaji karyawan adalah dokumen yang menunjukkan rincian penghasilan yang diterima karyawan dalam satu periode pembayaran, biasanya setiap bulan. Dokumen ini umumnya memuat gaji pokok, tunjangan, lembur, bonus, potongan seperti pajak dan BPJS, hingga total gaji bersih atau take home pay.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"Slip gaji didapatkan di mana?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Karyawan biasanya mendapatkan slip gaji dari perusahaan, tepatnya melalui tim HR, bagian keuangan, atau sistem payroll yang digunakan perusahaan. Beberapa perusahaan masih membagikannya dalam bentuk cetak atau PDF, tetapi banyak juga yang sudah menyediakan slip gaji digital melalui email, portal karyawan, atau aplikasi HR berbasis cloud. Jadi, tempat karyawan mendapatkan slip gaji tergantung pada sistem administrasi penggajian yang dipakai perusahaan.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"Apa yang perlu diperiksa karyawan outsourcing saat menerima slip gaji?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Karyawan outsourcing sebaiknya tidak hanya melihat nominal akhir yang masuk ke rekening. Mereka juga perlu memeriksa periode gaji, nama perusahaan pemberi kerja, lokasi atau perusahaan penempatan, gaji pokok, tunjangan, lembur, insentif, potongan pajak, iuran BPJS, serta total take home pay. Dengan begitu, karyawan dapat memastikan tidak ada kekeliruan dalam perhitungan dan memahami secara jelas bagaimana nominal gaji bersih tersebut terbentuk.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"Apa perbedaan slip gaji dengan rekening koran atau mutasi bank?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Slip gaji menjelaskan rincian komponen penghasilan, seperti gaji pokok, tunjangan, bonus, lembur, potongan, hingga take home pay. Sedangkan, rekening koran atau mutasi bank hanya menunjukkan nominal uang yang masuk ke rekening tanpa menjelaskan asal perhitungannya secara detail.\"\n    }\n  }]\n}\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Slip gaji karyawan merupakan dokumen yang tidak terpisahkan dari proses penggajian perusahaan. Dalam operasional bisnis yang makin cepat, slip gaji justru menjadi dokumen penting untuk menjaga transparansi, merapikan administrasi payroll, dan membantu karyawan memahami hak yang mereka terima dengan jelas. Bagi perusahaan, slip gaji memastikan proses pembayaran gaji atau upah tercatat dengan rapi. Bagi karyawan, [&hellip;]<\/p>\n","protected":false},"author":218,"featured_media":191311,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[6],"tags":[],"class_list":{"0":"post-191263","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 v27.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>10+ Contoh Slip Gaji Karyawan Swasta serta Templatenya &#187; HashMicro Indonesia<\/title>\n<meta name=\"description\" content=\"Temukan 10+ contoh slip gaji karyawan yang rapi, profesional, dan praktis untuk mendukung administrasi bisnis Anda. Download template slip gajinya di sini.\" \/>\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\/contoh-slip-gaji-karyawan-outsourcing\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10+ Contoh Slip Gaji Karyawan Swasta serta Templatenya\" \/>\n<meta property=\"og:description\" content=\"Temukan 10+ contoh slip gaji karyawan yang rapi, profesional, dan praktis untuk mendukung administrasi bisnis Anda. Download template slip gajinya di sini.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/contoh-slip-gaji-karyawan-outsourcing\/\" \/>\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=\"2026-03-25T03:28:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-21T01:26:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-outsourcing-hashmicro-1.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Reno Wicaksana\" \/>\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=\"Reno Wicaksana\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 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\\\/contoh-slip-gaji-karyawan-outsourcing\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/contoh-slip-gaji-karyawan-outsourcing\\\/\"},\"author\":{\"name\":\"Reno Wicaksana\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#\\\/schema\\\/person\\\/0d3340f667908102d8894da18f80732e\"},\"headline\":\"10+ Contoh Slip Gaji Karyawan Swasta serta Templatenya\",\"datePublished\":\"2026-03-25T03:28:00+00:00\",\"dateModified\":\"2026-04-21T01:26:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/contoh-slip-gaji-karyawan-outsourcing\\\/\"},\"wordCount\":2145,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/contoh-slip-gaji-karyawan-outsourcing\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/contoh-slip-gaji-karyawan-outsourcing-hashmicro-1.webp\",\"articleSection\":[\"HRM\"],\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/contoh-slip-gaji-karyawan-outsourcing\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/contoh-slip-gaji-karyawan-outsourcing\\\/\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/contoh-slip-gaji-karyawan-outsourcing\\\/\",\"name\":\"10+ Contoh Slip Gaji Karyawan Swasta serta Templatenya &#187; HashMicro Indonesia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/contoh-slip-gaji-karyawan-outsourcing\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/contoh-slip-gaji-karyawan-outsourcing\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/contoh-slip-gaji-karyawan-outsourcing-hashmicro-1.webp\",\"datePublished\":\"2026-03-25T03:28:00+00:00\",\"dateModified\":\"2026-04-21T01:26:45+00:00\",\"description\":\"Temukan 10+ contoh slip gaji karyawan yang rapi, profesional, dan praktis untuk mendukung administrasi bisnis Anda. Download template slip gajinya di sini.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/contoh-slip-gaji-karyawan-outsourcing\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/contoh-slip-gaji-karyawan-outsourcing\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/contoh-slip-gaji-karyawan-outsourcing\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/contoh-slip-gaji-karyawan-outsourcing-hashmicro-1.webp\",\"contentUrl\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/contoh-slip-gaji-karyawan-outsourcing-hashmicro-1.webp\",\"width\":1920,\"height\":1080,\"caption\":\"Contoh slip gaji karyawan outsourcing\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/contoh-slip-gaji-karyawan-outsourcing\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"10+ Contoh Slip Gaji Karyawan Swasta serta Templatenya\"}]},{\"@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\\\/0d3340f667908102d8894da18f80732e\",\"name\":\"Reno Wicaksana\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Reno-Wicaksana-96x96.webp\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Reno-Wicaksana-96x96.webp\",\"contentUrl\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Reno-Wicaksana-96x96.webp\",\"caption\":\"Reno Wicaksana\"},\"description\":\"Reno adalah HRM Specialist dan senior content writer dengan pengalaman lebih dari 5 tahun di industri teknologi dan manajemen sumber daya manusia. Secara konsisten mengangkat topik artikel seputar performance management, rekrutmen dan pengembangan SDM, manajemen talenta, dan sistem HRIS untuk pengelolaan karyawan.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/william-w-88353a262\\\/\"],\"gender\":\"Laki-laki\",\"knowsAbout\":[\"HRM\",\"HRIS\"],\"knowsLanguage\":[\"Inggris\",\"Indonesia\"],\"jobTitle\":\"Senior Content Writer on HRIS\",\"url\":\"https:\\\/\\\/www.hashmicro.com\\\/id\\\/blog\\\/author\\\/reno-wicaksana\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"10+ Contoh Slip Gaji Karyawan Swasta serta Templatenya &#187; HashMicro Indonesia","description":"Temukan 10+ contoh slip gaji karyawan yang rapi, profesional, dan praktis untuk mendukung administrasi bisnis Anda. Download template slip gajinya di sini.","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\/contoh-slip-gaji-karyawan-outsourcing\/","og_locale":"id_ID","og_type":"article","og_title":"10+ Contoh Slip Gaji Karyawan Swasta serta Templatenya","og_description":"Temukan 10+ contoh slip gaji karyawan yang rapi, profesional, dan praktis untuk mendukung administrasi bisnis Anda. Download template slip gajinya di sini.","og_url":"https:\/\/www.hashmicro.com\/id\/blog\/contoh-slip-gaji-karyawan-outsourcing\/","og_site_name":"HashMicro Indonesia","article_publisher":"https:\/\/www.facebook.com\/hashmicro","article_published_time":"2026-03-25T03:28:00+00:00","article_modified_time":"2026-04-21T01:26:45+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-outsourcing-hashmicro-1.webp","type":"image\/webp"}],"author":"Reno Wicaksana","twitter_card":"summary_large_image","twitter_creator":"@hashmicro","twitter_site":"@hashmicro","twitter_misc":{"Ditulis oleh":"Reno Wicaksana","Estimasi waktu membaca":"15 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hashmicro.com\/id\/blog\/contoh-slip-gaji-karyawan-outsourcing\/#article","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/contoh-slip-gaji-karyawan-outsourcing\/"},"author":{"name":"Reno Wicaksana","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/0d3340f667908102d8894da18f80732e"},"headline":"10+ Contoh Slip Gaji Karyawan Swasta serta Templatenya","datePublished":"2026-03-25T03:28:00+00:00","dateModified":"2026-04-21T01:26:45+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/contoh-slip-gaji-karyawan-outsourcing\/"},"wordCount":2145,"commentCount":0,"publisher":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/contoh-slip-gaji-karyawan-outsourcing\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-outsourcing-hashmicro-1.webp","articleSection":["HRM"],"inLanguage":"id","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hashmicro.com\/id\/blog\/contoh-slip-gaji-karyawan-outsourcing\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hashmicro.com\/id\/blog\/contoh-slip-gaji-karyawan-outsourcing\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/contoh-slip-gaji-karyawan-outsourcing\/","name":"10+ Contoh Slip Gaji Karyawan Swasta serta Templatenya &#187; HashMicro Indonesia","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/contoh-slip-gaji-karyawan-outsourcing\/#primaryimage"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/contoh-slip-gaji-karyawan-outsourcing\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-outsourcing-hashmicro-1.webp","datePublished":"2026-03-25T03:28:00+00:00","dateModified":"2026-04-21T01:26:45+00:00","description":"Temukan 10+ contoh slip gaji karyawan yang rapi, profesional, dan praktis untuk mendukung administrasi bisnis Anda. Download template slip gajinya di sini.","breadcrumb":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/contoh-slip-gaji-karyawan-outsourcing\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hashmicro.com\/id\/blog\/contoh-slip-gaji-karyawan-outsourcing\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/contoh-slip-gaji-karyawan-outsourcing\/#primaryimage","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-outsourcing-hashmicro-1.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/03\/contoh-slip-gaji-karyawan-outsourcing-hashmicro-1.webp","width":1920,"height":1080,"caption":"Contoh slip gaji karyawan outsourcing"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hashmicro.com\/id\/blog\/contoh-slip-gaji-karyawan-outsourcing\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hashmicro.com\/id\/blog\/"},{"@type":"ListItem","position":2,"name":"10+ Contoh Slip Gaji Karyawan Swasta serta Templatenya"}]},{"@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\/0d3340f667908102d8894da18f80732e","name":"Reno Wicaksana","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Reno-Wicaksana-96x96.webp","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Reno-Wicaksana-96x96.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Reno-Wicaksana-96x96.webp","caption":"Reno Wicaksana"},"description":"Reno adalah HRM Specialist dan senior content writer dengan pengalaman lebih dari 5 tahun di industri teknologi dan manajemen sumber daya manusia. Secara konsisten mengangkat topik artikel seputar performance management, rekrutmen dan pengembangan SDM, manajemen talenta, dan sistem HRIS untuk pengelolaan karyawan.","sameAs":["https:\/\/www.linkedin.com\/in\/william-w-88353a262\/"],"gender":"Laki-laki","knowsAbout":["HRM","HRIS"],"knowsLanguage":["Inggris","Indonesia"],"jobTitle":"Senior Content Writer on HRIS","url":"https:\/\/www.hashmicro.com\/id\/blog\/author\/reno-wicaksana\/"}]}},"focus_keyword":"contoh slip gaji karyawan outsourcing","order_j":"","_links":{"self":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/191263","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\/218"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/comments?post=191263"}],"version-history":[{"count":9,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/191263\/revisions"}],"predecessor-version":[{"id":192593,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/191263\/revisions\/192593"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media\/191311"}],"wp:attachment":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=191263"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/categories?post=191263"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/tags?post=191263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}