{"id":145863,"date":"2024-08-27T11:39:40","date_gmt":"2024-08-27T04:39:40","guid":{"rendered":"https:\/\/www.hashmicro.com\/id\/blog\/?p=145863"},"modified":"2026-03-13T11:24:04","modified_gmt":"2026-03-13T04:24:04","slug":"slip-gaji","status":"publish","type":"post","link":"https:\/\/www.hashmicro.com\/id\/blog\/slip-gaji\/","title":{"rendered":"Contoh Slip Gaji Karyawan, Manfaat, dan Komponennya"},"content":{"rendered":"<p><span class=\"BZ_Pyq_fadeIn\">Transparansi <\/span><span class=\"BZ_Pyq_fadeIn\">serta <\/span><span class=\"BZ_Pyq_fadeIn\">akuntabilitas <\/span><span class=\"BZ_Pyq_fadeIn\">menjadi <\/span><span class=\"BZ_Pyq_fadeIn\">fondasi <\/span><span class=\"BZ_Pyq_fadeIn\">kepercayaan <\/span><span class=\"BZ_Pyq_fadeIn\">dalam <\/span><span class=\"BZ_Pyq_fadeIn\">bisnis, <\/span><span class=\"BZ_Pyq_fadeIn\">dan <\/span><span class=\"BZ_Pyq_fadeIn\">slip <\/span><span class=\"BZ_Pyq_fadeIn\">gaji <\/span><span class=\"BZ_Pyq_fadeIn\">karyawan <\/span><span class=\"BZ_Pyq_fadeIn\">merupakan <\/span><span class=\"BZ_Pyq_fadeIn\">salah <\/span><span class=\"BZ_Pyq_fadeIn\">satu <\/span><span class=\"BZ_Pyq_fadeIn\">elemen <\/span><span class=\"BZ_Pyq_fadeIn\">yang <\/span><span class=\"BZ_Pyq_fadeIn\">menjaga <\/span><span class=\"BZ_Pyq_fadeIn\">hal <\/span><span class=\"BZ_Pyq_fadeIn\">tersebut. <\/span><span class=\"BZ_Pyq_fadeIn\">Dokumen <\/span><span class=\"BZ_Pyq_fadeIn\">ini <\/span><span class=\"BZ_Pyq_fadeIn\">bukan <\/span><span class=\"BZ_Pyq_fadeIn\">sekadar <\/span><span class=\"BZ_Pyq_fadeIn\">rincian <\/span><span class=\"BZ_Pyq_fadeIn\">pembayaran <\/span><span class=\"BZ_Pyq_fadeIn\">bulanan, <\/span><span class=\"BZ_Pyq_fadeIn\">tetapi <\/span><span class=\"BZ_Pyq_fadeIn\">juga <\/span><span class=\"BZ_Pyq_fadeIn\">menjadi <\/span><span class=\"BZ_Pyq_fadeIn\">bukti <\/span><span class=\"BZ_Pyq_fadeIn\">komitmen <\/span><span class=\"BZ_Pyq_fadeIn\">perusahaan <\/span><span class=\"BZ_Pyq_fadeIn\">terhadap <\/span><span class=\"BZ_Pyq_fadeIn\">keadilan <\/span><span class=\"BZ_Pyq_fadeIn\">serta <\/span><span class=\"BZ_Pyq_fadeIn\">keterbukaan.<\/span><\/p>\n<p>Dengan penerapan <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-employee-self-service-efisiensi-proses-administrasi-karyawan-bagi-perusahaan\/\">employee self-service<\/a> d<span class=\"BZ_Pyq_fadeIn\">alam <\/span><span class=\"BZ_Pyq_fadeIn\">sistem <\/span><span class=\"BZ_Pyq_fadeIn\">penggajian <\/span><span class=\"BZ_Pyq_fadeIn\">memudahkan <\/span><span class=\"BZ_Pyq_fadeIn\">karyawan <\/span><span class=\"BZ_Pyq_fadeIn\">mengakses <\/span><span class=\"BZ_Pyq_fadeIn\">serta <\/span><span class=\"BZ_Pyq_fadeIn\">memahami <\/span><span class=\"BZ_Pyq_fadeIn\">rincian <\/span><span class=\"BZ_Pyq_fadeIn\">gaji <\/span><span class=\"BZ_Pyq_fadeIn\">secara <\/span><span class=\"BZ_Pyq_fadeIn\">mandiri. <\/span><span class=\"BZ_Pyq_fadeIn\">Dengan <\/span><span class=\"BZ_Pyq_fadeIn\">demikian, <\/span><span class=\"BZ_Pyq_fadeIn\">transparansi <\/span><span class=\"BZ_Pyq_fadeIn\">meningkat <\/span><span class=\"BZ_Pyq_fadeIn\">sekaligus <\/span><span class=\"BZ_Pyq_fadeIn\">mengurangi <\/span><span class=\"BZ_Pyq_fadeIn\">potensi <\/span><span class=\"BZ_Pyq_fadeIn\">kesalahan <\/span><span class=\"BZ_Pyq_fadeIn\">komunikasi <\/span><span class=\"BZ_Pyq_fadeIn\">antara <\/span><span class=\"BZ_Pyq_fadeIn\">perusahaan <\/span><span class=\"BZ_Pyq_fadeIn\">dan <\/span><span class=\"BZ_Pyq_fadeIn\">karyawan.<\/span><\/p>\n<p data-start=\"558\" data-end=\"869\" data-is-last-node=\"\" data-is-only-node=\"\"><span class=\"BZ_Pyq_fadeIn\">Pada <\/span><span class=\"BZ_Pyq_fadeIn\">akhirnya, <\/span><span class=\"BZ_Pyq_fadeIn\">penggunaan <\/span><span class=\"BZ_Pyq_fadeIn\">struk <\/span><span class=\"BZ_Pyq_fadeIn\">gaji <\/span><span class=\"BZ_Pyq_fadeIn\">yang <\/span><span class=\"BZ_Pyq_fadeIn\">tepat <\/span><span class=\"BZ_Pyq_fadeIn\">tidak <\/span><span class=\"BZ_Pyq_fadeIn\">hanya <\/span><span class=\"BZ_Pyq_fadeIn\">membantu <\/span><span class=\"BZ_Pyq_fadeIn\">pencatatan <\/span><span class=\"BZ_Pyq_fadeIn\">finansial, <\/span><span class=\"BZ_Pyq_fadeIn\">tetapi <\/span><span class=\"BZ_Pyq_fadeIn\">juga <\/span><span class=\"BZ_Pyq_fadeIn\">berperan <\/span><span class=\"BZ_Pyq_fadeIn\">besar <\/span><span class=\"BZ_Pyq_fadeIn\">dalam <\/span><span class=\"BZ_Pyq_fadeIn\">membangun <\/span><span class=\"BZ_Pyq_fadeIn\">kepercayaan <\/span><span class=\"BZ_Pyq_fadeIn\">serta <\/span><span class=\"BZ_Pyq_fadeIn\">kepuasan <\/span><span class=\"BZ_Pyq_fadeIn\">karyawan. <\/span><span class=\"BZ_Pyq_fadeIn\">Oleh <\/span><span class=\"BZ_Pyq_fadeIn\">karena <\/span><span class=\"BZ_Pyq_fadeIn\">itu, <\/span><span class=\"BZ_Pyq_fadeIn\">artikel <\/span><span class=\"BZ_Pyq_fadeIn\">ini <\/span><span class=\"BZ_Pyq_fadeIn\">akan <\/span><span class=\"BZ_Pyq_fadeIn\">membahas <\/span><span class=\"BZ_Pyq_fadeIn\">lebih <\/span><span class=\"BZ_Pyq_fadeIn\">dalam <\/span><span class=\"BZ_Pyq_fadeIn\">mengenai <\/span><span class=\"BZ_Pyq_fadeIn\">apa <\/span><span class=\"BZ_Pyq_fadeIn\">itu <\/span><span class=\"BZ_Pyq_fadeIn\">slip <\/span><span class=\"BZ_Pyq_fadeIn\">gaji, <\/span><span class=\"BZ_Pyq_fadeIn\">manfaatnya <\/span><span class=\"BZ_Pyq_fadeIn\">bagi <\/span><span class=\"BZ_Pyq_fadeIn\">perusahaan <\/span><span class=\"BZ_Pyq_fadeIn\">dan <\/span><span class=\"BZ_Pyq_fadeIn\">karyawan, <\/span><span class=\"BZ_Pyq_fadeIn\">serta <\/span><span class=\"BZ_Pyq_fadeIn\">contohnya.<\/span><\/p>\n<table style=\"border-collapse: collapse; background-color: #fffacd; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); border-radius: 25px 25px 25px 25px;\" width=\"100%\">\n<tbody>\n<tr>\n<td style=\"padding: 15px; border: none;\">\n<h3 style=\"margin-bottom: 10px;\"><span style=\"background-color: #990000; color: #ffffff; padding: 5px;\"><b>Key Takeaways<\/b><\/span><\/h3>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"#a\">Slip gaji yaitu<\/a> dokumen resmi yang diberikan oleh perusahaan kepada karyawan setiap kali pembayaran gaji.<\/li>\n<li aria-level=\"1\">Slip gaji memiliki berbagai <a href=\"#b\">manfaat<\/a> untuk perusahaan dan karyawan.<\/li>\n<li aria-level=\"1\">Efisiensikan Slip Gaji Perusahaan dengan <a href=\"https:\/\/www.hashmicro.com\/id\/eva-hris-essentials\">Software HashMicro<\/a>.<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><span data-sheets-root=\"1\"><\/span><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\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\r\n\r\n<script>\r\n    \/\/ check which image to use based on screensize\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        function updateImageSource() {\r\n            var images = document.querySelectorAll('.responsive-image-banner');\r\n            var screenWidth = window.innerWidth;\r\n\r\n            images.forEach(function(img) {\r\n                var mobileSrc = img.getAttribute('data-mobile-src');\r\n                var desktopSrc = img.getAttribute('data-desktop-src');\r\n\r\n                if (screenWidth < 576 && mobileSrc) {\r\n                    img.setAttribute('src', mobileSrc);\r\n                } else {\r\n                    img.setAttribute('src', desktopSrc);\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Initial check\r\n        updateImageSource();\r\n\r\n        \/\/ Update on resize\r\n        window.addEventListener('resize', updateImageSource);\r\n    });\r\n<\/script>\n<h2><strong><span id=\"a\">Apa itu Slip Gaji?<\/span><\/strong><\/h2>\n<p><strong>Slip gaji <\/strong><span class=\"BZ_Pyq_fadeIn\">merupakan <\/span><span class=\"BZ_Pyq_fadeIn\">dokumen <\/span><span class=\"BZ_Pyq_fadeIn\">resmi <\/span><span class=\"BZ_Pyq_fadeIn\">yang <\/span><span class=\"BZ_Pyq_fadeIn\">diberikan <\/span><span class=\"BZ_Pyq_fadeIn\">perusahaan <\/span><span class=\"BZ_Pyq_fadeIn\">kepada <\/span><span class=\"BZ_Pyq_fadeIn\">karyawan <\/span><span class=\"BZ_Pyq_fadeIn\">setiap <\/span><span class=\"BZ_Pyq_fadeIn\">kali <\/span><span class=\"BZ_Pyq_fadeIn\">pembayaran <\/span><span class=\"BZ_Pyq_fadeIn\">gaji <\/span><span class=\"BZ_Pyq_fadeIn\">dilakukan. <\/span><span class=\"BZ_Pyq_fadeIn\">Dokumen <\/span><span class=\"BZ_Pyq_fadeIn\">ini <\/span><span class=\"BZ_Pyq_fadeIn\">memuat <\/span><span class=\"BZ_Pyq_fadeIn\">rincian <\/span><span class=\"BZ_Pyq_fadeIn\">jumlah <\/span><span class=\"BZ_Pyq_fadeIn\">gaji <\/span><span class=\"BZ_Pyq_fadeIn\">yang<\/span><span class=\"BZ_Pyq_fadeIn\">\u00a0<\/span><span class=\"BZ_Pyq_fadeIn\">termasuk <\/span><span class=\"BZ_Pyq_fadeIn\">potongan <\/span><span class=\"BZ_Pyq_fadeIn\">pajak, <\/span><span class=\"BZ_Pyq_fadeIn\">tunjangan, <\/span><span class=\"BZ_Pyq_fadeIn\">bonus, <\/span><span class=\"BZ_Pyq_fadeIn\">serta <\/span><span class=\"BZ_Pyq_fadeIn\">berbagai <\/span><span class=\"BZ_Pyq_fadeIn\">kontribusi <\/span><span class=\"BZ_Pyq_fadeIn\">lainnya.<\/span><\/p>\n<p><span class=\"BZ_Pyq_fadeIn\">Bagi <\/span><span class=\"BZ_Pyq_fadeIn\">karyawan, <\/span><span class=\"BZ_Pyq_fadeIn\">slip <\/span><span class=\"BZ_Pyq_fadeIn\">gaji <\/span><span class=\"BZ_Pyq_fadeIn\">bukan <\/span><span class=\"BZ_Pyq_fadeIn\">sekadar <\/span><span class=\"BZ_Pyq_fadeIn\">dokumen <\/span><span class=\"BZ_Pyq_fadeIn\">administratif. <\/span><span class=\"BZ_Pyq_fadeIn\">Sebaliknya, <\/span><span class=\"BZ_Pyq_fadeIn\">slip <\/span><span class=\"BZ_Pyq_fadeIn\">gaji <\/span><span class=\"BZ_Pyq_fadeIn\">juga <\/span><span class=\"BZ_Pyq_fadeIn\">menjadi <\/span><span class=\"BZ_Pyq_fadeIn\">pengakuan <\/span><span class=\"BZ_Pyq_fadeIn\">resmi <\/span><span class=\"BZ_Pyq_fadeIn\">atas <\/span><span class=\"BZ_Pyq_fadeIn\">upaya <\/span><span class=\"BZ_Pyq_fadeIn\">serta <\/span><span class=\"BZ_Pyq_fadeIn\">komitmen <\/span><span class=\"BZ_Pyq_fadeIn\">yang <\/span><span class=\"BZ_Pyq_fadeIn\">mereka <\/span><span class=\"BZ_Pyq_fadeIn\">berikan <\/span><span class=\"BZ_Pyq_fadeIn\">sepanjang <\/span><span class=\"BZ_Pyq_fadeIn\">bulan.<\/span><\/p>\n<p><span class=\"BZ_Pyq_fadeIn\">Selain <\/span><span class=\"BZ_Pyq_fadeIn\">itu, <\/span><span class=\"BZ_Pyq_fadeIn\">bagi <\/span><span class=\"BZ_Pyq_fadeIn\">perusahaan, <\/span><em data-start=\"478\" data-end=\"487\"><span class=\"BZ_Pyq_fadeIn\">payslip<\/span><\/em> <span class=\"BZ_Pyq_fadeIn\">berfungsi <\/span><span class=\"BZ_Pyq_fadeIn\">sebagai <\/span><span class=\"BZ_Pyq_fadeIn\">alat <\/span><span class=\"BZ_Pyq_fadeIn\">penting <\/span><span class=\"BZ_Pyq_fadeIn\">untuk <\/span><span class=\"BZ_Pyq_fadeIn\">menjaga <\/span><span class=\"BZ_Pyq_fadeIn\">transparansi <\/span><span class=\"BZ_Pyq_fadeIn\">serta <\/span><span class=\"BZ_Pyq_fadeIn\">akuntabilitas <\/span><span class=\"BZ_Pyq_fadeIn\">dalam <\/span><span class=\"BZ_Pyq_fadeIn\">proses <\/span><span class=\"BZ_Pyq_fadeIn\">pembayaran. <\/span><span class=\"BZ_Pyq_fadeIn\">Dengan <\/span><span class=\"BZ_Pyq_fadeIn\">menyediakan <\/span><span class=\"BZ_Pyq_fadeIn\">struk <\/span><span class=\"BZ_Pyq_fadeIn\">gaji <\/span><span class=\"BZ_Pyq_fadeIn\">yang <\/span><span class=\"BZ_Pyq_fadeIn\">jelas <\/span><span class=\"BZ_Pyq_fadeIn\">serta <\/span><span class=\"BZ_Pyq_fadeIn\">akurat, <\/span><span class=\"BZ_Pyq_fadeIn\">perusahaan <\/span><span class=\"BZ_Pyq_fadeIn\">menunjukkan <\/span><span class=\"BZ_Pyq_fadeIn\">perhatian <\/span><span class=\"BZ_Pyq_fadeIn\">terhadap <\/span><span class=\"BZ_Pyq_fadeIn\">kesejahteraan <\/span><span class=\"BZ_Pyq_fadeIn\">karyawan.<\/span><\/p>\n<p><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/sistem-penggajian\/\">Contoh sistem penggajian<\/a> yang baik mencakup penghitungan yang akurat dan pembayaran tepat waktu. Gunakan bantuan teknologi seperti software payroll yang terintegrasi dengan <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/\">aplikasi HRIS cloud <\/a>untuk meningkatkan efisiensi proses penggajian karyawan.<\/p>\n<h2><strong>Komponen dalam Slip Gaji Karyawan yang Efektif<\/strong><\/h2>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-145870 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/slip-gaji.webp\" alt=\"contoh slip gaji karyawan\" width=\"1200\" height=\"675\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/slip-gaji.webp 1200w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/slip-gaji-300x169.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/slip-gaji-1024x576.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/slip-gaji-768x432.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/slip-gaji-747x420.webp 747w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/slip-gaji-150x84.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/slip-gaji-696x392.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/slip-gaji-1068x601.webp 1068w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p>Agar slip gaji informatif dan akurat, penting untuk memahami komponen-komponen utamanya. Setiap elemen mencerminkan bagian dari total kompensasi yang diterima karyawan. Berikut penjelasannya:<\/p>\n<h3>1. Identitas karyawan<\/h3>\n<p><span class=\"BZ_Pyq_fadeIn\">Pertama, <\/span><span class=\"BZ_Pyq_fadeIn\">bagian <\/span><span class=\"BZ_Pyq_fadeIn\">ini <\/span><span class=\"BZ_Pyq_fadeIn\">mencakup <\/span><span class=\"BZ_Pyq_fadeIn\">nama <\/span><span class=\"BZ_Pyq_fadeIn\">lengkap, <\/span><span class=\"BZ_Pyq_fadeIn\">jabatan, <\/span><span class=\"BZ_Pyq_fadeIn\">nomor <\/span><span class=\"BZ_Pyq_fadeIn\">ID, <\/span><span class=\"BZ_Pyq_fadeIn\">serta <\/span><span class=\"BZ_Pyq_fadeIn\">departemen <\/span><span class=\"BZ_Pyq_fadeIn\">karyawan. <\/span><span class=\"BZ_Pyq_fadeIn\">Informasi <\/span><span class=\"BZ_Pyq_fadeIn\">tersebut <\/span><span class=\"BZ_Pyq_fadeIn\">memastikan <\/span><span class=\"BZ_Pyq_fadeIn\">slip <\/span><span class=\"BZ_Pyq_fadeIn\">gaji <\/span><span class=\"BZ_Pyq_fadeIn\">sampai <\/span><span class=\"BZ_Pyq_fadeIn\">kepada <\/span><span class=\"BZ_Pyq_fadeIn\">orang <\/span><span class=\"BZ_Pyq_fadeIn\">yang <\/span><span class=\"BZ_Pyq_fadeIn\">tepat, <\/span><span class=\"BZ_Pyq_fadeIn\">mempermudah <\/span><span class=\"BZ_Pyq_fadeIn\">administrasi, <\/span><span class=\"BZ_Pyq_fadeIn\">serta <\/span><span class=\"BZ_Pyq_fadeIn\">mencegah <\/span><span class=\"BZ_Pyq_fadeIn\">kesalahan <\/span><span class=\"BZ_Pyq_fadeIn\">distribusi. <\/span><span class=\"BZ_Pyq_fadeIn\">Selain <\/span><span class=\"BZ_Pyq_fadeIn\">itu, <\/span><span class=\"BZ_Pyq_fadeIn\">penyertaan <\/span><span class=\"BZ_Pyq_fadeIn\">identitas <\/span><span class=\"BZ_Pyq_fadeIn\">juga <\/span><span class=\"BZ_Pyq_fadeIn\">meningkatkan <\/span><span class=\"BZ_Pyq_fadeIn\">transparansi <\/span><span class=\"BZ_Pyq_fadeIn\">serta <\/span><span class=\"BZ_Pyq_fadeIn\">akuntabilitas <\/span><span class=\"BZ_Pyq_fadeIn\">dalam <\/span><span class=\"BZ_Pyq_fadeIn\">proses <\/span><span class=\"BZ_Pyq_fadeIn\">penggajian.<\/span><\/p>\n<h3>2. Rincian gaji pokok<\/h3>\n<p><span class=\"BZ_Pyq_fadeIn\">Selanjutnya, <\/span><span class=\"BZ_Pyq_fadeIn\">gaji <\/span><span class=\"BZ_Pyq_fadeIn\">pokok <\/span><span class=\"BZ_Pyq_fadeIn\">merupakan <\/span><span class=\"BZ_Pyq_fadeIn\">jumlah <\/span><span class=\"BZ_Pyq_fadeIn\">dasar <\/span><span class=\"BZ_Pyq_fadeIn\">yang <\/span><span class=\"BZ_Pyq_fadeIn\">dibayarkan <\/span><span class=\"BZ_Pyq_fadeIn\">kepada <\/span><span class=\"BZ_Pyq_fadeIn\">karyawan <\/span><span class=\"BZ_Pyq_fadeIn\">sesuai <\/span><span class=\"BZ_Pyq_fadeIn\">kontrak <\/span><span class=\"BZ_Pyq_fadeIn\">kerja, <\/span><span class=\"BZ_Pyq_fadeIn\">sebelum <\/span><span class=\"BZ_Pyq_fadeIn\">tambahan <\/span><span class=\"BZ_Pyq_fadeIn\">tunjangan <\/span><span class=\"BZ_Pyq_fadeIn\">maupun <\/span><span class=\"BZ_Pyq_fadeIn\">potongan. <\/span><span class=\"BZ_Pyq_fadeIn\">Komponen <\/span><span class=\"BZ_Pyq_fadeIn\">ini <\/span><span class=\"BZ_Pyq_fadeIn\">menjadi <\/span><span class=\"BZ_Pyq_fadeIn\">dasar <\/span><span class=\"BZ_Pyq_fadeIn\">perhitungan <\/span><span class=\"BZ_Pyq_fadeIn\">seluruh <\/span><span class=\"BZ_Pyq_fadeIn\">elemen <\/span><span class=\"BZ_Pyq_fadeIn\">gaji <\/span><span class=\"BZ_Pyq_fadeIn\">lainnya <\/span><span class=\"BZ_Pyq_fadeIn\">serta <\/span><span class=\"BZ_Pyq_fadeIn\">mencerminkan <\/span><span class=\"BZ_Pyq_fadeIn\">upah <\/span><span class=\"BZ_Pyq_fadeIn\">bulanan <\/span><span class=\"BZ_Pyq_fadeIn\">tetap <\/span><span class=\"BZ_Pyq_fadeIn\">yang <\/span><span class=\"BZ_Pyq_fadeIn\">diterima <\/span><span class=\"BZ_Pyq_fadeIn\">karyawan.<\/span><\/p>\n<h3>3. Tunjangan dan bonus<\/h3>\n<p data-start=\"961\" data-end=\"1108\"><span class=\"BZ_Pyq_fadeIn\">Selain <\/span><span class=\"BZ_Pyq_fadeIn\">gaji <\/span><span class=\"BZ_Pyq_fadeIn\">pokok, <\/span><span class=\"BZ_Pyq_fadeIn\">tunjangan <\/span><span class=\"BZ_Pyq_fadeIn\">mencakup <\/span><span class=\"BZ_Pyq_fadeIn\">fasilitas <\/span><span class=\"BZ_Pyq_fadeIn\">tambahan <\/span><span class=\"BZ_Pyq_fadeIn\">seperti <\/span><span class=\"BZ_Pyq_fadeIn\">transportasi, <\/span><span class=\"BZ_Pyq_fadeIn\">makan, <\/span><span class=\"BZ_Pyq_fadeIn\">kesehatan, <\/span><span class=\"BZ_Pyq_fadeIn\">atau <\/span><span class=\"BZ_Pyq_fadeIn\">perumahan <\/span><span class=\"BZ_Pyq_fadeIn\">untuk <\/span><span class=\"BZ_Pyq_fadeIn\">mendukung <\/span><span class=\"BZ_Pyq_fadeIn\">kebutuhan <\/span><span class=\"BZ_Pyq_fadeIn\">karyawan.<\/span><\/p>\n<p data-start=\"1110\" data-end=\"1318\"><span class=\"BZ_Pyq_fadeIn\">Sementara <\/span><span class=\"BZ_Pyq_fadeIn\">itu, <\/span><span class=\"BZ_Pyq_fadeIn\">bonus <\/span><span class=\"BZ_Pyq_fadeIn\">diberikan <\/span><span class=\"BZ_Pyq_fadeIn\">sebagai <\/span><span class=\"BZ_Pyq_fadeIn\">bentuk <\/span><span class=\"BZ_Pyq_fadeIn\">apresiasi <\/span><span class=\"BZ_Pyq_fadeIn\">atas <\/span><span class=\"BZ_Pyq_fadeIn\">kinerja <\/span><span class=\"BZ_Pyq_fadeIn\">atau <\/span><span class=\"BZ_Pyq_fadeIn\">pencapaian <\/span><span class=\"BZ_Pyq_fadeIn\">target. <\/span><span class=\"BZ_Pyq_fadeIn\">Misalnya, <\/span><span class=\"BZ_Pyq_fadeIn\">bonus <\/span><span class=\"BZ_Pyq_fadeIn\">tahunan, <\/span><span class=\"BZ_Pyq_fadeIn\">bonus <\/span><span class=\"BZ_Pyq_fadeIn\">prestasi, <\/span><span class=\"BZ_Pyq_fadeIn\">atau <\/span><span class=\"BZ_Pyq_fadeIn\">insentif <\/span><span class=\"BZ_Pyq_fadeIn\">yang <\/span><span class=\"BZ_Pyq_fadeIn\">berkaitan <\/span><span class=\"BZ_Pyq_fadeIn\">dengan <\/span><span class=\"BZ_Pyq_fadeIn\">pencapaian <\/span><span class=\"BZ_Pyq_fadeIn\">target <\/span><span class=\"BZ_Pyq_fadeIn\">individu <\/span><span class=\"BZ_Pyq_fadeIn\">maupun <\/span><span class=\"BZ_Pyq_fadeIn\">tim.<\/span><\/p>\n<h3>4. Potongan pajak dan iuran<\/h3>\n<p><span class=\"BZ_Pyq_fadeIn\">Kemudian, <\/span><span class=\"BZ_Pyq_fadeIn\">bagian <\/span><span class=\"BZ_Pyq_fadeIn\">ini <\/span><span class=\"BZ_Pyq_fadeIn\">mencakup <\/span><span class=\"BZ_Pyq_fadeIn\">pengurangan <\/span><span class=\"BZ_Pyq_fadeIn\">seperti <\/span><span class=\"BZ_Pyq_fadeIn\">PPh <\/span><span class=\"BZ_Pyq_fadeIn\">21 <\/span><span class=\"BZ_Pyq_fadeIn\">serta <\/span><span class=\"BZ_Pyq_fadeIn\">iuran <\/span><span class=\"BZ_Pyq_fadeIn\">BPJS <\/span><span class=\"BZ_Pyq_fadeIn\">yang <\/span><span class=\"BZ_Pyq_fadeIn\">wajib <\/span><span class=\"BZ_Pyq_fadeIn\">dibayarkan <\/span><span class=\"BZ_Pyq_fadeIn\">sesuai <\/span><span class=\"BZ_Pyq_fadeIn\">regulasi. <\/span><span class=\"BZ_Pyq_fadeIn\">Komponen <\/span><span class=\"BZ_Pyq_fadeIn\">ini <\/span><span class=\"BZ_Pyq_fadeIn\">menunjukkan <\/span><span class=\"BZ_Pyq_fadeIn\">bahwa <\/span><span class=\"BZ_Pyq_fadeIn\">perusahaan <\/span><span class=\"BZ_Pyq_fadeIn\">telah <\/span><span class=\"BZ_Pyq_fadeIn\">memenuhi <\/span><span class=\"BZ_Pyq_fadeIn\">kewajiban <\/span><span class=\"BZ_Pyq_fadeIn\">hukum. <\/span><span class=\"BZ_Pyq_fadeIn\">Selain <\/span><span class=\"BZ_Pyq_fadeIn\">itu, <\/span><span class=\"BZ_Pyq_fadeIn\">potongan <\/span><span class=\"BZ_Pyq_fadeIn\">tersebut <\/span><span class=\"BZ_Pyq_fadeIn\">juga <\/span><span class=\"BZ_Pyq_fadeIn\">memberikan <\/span><span class=\"BZ_Pyq_fadeIn\">transparansi <\/span><span class=\"BZ_Pyq_fadeIn\">mengenai <\/span><span class=\"BZ_Pyq_fadeIn\">kontribusi <\/span><span class=\"BZ_Pyq_fadeIn\">karyawan <\/span><span class=\"BZ_Pyq_fadeIn\">terhadap <\/span><span class=\"BZ_Pyq_fadeIn\">pajak <\/span><span class=\"BZ_Pyq_fadeIn\">serta <\/span><span class=\"BZ_Pyq_fadeIn\">jaminan <\/span><span class=\"BZ_Pyq_fadeIn\">sosial.<\/span><\/p>\n<h3>5. Tunjangan Hari Raya (THR)<\/h3>\n<p><span class=\"BZ_Pyq_fadeIn\">Selanjutnya, <\/span><span class=\"BZ_Pyq_fadeIn\">THR <\/span><span class=\"BZ_Pyq_fadeIn\">merupakan <\/span><span class=\"BZ_Pyq_fadeIn\">pembayaran <\/span><span class=\"BZ_Pyq_fadeIn\">tambahan <\/span><span class=\"BZ_Pyq_fadeIn\">yang <\/span><span class=\"BZ_Pyq_fadeIn\">wajib <\/span><span class=\"BZ_Pyq_fadeIn\">diberikan <\/span><span class=\"BZ_Pyq_fadeIn\">perusahaan <\/span><span class=\"BZ_Pyq_fadeIn\">kepada <\/span><span class=\"BZ_Pyq_fadeIn\">karyawan <\/span><span class=\"BZ_Pyq_fadeIn\">menjelang <\/span><span class=\"BZ_Pyq_fadeIn\">hari <\/span><span class=\"BZ_Pyq_fadeIn\">raya <\/span><span class=\"BZ_Pyq_fadeIn\">keagamaan <\/span><span class=\"BZ_Pyq_fadeIn\">sesuai <\/span><span class=\"BZ_Pyq_fadeIn\">ketentuan <\/span><span class=\"BZ_Pyq_fadeIn\">pemerintah. <\/span><span class=\"BZ_Pyq_fadeIn\">Umumnya, <\/span><span class=\"BZ_Pyq_fadeIn\">nilai <\/span><span class=\"BZ_Pyq_fadeIn\">THR <\/span><span class=\"BZ_Pyq_fadeIn\">setara <\/span><span class=\"BZ_Pyq_fadeIn\">dengan <\/span><span class=\"BZ_Pyq_fadeIn\">satu <\/span><span class=\"BZ_Pyq_fadeIn\">bulan <\/span><span class=\"BZ_Pyq_fadeIn\">gaji <\/span><span class=\"BZ_Pyq_fadeIn\">pokok. <\/span><span class=\"BZ_Pyq_fadeIn\">Oleh <\/span><span class=\"BZ_Pyq_fadeIn\">karena <\/span><span class=\"BZ_Pyq_fadeIn\">itu, <\/span><span class=\"BZ_Pyq_fadeIn\">komponen <\/span><span class=\"BZ_Pyq_fadeIn\">ini <\/span><span class=\"BZ_Pyq_fadeIn\">menjadi <\/span><span class=\"BZ_Pyq_fadeIn\">bentuk <\/span><span class=\"BZ_Pyq_fadeIn\">penghargaan <\/span><span class=\"BZ_Pyq_fadeIn\">sekaligus <\/span><span class=\"BZ_Pyq_fadeIn\">dukungan <\/span><span class=\"BZ_Pyq_fadeIn\">finansial <\/span><span class=\"BZ_Pyq_fadeIn\">bagi <\/span><span class=\"BZ_Pyq_fadeIn\">karyawan <\/span><span class=\"BZ_Pyq_fadeIn\">menjelang <\/span><span class=\"BZ_Pyq_fadeIn\">hari <\/span><span class=\"BZ_Pyq_fadeIn\">besar.<\/span><\/p>\n<h3>6. Lembur (upah kerja tambahan)<\/h3>\n<p><span class=\"BZ_Pyq_fadeIn\">Selain <\/span><span class=\"BZ_Pyq_fadeIn\">itu, <\/span><span class=\"BZ_Pyq_fadeIn\">lembur <\/span><span class=\"BZ_Pyq_fadeIn\">merupakan <\/span><span class=\"BZ_Pyq_fadeIn\">kompensasi <\/span><span class=\"BZ_Pyq_fadeIn\">atas <\/span><span class=\"BZ_Pyq_fadeIn\">jam <\/span><span class=\"BZ_Pyq_fadeIn\">kerja <\/span><span class=\"BZ_Pyq_fadeIn\">yang <\/span><span class=\"BZ_Pyq_fadeIn\">melebihi <\/span><span class=\"BZ_Pyq_fadeIn\">jam <\/span><span class=\"BZ_Pyq_fadeIn\">kerja <\/span><span class=\"BZ_Pyq_fadeIn\">normal. <\/span><span class=\"BZ_Pyq_fadeIn\">Perhitungan <\/span><span class=\"BZ_Pyq_fadeIn\">lembur <\/span><span class=\"BZ_Pyq_fadeIn\">mengikuti <\/span><span class=\"BZ_Pyq_fadeIn\">ketentuan <\/span><span class=\"BZ_Pyq_fadeIn\">dalam <\/span><span class=\"BZ_Pyq_fadeIn\">UU <\/span><span class=\"BZ_Pyq_fadeIn\">Ketenagakerjaan. <\/span><span class=\"BZ_Pyq_fadeIn\">Oleh <\/span><span class=\"BZ_Pyq_fadeIn\">karena <\/span><span class=\"BZ_Pyq_fadeIn\">itu, <\/span><span class=\"BZ_Pyq_fadeIn\">komponen <\/span><span class=\"BZ_Pyq_fadeIn\">ini <\/span><span class=\"BZ_Pyq_fadeIn\">perlu <\/span><span class=\"BZ_Pyq_fadeIn\">dicantumkan <\/span><span class=\"BZ_Pyq_fadeIn\">secara <\/span><span class=\"BZ_Pyq_fadeIn\">terpisah <\/span><span class=\"BZ_Pyq_fadeIn\">dalam <\/span><span class=\"BZ_Pyq_fadeIn\">slip <\/span><span class=\"BZ_Pyq_fadeIn\">gaji <\/span><span class=\"BZ_Pyq_fadeIn\">agar <\/span><span class=\"BZ_Pyq_fadeIn\">transparansi <\/span><span class=\"BZ_Pyq_fadeIn\">terhadap <\/span><span class=\"BZ_Pyq_fadeIn\">upah <\/span><span class=\"BZ_Pyq_fadeIn\">tambahan <\/span><span class=\"BZ_Pyq_fadeIn\">tetap <\/span><span class=\"BZ_Pyq_fadeIn\">terjaga.<\/span><\/p>\n<h3>7. Total gaji bersih<\/h3>\n<p><span class=\"BZ_Pyq_fadeIn\">Terakhir, <\/span><span class=\"BZ_Pyq_fadeIn\">total <\/span><span class=\"BZ_Pyq_fadeIn\">gaji <\/span><span class=\"BZ_Pyq_fadeIn\">bersih <\/span><span class=\"BZ_Pyq_fadeIn\">merupakan <\/span><span class=\"BZ_Pyq_fadeIn\">jumlah <\/span><span class=\"BZ_Pyq_fadeIn\">akhir <\/span><span class=\"BZ_Pyq_fadeIn\">yang <\/span><span class=\"BZ_Pyq_fadeIn\">diterima <\/span><span class=\"BZ_Pyq_fadeIn\">karyawan <\/span><span class=\"BZ_Pyq_fadeIn\">setelah <\/span><span class=\"BZ_Pyq_fadeIn\">seluruh <\/span><span class=\"BZ_Pyq_fadeIn\">potongan <\/span><span class=\"BZ_Pyq_fadeIn\">dihitung. <\/span><span class=\"BZ_Pyq_fadeIn\">Nilai <\/span><span class=\"BZ_Pyq_fadeIn\">ini <\/span><span class=\"BZ_Pyq_fadeIn\">merupakan <\/span><span class=\"BZ_Pyq_fadeIn\">dana <\/span><span class=\"BZ_Pyq_fadeIn\">yang <\/span><span class=\"BZ_Pyq_fadeIn\">masuk <\/span><span class=\"BZ_Pyq_fadeIn\">ke <\/span><span class=\"BZ_Pyq_fadeIn\">rekening <\/span><span class=\"BZ_Pyq_fadeIn\">karyawan <\/span><span class=\"BZ_Pyq_fadeIn\">setiap <\/span><span class=\"BZ_Pyq_fadeIn\">periode <\/span><span class=\"BZ_Pyq_fadeIn\">pembayaran. <\/span><span class=\"BZ_Pyq_fadeIn\">Selain <\/span><span class=\"BZ_Pyq_fadeIn\">itu, <\/span><span class=\"BZ_Pyq_fadeIn\">angka <\/span><span class=\"BZ_Pyq_fadeIn\">tersebut <\/span><span class=\"BZ_Pyq_fadeIn\">mencerminkan <\/span><span class=\"BZ_Pyq_fadeIn\">pendapatan <\/span><span class=\"BZ_Pyq_fadeIn\">riil <\/span><span class=\"BZ_Pyq_fadeIn\">karyawan <\/span><span class=\"BZ_Pyq_fadeIn\">setelah <\/span><span class=\"BZ_Pyq_fadeIn\">pengurangan <\/span><span class=\"BZ_Pyq_fadeIn\">pajak <\/span><span class=\"BZ_Pyq_fadeIn\">serta <\/span><span class=\"BZ_Pyq_fadeIn\">iuran <\/span><span class=\"BZ_Pyq_fadeIn\">lainnya.<\/span><\/p>\n<p><strong>Baca juga:<\/strong>\u00a0<strong><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/software-payroll-terbaik\/\">17 Rekomendasi Software Payroll Terbaik Indonesia 2025<\/a><\/strong><\/p>\n<h2><strong>Format Slip Gaji Karyawan<\/strong><\/h2>\n<p>Secara umum, format slip gaji dapat berbeda-beda tergantung kebutuhan masing-masing perusahaan. Format ini biasanya memuat lima elemen penting berikut:<\/p>\n<h3>1. Nama atau logo perusahaan<\/h3>\n<p>Bagian ini mencantumkan identitas perusahaan sebagai pihak resmi yang mengeluarkan slip gaji, baik secara online maupun offline. Ini penting untuk kejelasan dan pertanggungjawaban jika dokumen perlu untuk konfirmasi suatu saat nanti.<\/p>\n<h3>2. Pernyataan kerahasiaan<\/h3>\n<p>Meskipun gaji bersifat pribadi, dokumen gaji ini tetap perlu mencantumkan pernyataan bahwa dokumen bersifat rahasia. Hal ini menunjukkan bahwa informasi yang ada dalamnya tidak boleh disebarluaskan dan meningkatkan tingkat kepercayaan atas kerahasiaan data.<\/p>\n<h3>3. Periode pembayaran gaji<\/h3>\n<p>Slip gaji karyawan\u00a0 harus mencantumkan periode pembayaran secara jelas, misalnya tanggal awal dan akhir bulan. Sertakan juga tanggal cut-off jika gaji dihitung berdasarkan periode tertentu, misalnya 26 bulan sebelumnya hingga 25 bulan berjalan.<\/p>\n<h3>4. Rincian pendapatan dan potongan karyawan<\/h3>\n<p>Dokumen ini perlu mencantumkan secara jelas jumlah pendapatan karyawan, termasuk gaji pokok, tunjangan tetap, dan variabel seperti insentif atau lembur. Selain itu, potongan seperti BPJS, PPh 21, dan potongan lainnya juga harus ditampilkan agar karyawan mengetahui jumlah pendapatan bersih yang diterima setiap bulan.<\/p>\n<p>Transparansi ini penting untuk mencegah kesalahpahaman atau potensi konflik antara karyawan dan pihak HR\/payroll.<\/p>\n<h3>5. Rincian gaji sebelum dan sesudah pajak<\/h3>\n<p>Bagian ini menunjukkan total penghasilan karyawan dalam tahun berjalan, baik sebelum maupun sesudah dipotong pajak. Informasi ini sangat berguna bagi karyawan saat mengecek bukti potong pajak tahunan (Formulir 1721 A1) atau saat ingin melakukan perhitungan penghasilan kena pajak secara mandiri.<\/p>\n<style>\r\n\t#baca-juga {\r\n\t\tpadding: 16px;\r\n\t\tbackground-color: #f7eaea;\r\n\t\tborder-left: 3px solid #af2828;\r\n\t\tfont-weight: 500;\r\n\t\tmargin-bottom: 26px;\r\n\t}\r\n\t\r\n\t#baca-juga a {\r\n\t\tcolor: #af2828 !important;\r\n\t\ttransition: all 0.2s ease-in-out;\r\n\t}\r\n\t\r\n\t#baca-juga a:hover {\r\n\t\tcolor: #af282880 !important;\r\n\t}\r\n<\/style>\r\n\r\n<div id=\"baca-juga\">\r\n\t<span>Baca juga: <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/slip-gaji-online-generator\/\">Hitung Slip Gaji dengan Menggunakan Slip Gaji Generator Milik HashMicro<\/a><\/span>\r\n<\/div>\n<h2><strong>Contoh Slip Gaji Karyawan<\/strong><\/h2>\n<p>Untuk memberikan gambaran yang lebih jelas tentang bagaimana slip disusun dan disajikan, berikut ini adalah beberapa contoh slip gaji karyawan yang menunjukkan berbagai komponen penting yang biasanya terdapat dalam dokumen tersebut.<\/p>\n<p>Contoh-contoh ini akan membantu Anda memahami format yang efektif serta informasi agar mudah dibaca dan informatif.<\/p>\n<h3><strong>1. Contoh slip gaji karyawan sederhana<\/strong><\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-145865 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/Slip-Gaji-Template-2-scaled.webp\" alt=\"contoh slip gaji karyawan\" width=\"1698\" height=\"2048\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/Slip-Gaji-Template-2-scaled.webp 1698w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/Slip-Gaji-Template-2-249x300.webp 249w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/Slip-Gaji-Template-2-849x1024.webp 849w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/Slip-Gaji-Template-2-768x926.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/Slip-Gaji-Template-2-1274x1536.webp 1274w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/Slip-Gaji-Template-2-348x420.webp 348w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/Slip-Gaji-Template-2-150x181.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/Slip-Gaji-Template-2-300x362.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/Slip-Gaji-Template-2-696x839.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/Slip-Gaji-Template-2-1068x1288.webp 1068w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/Slip-Gaji-Template-2-1920x2316.webp 1920w\" sizes=\"auto, (max-width: 1698px) 100vw, 1698px\" \/><\/p>\n<h3><strong>2. Template slip gaji bulanan (dengan download link)<\/strong><\/h3>\n<!-- shortcode CTA download new -->\r\n\r\n<div class=\"download-wrapper new\">\r\n\t<p class=\"download-desc\">Template Slip Gaji Bulanan<\/p>\r\n\t\r\n\t<div class=\"download-top\" style=\"position: relative;\">\r\n\t\t<div class=\"opacity-ef\"><\/div>\r\n\t\t<img decoding=\"async\" class=\"download-img\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/Template-Slip-Gaji-scaled.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:\/\/docs.google.com\/document\/d\/1LrjNTkB0TXtA7ZbpOoDVUZZxovXDaBjqPj88mqm8KBQ\/copy\"\r\n\t\t\tdata-format=\"docs\">\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\t\t<button \r\n\t\t\tclass=\"downloadBtn\" \r\n\t\t\tpopup-content=\"template\" \r\n\t\t\tdata-link=\"https:\/\/docs.google.com\/document\/d\/1LrjNTkB0TXtA7ZbpOoDVUZZxovXDaBjqPj88mqm8KBQ\/export?format=doc\"\r\n\t\t\tdata-format=\"word\">\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\t<\/div>\r\n\t\r\n\t\t<div class=\"download-bottom\" style=\"position: relative;\">\r\n\t\t<div class=\"opacity-ef\"><\/div>\r\n\t\t<img decoding=\"async\" class=\"download-img\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/Template-Slip-Gaji-scaled.webp\" alt=\"template slip gaji bulanan\">\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<p>Template di atas dapat di-download dalam bentuk Word, PDF, dan Google Docs, supaya Anda dapat mengatur sendiri komponen-komponen gaji yang Anda butuhkan. Secara sederhana, template ini adalah format penggajian karyawan yang terstandardisasi dan berfungsi sebagai dokumen yang sah di mata hukum.<\/p>\n<h3><strong>3. Contoh Slip Gaji Karyawan Swasta<\/strong><\/h3>\n<p>Contoh slip gaji karyawan swasta dapat membantu Anda memahami format, komponen, dan informasi penting yang biasanya tercantum di dalamnya. Cocok untuk jenis bisnis apa saja. Unduh di sini.<\/p>\n<!-- shortcode CTA download new -->\r\n\r\n<div class=\"download-wrapper new\">\r\n\t<p class=\"download-desc\">Contoh Slip Gaji Karyawan Swasta<\/p>\r\n\t\r\n\t<div class=\"download-top\" style=\"position: relative;\">\r\n\t\t<div class=\"opacity-ef\"><\/div>\r\n\t\t<img decoding=\"async\" class=\"download-img\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/Contoh-Slip-Gaji-Karyawan-Swasta.webp\">\r\n\t<\/div>\r\n\t\r\n\t<div class=\"button-wrapper\">\r\n\t\t\r\n  \t\t\t\t<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\/2024\/08\/Contoh-Slip-Gaji-Karyawan-Swasta.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\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\/2024\/08\/Contoh-Slip-Gaji-Karyawan-Swasta.pdf\"\r\n\t\t\tdata-format=\"pdf\">\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\t<\/div>\r\n\t\r\n\t\t<div class=\"download-bottom\" style=\"position: relative;\">\r\n\t\t<div class=\"opacity-ef\"><\/div>\r\n\t\t<img decoding=\"async\" class=\"download-img\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/Contoh-Slip-Gaji-Karyawan-Swasta.webp\" alt=\"Contoh Slip Gaji Karyawan Swasta\">\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><strong>4. Contoh Slip Gaji Karyawan Toko<\/strong><\/h3>\n<p>Slip gaji ini cocok untuk bisnis retail seperti toko baju, toko sepatu, atau toko perhiasan. Unduh contoh slip gaji karyawan toko di sini.<\/p>\n<!-- shortcode CTA download new -->\r\n\r\n<div class=\"download-wrapper new\">\r\n\t<p class=\"download-desc\">Contoh Slip Gaji Karyawan Toko<\/p>\r\n\t\r\n\t<div class=\"download-top\" style=\"position: relative;\">\r\n\t\t<div class=\"opacity-ef\"><\/div>\r\n\t\t<img decoding=\"async\" class=\"download-img\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/Contoh-Slip-Gaji-Karyawan-Toko.webp\">\r\n\t<\/div>\r\n\t\r\n\t<div class=\"button-wrapper\">\r\n\t\t\r\n  \t\t\t\t<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\/2024\/08\/Contoh-Slip-Gaji-Karyawan-Toko.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\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\/2024\/08\/Contoh-Slip-Gaji-Karyawan-Toko.pdf\"\r\n\t\t\tdata-format=\"pdf\">\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\t<\/div>\r\n\t\r\n\t\t<div class=\"download-bottom\" style=\"position: relative;\">\r\n\t\t<div class=\"opacity-ef\"><\/div>\r\n\t\t<img decoding=\"async\" class=\"download-img\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/Contoh-Slip-Gaji-Karyawan-Toko.webp\" alt=\"Contoh Slip Gaji Karyawan Toko\">\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><strong>5. Contoh Slip Gaji Excel<\/strong><\/h3>\n<p>Contoh slip gaji Excel banyak digunakan karena mudah disesuaikan dengan kebutuhan bisnis dan praktis untuk diolah. Dengan memahami formatnya, Anda dapat memastikan proses payroll lebih rapi, akurat, dan efisien. Unduh contoh format Excel di sini.<\/p>\n<!-- shortcode CTA download new -->\r\n\r\n<div class=\"download-wrapper new\">\r\n\t<p class=\"download-desc\">Contoh Slip Gaji Excel<\/p>\r\n\t\r\n\t<div class=\"download-top\" style=\"position: relative;\">\r\n\t\t<div class=\"opacity-ef\"><\/div>\r\n\t\t<img decoding=\"async\" class=\"download-img\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/Contoh-Slip-Gaji-Excel.webp\">\r\n\t<\/div>\r\n\t\r\n\t<div class=\"button-wrapper\">\r\n\t\t\r\n  \t\t\t\t<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\/2024\/08\/Template-Slip-Gaji-Contoh-Slip-Gaji-Excel.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\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\/2024\/08\/Template-Slip-Gaji-Contoh-Slip-Gaji-Excel.pdf\"\r\n\t\t\tdata-format=\"pdf\">\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\t<\/div>\r\n\t\r\n\t\t<div class=\"download-bottom\" style=\"position: relative;\">\r\n\t\t<div class=\"opacity-ef\"><\/div>\r\n\t\t<img decoding=\"async\" class=\"download-img\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/Contoh-Slip-Gaji-Excel.webp\" alt=\"Contoh Slip Gaji Excel\">\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><strong>6. Contoh Slip Gaji Karyawan Online<\/strong><\/h3>\n<p>Slip gaji jenis ini cocok untuk karyawan yang bekerja jarak jauh atau secara hybrid. Unduh contoh slip gaji karyawan online di sini.<\/p>\n<!-- shortcode CTA download new -->\r\n\r\n<div class=\"download-wrapper new\">\r\n\t<p class=\"download-desc\">Contoh Slip Gaji Karyawan Online<\/p>\r\n\t\r\n\t<div class=\"download-top\" style=\"position: relative;\">\r\n\t\t<div class=\"opacity-ef\"><\/div>\r\n\t\t<img decoding=\"async\" class=\"download-img\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/SLIP-GAJI-KARYAWAN-ONLINE.webp\">\r\n\t<\/div>\r\n\t\r\n\t<div class=\"button-wrapper\">\r\n\t\t\r\n  \t\t\t\t<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\/2024\/08\/SLIP-GAJI-KARYAWAN-ONLINE.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\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\/2024\/08\/Template-Slip-Gaji-SLIP-GAJI-KARYAWAN-ONLINE.pdf\"\r\n\t\t\tdata-format=\"pdf\">\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\t<\/div>\r\n\t\r\n\t\t<div class=\"download-bottom\" style=\"position: relative;\">\r\n\t\t<div class=\"opacity-ef\"><\/div>\r\n\t\t<img decoding=\"async\" class=\"download-img\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/SLIP-GAJI-KARYAWAN-ONLINE.webp\" alt=\"Contoh Slip Gaji Karyawan Online\">\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><strong>7. Contoh Slip Gaji Karyawan Part-Time<\/strong><\/h3>\n<p>Slip gaji jenis ini bisa dipakai oleh karyawan dengan kontrak part-time yang gajinya dihitung per hari atau per jam. Unduh contoh slip gaji karyawan part-time di sini.<\/p>\n<!-- shortcode CTA download new -->\r\n\r\n<div class=\"download-wrapper new\">\r\n\t<p class=\"download-desc\">Contoh Slip Gaji Karyawan Part-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\/2024\/08\/Contoh-Slip-Gaji-Karyawan-Part-Time.webp\">\r\n\t<\/div>\r\n\t\r\n\t<div class=\"button-wrapper\">\r\n\t\t\r\n  \t\t\t\t<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\/2024\/08\/Template-Slip-Gaji-Contoh-Slip-Gaji-Karyawan-Part-Time.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\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\/2024\/08\/Template-Slip-Gaji-Contoh-Slip-Gaji-Karyawan-Part-Time.pdf\"\r\n\t\t\tdata-format=\"pdf\">\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\t<\/div>\r\n\t\r\n\t\t<div class=\"download-bottom\" style=\"position: relative;\">\r\n\t\t<div class=\"opacity-ef\"><\/div>\r\n\t\t<img decoding=\"async\" class=\"download-img\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/Contoh-Slip-Gaji-Karyawan-Part-Time.webp\" alt=\"Contoh Slip Gaji Karyawan Part-Time\">\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<h2><strong><span id=\"b\">Manfaat Slip Gaji bagi Perusahaan dan Karyawan<\/span><\/strong><\/h2>\n<p>Slip gaji bukan hanya sebuah formalitas dalam administrasi perusahaan, namun memiliki peran penting yang berdampak langsung pada kesejahteraan karyawan serta kelancaran operasional perusahaan. Berikut beberapa manfaat bagi perusahaan dan karyawan:<\/p>\n<h3>Manfaat bagi Perusahaan:<\/h3>\n<ul>\n<li><strong>Transparansi finansial<\/strong>: Slip gaji memastikan keterbukaan dalam proses pembayaran, sehingga mengurangi potensi konflik dan kesalahpahaman terkait gaji.<\/li>\n<li><strong>Kepatuhan hukum<\/strong>: Dengan menerbitkan struk gaji yang sesuai dengan ketentuan hukum, perusahaan mematuhi regulasi ketenagakerjaan yang berlaku dan menghindari sanksi hukum.<\/li>\n<li><strong>Catatan administrasi<\/strong>: Dokumen ini membantu perusahaan dalam proses audit internal maupun eksternal, serta dalam penyusunan laporan pajak.<\/li>\n<\/ul>\n<h3>Manfaat bagi Karyawan:<\/h3>\n<ul>\n<li><strong>Bukti penghasilan resmi<\/strong>: Slip gaji berfungsi sebagai bukti sah bahwa karyawan menerima upah sesuai ketentuan. Ini penting saat mengajukan pinjaman, kredit, beasiswa, asuransi, atau visa.<\/li>\n<li><strong>Pemahaman hak dan transparansi kompensasi<\/strong>: Dengan rincian yang jelas, karyawan dapat mengetahui struktur penghasilan mereka, termasuk gaji pokok, tunjangan, dan potongan pajak, sehingga merasa dihargai dan tidak dirugikan.<\/li>\n<li><strong>Kemudahan pelaporan pajak<\/strong>: Slip gaji mencantumkan penghasilan bruto dan pajak terpotong, sehingga memudahkan karyawan dalam menyusun dan melaporkan SPT Tahunan.<\/li>\n<li><strong>Perencanaan keuangan pribadi<\/strong>: Dengan informasi yang rinci dan teratur setiap bulan, karyawan dapat lebih mudah mengatur anggaran pribadi dan mengambil keputusan keuangan yang tepat.<\/li>\n<li><strong>Catatan riwayat gaji<\/strong>: Berfungsi sebagai arsip riwayat penghasilan selama bekerja di perusahaan, berguna saat mengajukan kenaikan gaji, mutasi, atau saat berpindah kerja.<\/li>\n<\/ul>\n<style>\r\n    * {\r\n        margin: 0;\r\n        padding: 0;\r\n        box-sizing: border-box;\r\n\/*         font-family: 'Roboto', sans-serif; *\/\r\n    }\r\n\t\r\n\t.hashy-content a {\r\n\t\t\tcolor: #b0e0e6  !important;\r\n\t\t\ttext-decoration: underline !important;\r\n\t}\r\n\t.hashy-content a:hover {\r\n\t\t\ttext-decoration: underline !important;\r\n\t}\r\n\t\r\n\t.hashy-content .hashy-cta {\r\n\t\ttext-decoration: none !important;\r\n\t}\r\n\t\r\n\t.hashy-content .hashy-cta:hover {\r\n\t\t\ttext-decoration: none !important;\r\n\t}\r\n\r\n    .hashylogo {\r\n        width: 280px !important;\r\n        height: 70px !important;\r\n    }\r\n\r\n    .hashyrobot {\r\n        position: absolute;\r\n        top: -30%;\r\n        left: 80%;\r\n\t\tz-index: 10;\r\n    }\r\n\r\n    .hashy {\r\n\t\tmargin: 80px 0px 30px 0px;\r\n        display: flex;\r\n        gap: 16px;\r\n        flex-direction: column;\r\n\t\tposition: relative;\r\n    }\r\n\r\n    .hashy-fact {\r\n        width: 200px;\r\n        height: 55px;\r\n        justify-content: center;\r\n        color: #FFF !important;\r\n        text-align: center;\r\n        font-family: Roboto;\r\n        font-size: 20px;\r\n        font-style: normal;\r\n        font-weight: 700;\r\n        line-height: normal;\r\n        display: flex;\r\n        padding: 12px 30px;\r\n        align-items: center;\r\n        gap: 8px;\r\n        border-radius: 48px;\r\n        background: linear-gradient(238deg, #7B00FF 2.44%, #FBB8FF 154.72%), #F3E3FF;\r\n        box-shadow: 0px 0px 12px 0px rgba(125, 2, 255, 0.30);\r\n    }\r\n\t\r\n\t.hashy-fact p {\r\n\t\tcolor: #FFF !important;align-content\r\n\t}\r\n\r\n    .hashy-fact-star {\r\n        position: absolute;\r\n        top: -2%;\r\n        left: 200px;\r\n        width: 50px;\r\n        height: 38px;\r\n    }\r\n\r\n    .hashy-content {\r\n        width: 100%;\r\n        height: auto;\r\n        justify-content: center;\r\n        border-radius: 12px;\r\n        padding: 24px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 16px;\r\n        color: #fff !important;\r\n        background: linear-gradient(238deg, #7B00FF 2.44%, #FBB8FF 154.72%), #F3E3FF;\r\n        box-shadow: 0px 0px 12px 0px #7D02FF4D;\r\n        border: 1px solid #7D02FF;\r\n        position: relative;\r\n    }\r\n\r\n    .hashy-content h3 {\r\n        color: #FFF !important;\r\n        font-size: 22px;\r\n        font-style: normal;\r\n        font-weight: 800;\r\n        line-height: normal;\r\n        margin: 0px !important;\r\n    }\r\n    \r\n    .hashy-content p {\r\n        margin-bottom: 0px !important;\r\n\t\tcolor: #FFF !important;\r\n    }\r\n    \r\n    .hashy p {\r\n        margin-bottom: 0px !important;\r\n    }\r\n\r\n     .hashy-cta {\r\n        cursor: pointer;\r\n        justify-content: center;\r\n        align-items: center;\r\n        width: fit-content;\r\n        height: 45px;\r\n        border: 1px solid #7D02FF;\r\n        background: #F8EEFF;\r\n        box-shadow: 0px 4px 4px 0px #00000040, \r\n                   0px 0px 15.5px 0px #FFFFFF66;\r\n        padding: 12px 24px;\r\n        gap: 8px;\r\n        border-radius: 8px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        transition: all 0.3s ease;\r\n        text-decoration: none;\r\n    }\r\n\r\n    .hashy-cta p {\r\n        color: #8627DE !important;\r\n        text-align: center;\r\n        font-weight: 800;\r\n        font-size: 16px;\r\n        line-height: 100%;\r\n    }\r\n\r\n    .hashy-cta img {\r\n        width: 25px;\r\n        height: 20px;\r\n        margin-bottom: 0px !important;\r\n    }\r\n\r\n    .hashy-cta::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: -100%;\r\n        width: 60%;\r\n        height: 100%;\r\n        background: linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            rgba(98, 0, 234, 0.4),\r\n            rgba(98, 0, 234, 0.6),\r\n            transparent\r\n        );\r\n        transform: skewX(-15deg);\r\n        animation: visible-shimmer 2.5s infinite;\r\n    }\r\n\r\n    @keyframes visible-shimmer {\r\n        100% {\r\n            left: 150%;\r\n        }\r\n    }\r\n\r\n    .hashy-cta:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(125, 2, 255, 0.4);\r\n    }\r\n\r\n    .hashy-cta:active {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    @media screen and (max-width: 550px) {\r\n\t\t.hashy{\r\n\t\t\tmargin: 50px 0px 30px 0px;\r\n\t\t}\r\n        .hashy-fact {\r\n            display: flex;\r\n            padding: 8px 20px;\r\n            align-items: center;\r\n            gap: 8px;\r\n            border-radius: 48px;\r\n            background: linear-gradient(242deg, #B14CF1 2.92%, #7B00FF 104.91%), #F3E3FF;\r\n            box-shadow: 0px 0px 12px 0px rgba(125, 2, 255, 0.30);\r\n        }\r\n\r\n        .hashy-fact-star {\r\n            width: 36px;\r\n            height: 29px;\r\n\t\t\tleft:52%;\r\n        }\r\n\t\t\r\n\t\t.hashy-fact {\r\n    \t\twidth: fit-content;\r\n\t\t\theight: auto;align-content\r\n\t\t}\r\n\r\n        .hashy-fact p {\r\n            color: #FFF !important;\r\n            text-align: center;\r\n            font-size: 18px;\r\n            font-weight: 700;\r\n            line-height: normal;\r\n        }\r\n\r\n        .hashy-content {\r\n            display: flex;\r\n            width: 100%;\r\n            padding: 16px;\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            border-radius: 8px;\r\n            border: 1px solid #7D02FF;\r\n            background: linear-gradient(238deg, #7B00FF 2.44%, #FBB8FF 154.72%), #F3E3FF;\r\n            box-shadow: 0px 0px 12px 0px rgba(125, 2, 255, 0.30);\r\n            gap: 12px;\r\n        }\r\n\r\n        .hashy-content h3 {\r\n            color: #FFF !important;\r\n            font-family: Roboto;\r\n            font-size: 16px;\r\n\t\t\tpadding: 0px !important;\r\n            font-style: normal;\r\n            font-weight: 800;\r\n            line-height: normal;\r\n        }\r\n\r\n        .hashy-content p {\r\n            color: #FFF !important;\r\n            font-size: 14px;\r\n            font-weight: 400;\r\n            line-height: 18px;\r\n        }\r\n\t\t\r\n        .hashy-cta {\r\n            display: flex;\r\n            padding: 12px 16px;\r\n            align-items: center;\r\n            gap: 8px;\r\n            width: fit-content;\r\n            border-radius: 8px;\r\n            border: 1px solid #7D02FF;\r\n            background: #F8EEFF;\r\n            box-shadow: 0px 0px 15.5px 0px rgba(255, 255, 255, 0.40), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);\r\n        }\r\n\r\n        .hashy-cta p {\r\n            color: #8627DE !important;\r\n            text-align: center;\r\n            font-size: 14px;\r\n            font-weight: 800;\r\n            line-height: normal;\r\n        }\r\n\r\n        .hashyrobot {\r\n            top: -17%;\r\n            left: 75%;\r\n            width: 64px;\r\n            height: 110px;        \r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div>\r\n    <div class=\"hashy\">\r\n        <div class=\"hashy-fact\">\r\n            <p>Tahukah Anda?<\/p>\r\n\t\t\t<div  class=\"hashy-fact-star\">\r\n\t\t\t\t\t  <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"36\" height=\"28\" viewBox=\"0 0 36 28\" fill=\"none\">\r\n\t\t\t\t\t  <path d=\"M17.7875 22.5125C20.7747 23.1401 21.7146 24.0249 22.3263 26.9054C22.3463 26.9933 22.3964 27.0718 22.4684 27.1281C22.5404 27.1844 22.6299 27.215 22.7222 27.215C22.8145 27.215 22.904 27.1844 22.976 27.1281C23.048 27.0718 23.0981 26.9933 23.1181 26.9054C23.7619 23.9936 24.6697 23.0773 27.6248 22.5125C27.7148 22.493 27.7954 22.4441 27.8532 22.374C27.9109 22.3038 27.9424 22.2165 27.9424 22.1266C27.9424 22.0366 27.9109 21.9493 27.8532 21.8792C27.7954 21.809 27.7148 21.7601 27.6248 21.7406C24.6439 21.1131 23.704 20.2282 23.1181 17.3477C23.0981 17.2599 23.048 17.1813 22.976 17.1251C22.904 17.0688 22.8145 17.0381 22.7222 17.0381C22.6299 17.0381 22.5404 17.0688 22.4684 17.1251C22.3964 17.1813 22.3463 17.2599 22.3263 17.3477C21.6825 20.2533 20.7747 21.1695 17.8196 21.7406C17.7285 21.7563 17.6456 21.8018 17.5847 21.8697C17.5237 21.9376 17.4885 22.0238 17.4847 22.1139C17.481 22.2041 17.5089 22.2927 17.564 22.3652C17.6191 22.4378 17.6979 22.4897 17.7875 22.5125Z\" fill=\"#AF48F2\"\/>\r\n\t\t\t\t\t  <path d=\"M0.643802 13.5823C7.6355 14.8374 9.54115 16.7201 10.8288 23.5103C10.8288 23.6767 10.8966 23.8363 11.0173 23.954C11.1381 24.0717 11.3018 24.1378 11.4726 24.1378C11.6433 24.1378 11.8071 24.0717 11.9278 23.954C12.0485 23.8363 12.1164 23.6767 12.1164 23.5103C13.404 16.695 15.3354 14.8374 22.2949 13.5823C22.4656 13.5823 22.6294 13.5161 22.7501 13.3984C22.8709 13.2808 22.9387 13.1211 22.9387 12.9547C22.9387 12.7883 22.8709 12.6286 22.7501 12.5109C22.6294 12.3933 22.4656 12.3271 22.2949 12.3271C15.3032 11.072 13.404 9.22071 12.1164 2.40539C12.1164 2.23895 12.0485 2.07933 11.9278 1.96164C11.8071 1.84395 11.6433 1.77783 11.4726 1.77783C11.3018 1.77783 11.1381 1.84395 11.0173 1.96164C10.8966 2.07933 10.8288 2.23895 10.8288 2.40539C9.54115 9.22071 7.60975 11.072 0.643802 12.3271C0.473055 12.3271 0.309302 12.3933 0.188565 12.5109C0.067829 12.6286 0 12.7883 0 12.9547C0 13.1211 0.067829 13.2808 0.188565 13.3984C0.309302 13.5161 0.473055 13.5823 0.643802 13.5823Z\" fill=\"#AF48F2\"\/>\r\n\t\t\t\t\t  <path d=\"M22.8576 7.12452C27.2547 7.84621 28.2848 8.85659 29.0316 13.1428C29.0418 13.2081 29.0757 13.2677 29.1271 13.3107C29.1784 13.3538 29.2439 13.3774 29.3117 13.3774C29.3794 13.3774 29.445 13.3538 29.4963 13.3107C29.5477 13.2677 29.5816 13.2081 29.5917 13.1428C30.3643 8.85659 31.3751 7.85249 35.7723 7.12452C35.8371 7.11097 35.8952 7.07617 35.9368 7.02592C35.9785 6.97567 36.0012 6.91301 36.0012 6.84839C36.0012 6.78378 35.9785 6.72112 35.9368 6.67086C35.8952 6.62061 35.8371 6.58581 35.7723 6.57226C31.3751 5.84429 30.3643 4.8402 29.5917 0.553954C29.5816 0.488664 29.5477 0.429094 29.4963 0.38605C29.445 0.343005 29.3794 0.319336 29.3117 0.319336C29.2439 0.319336 29.1784 0.343005 29.1271 0.38605C29.0757 0.429094 29.0418 0.488664 29.0316 0.553954C28.2848 4.8402 27.2547 5.84429 22.8576 6.59737C22.8029 6.61786 22.7559 6.65402 22.7228 6.70107C22.6896 6.74812 22.6719 6.80386 22.6719 6.86094C22.6719 6.91802 22.6896 6.97376 22.7228 7.02082C22.7559 7.06787 22.8029 7.10403 22.8576 7.12452Z\" fill=\"#AF48F2\"\/>\r\n\t\t\t\t\t<\/svg>\r\n\t\t\t\t<\/div> \r\n        <\/div>\r\n\r\n        <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/05\/Hashy-Desktop-1-1.webp\" width=\"96\" height=\"166\" alt=\"\" class=\"hashyrobot\">\r\n\r\n        <div class=\"hashy-content\">\r\n\t\t\t<p>Dengan <a href='https:\/\/www.hashmicro.com\/id\/ai-agent-untuk-hr\/'>software HR<\/a> HashMicro berbasis AI, Anda dapat mengecek dan menyetujui cuti hanya lewat chatbox, mengelola reimburse dengan mudah, dan membuat laporan cuti instan. Permudah pengelolaan karyawan dengan software HR HashMicro!<\/p>\r\n\r\n<a href=\"https:\/\/www.hashmicro.com\/id\/tour-produk-gratis\/?medium=cta-button-fun-fact\" class=\"hashy-cta\" style=\"display: flex;\">\r\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"15\" viewBox=\"0 0 36 28\" fill=\"none\">\r\n  <path d=\"M17.7875 22.5125C20.7747 23.1401 21.7146 24.0249 22.3263 26.9054C22.3463 26.9933 22.3964 27.0718 22.4684 27.1281C22.5404 27.1844 22.6299 27.215 22.7222 27.215C22.8145 27.215 22.904 27.1844 22.976 27.1281C23.048 27.0718 23.0981 26.9933 23.1181 26.9054C23.7619 23.9936 24.6697 23.0773 27.6248 22.5125C27.7148 22.493 27.7954 22.4441 27.8532 22.374C27.9109 22.3038 27.9424 22.2165 27.9424 22.1266C27.9424 22.0366 27.9109 21.9493 27.8532 21.8792C27.7954 21.809 27.7148 21.7601 27.6248 21.7406C24.6439 21.1131 23.704 20.2282 23.1181 17.3477C23.0981 17.2599 23.048 17.1813 22.976 17.1251C22.904 17.0688 22.8145 17.0381 22.7222 17.0381C22.6299 17.0381 22.5404 17.0688 22.4684 17.1251C22.3964 17.1813 22.3463 17.2599 22.3263 17.3477C21.6825 20.2533 20.7747 21.1695 17.8196 21.7406C17.7285 21.7563 17.6456 21.8018 17.5847 21.8697C17.5237 21.9376 17.4885 22.0238 17.4847 22.1139C17.481 22.2041 17.5089 22.2927 17.564 22.3652C17.6191 22.4378 17.6979 22.4897 17.7875 22.5125Z\" fill=\"#AF48F2\"\/>\r\n  <path d=\"M0.643802 13.5823C7.6355 14.8374 9.54115 16.7201 10.8288 23.5103C10.8288 23.6767 10.8966 23.8363 11.0173 23.954C11.1381 24.0717 11.3018 24.1378 11.4726 24.1378C11.6433 24.1378 11.8071 24.0717 11.9278 23.954C12.0485 23.8363 12.1164 23.6767 12.1164 23.5103C13.404 16.695 15.3354 14.8374 22.2949 13.5823C22.4656 13.5823 22.6294 13.5161 22.7501 13.3984C22.8709 13.2808 22.9387 13.1211 22.9387 12.9547C22.9387 12.7883 22.8709 12.6286 22.7501 12.5109C22.6294 12.3933 22.4656 12.3271 22.2949 12.3271C15.3032 11.072 13.404 9.22071 12.1164 2.40539C12.1164 2.23895 12.0485 2.07933 11.9278 1.96164C11.8071 1.84395 11.6433 1.77783 11.4726 1.77783C11.3018 1.77783 11.1381 1.84395 11.0173 1.96164C10.8966 2.07933 10.8288 2.23895 10.8288 2.40539C9.54115 9.22071 7.60975 11.072 0.643802 12.3271C0.473055 12.3271 0.309302 12.3933 0.188565 12.5109C0.067829 12.6286 0 12.7883 0 12.9547C0 13.1211 0.067829 13.2808 0.188565 13.3984C0.309302 13.5161 0.473055 13.5823 0.643802 13.5823Z\" fill=\"#AF48F2\"\/>\r\n  <path d=\"M22.8576 7.12452C27.2547 7.84621 28.2848 8.85659 29.0316 13.1428C29.0418 13.2081 29.0757 13.2677 29.1271 13.3107C29.1784 13.3538 29.2439 13.3774 29.3117 13.3774C29.3794 13.3774 29.445 13.3538 29.4963 13.3107C29.5477 13.2677 29.5816 13.2081 29.5917 13.1428C30.3643 8.85659 31.3751 7.85249 35.7723 7.12452C35.8371 7.11097 35.8952 7.07617 35.9368 7.02592C35.9785 6.97567 36.0012 6.91301 36.0012 6.84839C36.0012 6.78378 35.9785 6.72112 35.9368 6.67086C35.8952 6.62061 35.8371 6.58581 35.7723 6.57226C31.3751 5.84429 30.3643 4.8402 29.5917 0.553954C29.5816 0.488664 29.5477 0.429094 29.4963 0.38605C29.445 0.343005 29.3794 0.319336 29.3117 0.319336C29.2439 0.319336 29.1784 0.343005 29.1271 0.38605C29.0757 0.429094 29.0418 0.488664 29.0316 0.553954C28.2848 4.8402 27.2547 5.84429 22.8576 6.59737C22.8029 6.61786 22.7559 6.65402 22.7228 6.70107C22.6896 6.74812 22.6719 6.80386 22.6719 6.86094C22.6719 6.91802 22.6896 6.97376 22.7228 7.02082C22.7559 7.06787 22.8029 7.10403 22.8576 7.12452Z\" fill=\"#AF48F2\"\/>\r\n<\/svg>\r\n                <p>Dapatkan demo gratis sekarang!<\/p>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\n<h2><strong>Dasar Hukum Slip Gaji<\/strong><\/h2>\n<p>Dasar hukum <strong>slip gaji<\/strong> di Indonesia diatur dalam beberapa regulasi yang mengatur hak karyawan terhadap informasi penghasilan mereka. <a href=\"https:\/\/peraturan.bpk.go.id\/Details\/43013\"><strong>Undang-Undang Nomor 13 Tahun 2003 tentang Ketenagakerjaan<\/strong> <\/a>mengatur bahwa pengusaha wajib menyusun struktur dan skala upah dengan memperhatikan golongan, jabatan, masa kerja, pendidikan, dan kompetensi, serta memastikan pembayaran upah dilakukan dengan bukti yang sah.<\/p>\n<p><strong><a href=\"https:\/\/peraturan.bpk.go.id\/Details\/161909\/pp-no-36-tahun-2021\">PP No. 36 Tahun 2021<\/a><\/strong>tentang Pengupahan juga menegaskan bahwa pengusaha wajib memberikan bukti pembayaran upah kepada pekerja. Selain itu, <strong>Peraturan Menteri Ketenagakerjaan Nomor 1 Tahun 2017<\/strong> menekankan pentingnya transparansi dalam pemberian informasi terkait gaji kepada karyawan.<\/p>\n<p>Dalam konteks perpajakan, <strong>Undang-Undang Nomor 6 Tahun 1983 tentang Ketentuan Umum dan Tata Cara Perpajakan (KUP)<\/strong> menjadikan slip gaji sebagai bukti pemotongan Pajak Penghasilan (PPh 21) yang harus dilaporkan oleh karyawan dan perusahaan.<\/p>\n<p>Dengan adanya regulasi ini, slip gaji bukan hanya sebagai dokumen informasi, tetapi juga menjadi alat bukti yang sah dalam berbagai keperluan, termasuk pengajuan pinjaman, perhitungan pajak, hingga perlindungan hak pekerja dalam kasus perselisihan ketenagakerjaan.<\/p>\n<h2><strong>5 Jenis Potongan dalam Slip Gaji<\/strong><\/h2>\n<p>Setiap karyawan biasanya akan melihat berbagai potongan yang tercantum dalam slip gaji. Potongan ini tidak hanya mencakup kewajiban pajak, tetapi juga iuran untuk jaminan sosial dan fasilitas lainnya. Berikut adalah penjelasan beberapa jenis potongan utamanya.<\/p>\n<h3><strong>1. PPh 21 (Pajak penghasilan)<\/strong><\/h3>\n<p>Potongan PPh 21 dikenakan pada penghasilan karyawan dan dihitung berdasarkan tarif pajak yang berlaku. Pajak ini dipotong langsung oleh pemberi kerja dan disetorkan ke negara. Besarannya tergantung pada penghasilan bruto dan status pribadi (misalnya status perkawinan dan tanggungan).<\/p>\n<h3><strong>2. BPJS kesehatan<\/strong><\/h3>\n<p>Potongan ini digunakan untuk mendanai program jaminan kesehatan nasional bagi karyawan. BPJS Kesehatan memberikan perlindungan medis bagi karyawan dan keluarganya. Besaran potongan ditentukan berdasarkan gaji bulanan, dengan persentase tertentu yang dipotong dari gaji.<\/p>\n<h3><strong>3. BPJS ketenagakerjaan<\/strong><\/h3>\n<p>BPJS Ketenagakerjaan berfungsi untuk memberikan perlindungan bagi karyawan dalam hal kecelakaan kerja, pensiun, dan hari tua. Potongan ini terdiri dari beberapa jenis, seperti Jaminan Kecelakaan Kerja (JKK) dan Jaminan Pensiun (JP). Karyawan dan perusahaan biasanya turut berkontribusi dalam iuran ini.<\/p>\n<h3><strong>4. Iuran pensiun atau koperasi<\/strong><\/h3>\n<p>Beberapa perusahaan memotong gaji untuk iuran pensiun atau koperasi karyawan. Iuran pensiun digunakan untuk persiapan pensiun bagi karyawan setelah pensiun dari pekerjaan. Sementara itu, potongan koperasi biasanya digunakan untuk simpanan dan pinjaman dalam organisasi koperasi internal perusahaan.<\/p>\n<h3><strong>5. Potongan pinjaman atau hutang<\/strong><\/h3>\n<p>Potongan ini berlaku jika karyawan memiliki pinjaman atau hutang yang harus dibayar melalui gaji bulanan. Potongan ini dapat berupa pinjaman rumah, kendaraan, atau fasilitas pinjaman lainnya yang diberikan oleh perusahaan. Besaran potongan disesuaikan dengan kesepakatan yang berlaku antara karyawan dan pemberi kerja.<\/p>\n<h2><strong>Efisiensikan Slip Gaji Perusahaan dengan Software HashMicro<\/strong><\/h2>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-145867 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/Dashboard-HashMicro-1.webp\" alt=\"contoh slip gaji karyawan\" width=\"1515\" height=\"1261\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/Dashboard-HashMicro-1.webp 1515w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/Dashboard-HashMicro-1-300x250.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/Dashboard-HashMicro-1-1024x852.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/Dashboard-HashMicro-1-768x639.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/Dashboard-HashMicro-1-505x420.webp 505w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/Dashboard-HashMicro-1-150x125.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/Dashboard-HashMicro-1-696x579.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/Dashboard-HashMicro-1-1068x889.webp 1068w\" sizes=\"auto, (max-width: 1515px) 100vw, 1515px\" \/><\/p>\n<p>Penting bagi perusahaan untuk menyediakan slip gaji online kepada karyawan sebagai bentuk transparansi dan akuntabilitas dalam proses pembayaran.<\/p>\n<p>Struk gaji tidak hanya berfungsi untuk mendokumentasikan jumlah gaji yang diterima, tetapi juga sebagai alat untuk melacak potongan dan tunjangan yang diterima karyawan. Software dan <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-slip-gaji\/\">aplikasi cek slip gaji<\/a> HashMicro menawarkan berbagai manfaat, antara lain:<\/p>\n<ul>\n<li><strong>Otomatisasi perhitungan<\/strong>: Memungkinkan perhitungan gaji, tunjangan, dan potongan secara otomatis, mengurangi risiko kesalahan manual dan mempercepat proses pembuatannya.<\/li>\n<li><strong>Pengelolaan data yang terpusat<\/strong>: Menyediakan sistem yang terintegrasi untuk menyimpan dan mengelola data karyawan secara terpusat, memudahkan akses dan pembaruan informasi secara real-time.<\/li>\n<li><strong>Kemudahan pembuatan laporan<\/strong>: Memudahkan pembuatan laporan gaji dengan fitur yang memungkinkan kustomisasi dan pembuatan laporan sesuai kebutuhan perusahaan.<\/li>\n<li><strong>Keamanan data<\/strong>: Menjamin keamanan data karyawan dengan sistem yang dilengkapi dengan fitur perlindungan dan akses terbatas, menghindari potensi kebocoran informasi pribadi.<\/li>\n<\/ul>\n<p>Dengan menggunakan software HR dari <a href=\"https:\/\/www.hashmicro.com\/id\/eva-hris-essentials\">HashMicro<\/a>, perusahaan tidak hanya meningkatkan efisiensi administrasi gaji tetapi juga memastikan akurasi dan kepatuhan dalam proses penggajian.<\/p>\n<style>\r\n.cta-in-article-image .desktop-banner{\r\n    display: none;\r\n    text-align: center;\r\n}\r\n.cta-in-article-image .desktop-mobile{\r\n    display: block;\r\n    text-align: center;\r\n    width: 100%;\r\n}\r\n\t.cta-in-article a {\r\n\t\tfont-size: 0px !important;\r\n\t\tcolor: #fff; \r\n\t\tpadding: 0px !important; \r\n\t\tborder-radius: 0px !important; \r\n\t\tdisplay: block !important; \r\n\t\ttext-decoration: none; \r\n\t}\r\n\t\r\n\t.cta-in-article {\r\n\t\tmargin: 0px !important;\r\n\t\tpadding: 0px !important;\r\n\t\tbox-shadow: none !important;\r\n\t}\r\n\t\r\n@media (min-width: 650px) {\r\n    .cta-in-article-image .desktop-banner {\r\n        display: block!important;\r\n    }\r\n}\r\n@media (min-width: 650px) {\r\n   .cta-in-article-image .desktop-mobile {\r\n        display: none!important;\r\n    }\r\n}\r\n<\/style>\r\n<div class=\"cta-in-article-image\">\r\n\t<a href=\"https:\/\/www.hashmicro.com\/id\/offer\/download-skema-harga-software-erp?blog&utm_source=blog&medium=banner-article\" target=\"_blank\" rel=\"noopener\">\r\n\t\t<div id=\"desktop-banner-container\">\r\n\t\t\t<div class=\"desktop-banner\">\r\n\t\t\t\t<img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/02.Skema-Harga-web-resized.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\t<div id=\"mobile-banner-container\">\r\n\t\t\t<div class=\"desktop-mobile\">\r\n\t\t\t\t<img decoding=\"async\" width=\"372\" height=\"465\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/02.-Skema-Harga-Mobile-372px.webp\" alt=\"download skema harga software erp\">\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/a>\r\n<\/div>\n<h2><strong>Download Slip Gaji dengan Generator Online HashMicro<\/strong><\/h2>\n<p>Sebagai bagian dari komitmen terhadap solusi HRM, HashMicro menghadirkan <strong>Slip Gaji Generator Online<\/strong> yang memenuhi kebutuhan anda. Alat ini memudahkan pembuatan slip gaji karyawan secara cepat dan akurat, sangat cocok untuk perusahaan yang ingin mengotomatiskan proses penggajian dan menghemat waktu.<\/p>\n<div id=\"slipgaji-hashmicro\"><\/div>\n<p><script>\n    document.addEventListener(\"DOMContentLoaded\", () => {\n        document.getElementById('slipgaji-hashmicro').innerHTML = \n            `<iframe loading=\"lazy\" src=\"https:\/\/tools.hashmicro.com\/embed\/slip-gaji?ref_url=${encodeURIComponent(document.referrer)}&#038;current_url=${encodeURIComponent(window.location.href)}\" frameborder=\"0\" height=\"831\" width=\"100%\"><\/iframe>`;\n    });\n<\/script><span style=\"font-family: Verdana, BlinkMacSystemFont, -apple-system, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\">\u00a0<\/span><\/p>\n<h2><strong>Kesimpulan<\/strong><\/h2>\n<p>Slip gaji merupakan elemen krusial bagi perusahaan dalam menjaga transparansi dan kepercayaan karyawan terhadap <a href=\"https:\/\/www.hashmicro.com\/id\/aplikasi-gaji\">aplikasi penggajian<\/a>. Melalui struk gaji, karyawan dapat memahami rincian gaji yang mereka terima, mulai dari komponen pendapatan hingga potongan yang berlaku.<\/p>\n<p>Untuk memastikan keakuratan dan kemudahan dalam pengelolaan slip gaji, <a href=\"https:\/\/www.hashmicro.com\/id\/eva-hris-essentials\">HashMicro<\/a> menawarkan solusi otomatisasi penggajian yang terbaik dan terintegrasi dengan sistem lainnya seperti sistem HR dan sistem accounting.<\/p>\n<p>Segera coba <a href=\"https:\/\/www.hashmicro.com\/id\/tour-produk-gratis\/\">demo gratis<\/a> untuk melihat bagaimana HashMicro dapat meningkatkan efisiensi operasional perusahaan Anda.<\/p>\n\n<h2><strong>Pertanyaan Seputar Slip Gaji <\/strong><\/h2>\n<ul class=\"bottom_faq\">\n<li>\n<details>\n<summary><strong>Apa tujuan slip gaji?<\/strong><\/summary>\n<p>Selain memberikan informasi tentang jumlah gaji yang diterima, struk gaji juga digunakan sebagai salah satu dokumen persyaratan saat mengajukan kredit kendaraan.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Mengapa harus ada payslip?<\/strong><\/summary>\n<p>Payslip digunakan untuk melaporkan pendapatan dan menghitung pajak yang harus dibayar. Hal ini membantu kamu memastikan bahwa kamu telah membayar pajak yang sesuai dengan aturan dan bisa mendapatkan kredit atau potongan pajak yang seharusnya.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Kapan payslip dikeluarkan?<\/strong><\/summary>\n<p>Struk gaji adalah dokumen yang dikeluarkan oleh perusahaan kepada karyawan setiap periode pembayaran, biasanya setiap bulan.<\/p>\n<p><script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [{\n    \"@type\": \"Question\",\n    \"name\": \"Apa tujuan slip gaji?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Selain memberikan informasi tentang jumlah gaji yang diterima, struk gaji juga digunakan sebagai salah satu dokumen persyaratan saat mengajukan kredit kendaraan.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"Mengapa harus ada Payslip?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Payslip digunakan untuk melaporkan pendapatan dan menghitung pajak yang harus dibayar. Hal ini membantu kamu memastikan bahwa kamu telah membayar pajak yang sesuai dengan aturan dan bisa mendapatkan kredit atau potongan pajak yang seharusnya.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"Kapan Payslip dikeluarkan?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Struk gaji adalah dokumen yang dikeluarkan oleh perusahaan kepada karyawan setiap periode pembayaran, biasanya setiap bulan.\"\n    }\n  }]\n}\n<\/script><\/p>\n<\/details>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Transparansi serta akuntabilitas menjadi fondasi kepercayaan dalam bisnis, dan slip gaji karyawan merupakan salah satu elemen yang menjaga hal tersebut. Dokumen ini bukan sekadar rincian pembayaran bulanan, tetapi juga menjadi bukti komitmen perusahaan terhadap keadilan serta keterbukaan. Dengan penerapan employee self-service dalam sistem penggajian memudahkan karyawan mengakses serta memahami rincian gaji secara mandiri. Dengan demikian, [&hellip;]<\/p>\n","protected":false},"author":233,"featured_media":145869,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[6],"tags":[],"class_list":{"0":"post-145863","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-hrm"},"acf":{"post_reviewer":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.1 (Yoast SEO v25.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Memahami Apa itu Slip Gaji, Manfaat, dan Contohnya<\/title>\n<meta name=\"description\" content=\"Slip gaji adalah dokumen resmi yang diberikan oleh perusahaan kepada karyawan setiap kali pembayaran gaji dilakukan.\" \/>\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\/slip-gaji\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contoh Slip Gaji Karyawan, Manfaat, dan Komponennya\" \/>\n<meta property=\"og:description\" content=\"Slip gaji adalah dokumen resmi yang diberikan oleh perusahaan kepada karyawan setiap kali pembayaran gaji dilakukan.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/slip-gaji\/\" \/>\n<meta property=\"og:site_name\" content=\"HashMicro Indonesia\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hashmicro\" \/>\n<meta property=\"article:published_time\" content=\"2024-08-27T04:39:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-13T04:24:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/slip-gaji-.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Aulia Kholqiana\" \/>\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=\"Aulia Kholqiana\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 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\/slip-gaji\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/slip-gaji\/\"},\"author\":{\"name\":\"Aulia Kholqiana\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/993108c3b814f42f9da45e1a7f2896f6\"},\"headline\":\"Contoh Slip Gaji Karyawan, Manfaat, dan Komponennya\",\"datePublished\":\"2024-08-27T04:39:40+00:00\",\"dateModified\":\"2026-03-13T04:24:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/slip-gaji\/\"},\"wordCount\":2531,\"publisher\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/slip-gaji\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/slip-gaji-.webp\",\"articleSection\":[\"HRM\"],\"inLanguage\":\"id\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/slip-gaji\/\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/slip-gaji\/\",\"name\":\"Memahami Apa itu Slip Gaji, Manfaat, dan Contohnya\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/slip-gaji\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/slip-gaji\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/slip-gaji-.webp\",\"datePublished\":\"2024-08-27T04:39:40+00:00\",\"dateModified\":\"2026-03-13T04:24:04+00:00\",\"description\":\"Slip gaji adalah dokumen resmi yang diberikan oleh perusahaan kepada karyawan setiap kali pembayaran gaji dilakukan.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/slip-gaji\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hashmicro.com\/id\/blog\/slip-gaji\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/slip-gaji\/#primaryimage\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/slip-gaji-.webp\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/slip-gaji-.webp\",\"width\":1200,\"height\":675,\"caption\":\"contoh slip gaji karyawan\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/slip-gaji\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hashmicro.com\/id\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contoh Slip Gaji Karyawan, Manfaat, dan Komponennya\"}]},{\"@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\/993108c3b814f42f9da45e1a7f2896f6\",\"name\":\"Aulia Kholqiana\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/02\/cropped-WhatsApp-Image-2025-02-03-at-10.16.43-96x96.jpeg\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/02\/cropped-WhatsApp-Image-2025-02-03-at-10.16.43-96x96.jpeg\",\"caption\":\"Aulia Kholqiana\"},\"description\":\"Aulia telah menjadi spesialis yang sudah berpengalaman selama lebih dari 2 tahun di bidang Human Resource Management (HRM). Penulisan artikel berfokus pada pengelolaan siklus hidup karyawan, penilaian kinerja, penggunaan sistem HRIS, dan program pengembangan karyawan, sehingga dapat memberikan solusi bagi peningkatan performa perusahaan.\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/author\/aulia-kholqiana\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Memahami Apa itu Slip Gaji, Manfaat, dan Contohnya","description":"Slip gaji adalah dokumen resmi yang diberikan oleh perusahaan kepada karyawan setiap kali pembayaran gaji dilakukan.","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\/slip-gaji\/","og_locale":"id_ID","og_type":"article","og_title":"Contoh Slip Gaji Karyawan, Manfaat, dan Komponennya","og_description":"Slip gaji adalah dokumen resmi yang diberikan oleh perusahaan kepada karyawan setiap kali pembayaran gaji dilakukan.","og_url":"https:\/\/www.hashmicro.com\/id\/blog\/slip-gaji\/","og_site_name":"HashMicro Indonesia","article_publisher":"https:\/\/www.facebook.com\/hashmicro","article_published_time":"2024-08-27T04:39:40+00:00","article_modified_time":"2026-03-13T04:24:04+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/slip-gaji-.webp","type":"image\/webp"}],"author":"Aulia Kholqiana","twitter_card":"summary_large_image","twitter_creator":"@hashmicro","twitter_site":"@hashmicro","twitter_misc":{"Ditulis oleh":"Aulia Kholqiana","Estimasi waktu membaca":"14 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hashmicro.com\/id\/blog\/slip-gaji\/#article","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/slip-gaji\/"},"author":{"name":"Aulia Kholqiana","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/993108c3b814f42f9da45e1a7f2896f6"},"headline":"Contoh Slip Gaji Karyawan, Manfaat, dan Komponennya","datePublished":"2024-08-27T04:39:40+00:00","dateModified":"2026-03-13T04:24:04+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/slip-gaji\/"},"wordCount":2531,"publisher":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/slip-gaji\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/slip-gaji-.webp","articleSection":["HRM"],"inLanguage":"id"},{"@type":"WebPage","@id":"https:\/\/www.hashmicro.com\/id\/blog\/slip-gaji\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/slip-gaji\/","name":"Memahami Apa itu Slip Gaji, Manfaat, dan Contohnya","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/slip-gaji\/#primaryimage"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/slip-gaji\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/slip-gaji-.webp","datePublished":"2024-08-27T04:39:40+00:00","dateModified":"2026-03-13T04:24:04+00:00","description":"Slip gaji adalah dokumen resmi yang diberikan oleh perusahaan kepada karyawan setiap kali pembayaran gaji dilakukan.","breadcrumb":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/slip-gaji\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hashmicro.com\/id\/blog\/slip-gaji\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/slip-gaji\/#primaryimage","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/slip-gaji-.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/08\/slip-gaji-.webp","width":1200,"height":675,"caption":"contoh slip gaji karyawan"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hashmicro.com\/id\/blog\/slip-gaji\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hashmicro.com\/id\/blog\/"},{"@type":"ListItem","position":2,"name":"Contoh Slip Gaji Karyawan, Manfaat, dan Komponennya"}]},{"@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\/993108c3b814f42f9da45e1a7f2896f6","name":"Aulia Kholqiana","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/02\/cropped-WhatsApp-Image-2025-02-03-at-10.16.43-96x96.jpeg","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/02\/cropped-WhatsApp-Image-2025-02-03-at-10.16.43-96x96.jpeg","caption":"Aulia Kholqiana"},"description":"Aulia telah menjadi spesialis yang sudah berpengalaman selama lebih dari 2 tahun di bidang Human Resource Management (HRM). Penulisan artikel berfokus pada pengelolaan siklus hidup karyawan, penilaian kinerja, penggunaan sistem HRIS, dan program pengembangan karyawan, sehingga dapat memberikan solusi bagi peningkatan performa perusahaan.","url":"https:\/\/www.hashmicro.com\/id\/blog\/author\/aulia-kholqiana\/"}]}},"focus_keyword":"slip gaji","order_j":"","_links":{"self":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/145863","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\/233"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/comments?post=145863"}],"version-history":[{"count":34,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/145863\/revisions"}],"predecessor-version":[{"id":190853,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/145863\/revisions\/190853"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media\/145869"}],"wp:attachment":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=145863"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/categories?post=145863"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/tags?post=145863"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}