{"id":10503,"date":"2024-05-01T14:40:22","date_gmt":"2024-05-01T07:40:22","guid":{"rendered":"https:\/\/www.hashmicro.com\/id\/blog\/?p=10503"},"modified":"2025-12-17T08:49:20","modified_gmt":"2025-12-17T01:49:20","slug":"surat-perjanjian-kerja","status":"publish","type":"post","link":"https:\/\/www.hashmicro.com\/id\/blog\/surat-perjanjian-kerja\/","title":{"rendered":"Contoh Pembuatan Surat Perjanjian Kerja &#038; Struktur Penulisannya Yang Tepat"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Saat seorang pekerja menerima lowongan pekerjaan dari pemilik lapangan pekerjaan, pasti akan diberikan lembaran surat yang kedua belah pihak harus tanda tangani, yaitu surat perjanjian kerja. Surat perjanjian kerja pun beragam sesuai dengan masing-masing perusahaan. Singkatnya, menurut Undang-Undang No. 13 Tahun 2003 tentang Ketenagakerjaan, surat perjanjian pekerja merupakan sebuah surat perjanjian antara pekerja dengan pemilik lapangan pekerjaan yang melingkupi hak, syarat-syarat, dan kewajiban kedua belah pihak. Dalam hal ini, Anda bisa menggunakan <a href=\"https:\/\/www.hashmicro.com\/id\/sistem-manajemen-dokumen\" target=\"_blank\" rel=\"noopener\">Sistem Manajemen Dokumen HashMicro<\/a> untuk membuat serta mengelola surat perjanjian kerja.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Menurut pakar, Salim H.S, surat perjanjian kerja sama antara perusahaan dengan karyawan menjadi sebuah pedoman yang penting yang harus diterapkan oleh kedua belah pihak yang bersangkutan. Untuk Anda yang akan bekerja atau sedang bekerja di sebuah perusahaan, sangat penting bagi Anda untuk mengetahui bagaimana isi dari SPK. Simak lebih lanjut artikel ini untuk mengetahui mengenai hal-hal apa yang termuat dalam SPK, jenis, contoh dari surat tersebut.<\/span><\/p>\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<p><span data-sheets-root=\"1\" data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:513,&quot;3&quot;:{&quot;1&quot;:0},&quot;12&quot;:0}\"><div id=\"toc_group_article\" style=''>\r\n\t<p style='font-size:25px;font-weight:bold; margin-bottom:0px'>\r\n\t\tDaftar Isi:\r\n\t<\/p>\r\n\t<ul id=\"list_toc\" class='list_toc'><\/ul>\r\n<\/div>\r\n\r\n<div id=\"placeholder-toc\"><\/div>\r\n<div id=\"toc\">\r\n    <div class=\"header\">\r\n\t<span class=\"toc-title\" id=\"toc-title\">Daftar Isi<\/span>\t\r\n\t <i class=\"toc-icon\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"header-icon\">\r\n          <path d=\"m6 9 6 6 6-6\" \/>\r\n        <\/svg>\r\n      <\/i>\r\n\t<\/div>\r\n    <div class=\"list\">\r\n      <ul id=\"toc-list\"><\/ul>\r\n    <\/div>\r\n <\/div>\r\n\r\n<style>\r\n\/* Simple styling for the TOC *\/\r\n\t\r\n\t#toc ul li:last-child {\r\n    padding-bottom: 16px; \/* Adjust the value as needed *\/\r\n}\r\n\r\n.td-fix-index {\r\n\t transform: unset !important;\r\n     -webkit-transform: unset !important; \r\n}\r\n.footer-contact .td-fix-index {\r\n\t transform: translateZ(0) !important;\r\n     -webkit-transform: translateZ(0) !important; \r\n}\r\n\t.tdb_single_content .tdb-block-inner.td-fix-index{\r\n\t\tposition: static;\r\n\t}\r\n\t\r\n\r\n\r\n\t\r\n#toc {\r\n  background-color: #FFF;\r\n\tpadding: 17px 24px 0px 24px !important;\r\n  margin-bottom: 20px;\r\n\/*   border: 1px solid #9C171E; *\/\r\n  border-radius: 6px;\r\n\tdisplay: none;\r\n  max-width: 100%;\r\n  transition: .4s ease height;\r\n\tmargin-left: 0;\r\n\toverflow: hidden;\r\n}\r\n\r\n#toc .header{\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\tbackground-color: transparent;\r\n}\r\n\t\r\n\t#toc.sticky .header{\r\n\t\tpadding: 4px 0;\r\n\t}\r\n\t\r\n.header p{\r\n  font-size: 18px !important;\r\n  font-weight: 600 !important;\r\n  color: #393939;\r\n   margin-bottom: 0;\r\n  \/* margin-top: 20px; *\/\r\n}\r\n\r\n.toc-icon{\r\n  float: right;\r\n\/*   visibility: hidden; *\/\r\n}\r\n\r\n\t.toc-title{\r\n\t\tmargin-right: auto;\r\n\/* \t\tpadding-left: 20px; *\/\r\n\t\tfont-weight: 600;\r\n\t\talign-self: center;\t}\t\r\n\r\n#toc ul {\r\n  list-style-type: none;\r\n  padding-left: 0;\r\n}\r\n\t\r\n#toc.sticky ul{\r\n\toverflow-y: auto;\r\n\tmax-height: 250px;\r\n\tmargin-top: 0px;\r\n\tpadding-top: 20px;\r\n\/* \tborder-top: 1px solid #d3d3d3; *\/\r\n}\r\n\t\r\n#toc ul li {\r\n\/*   margin-bottom: 10px; *\/\r\n  margin-bottom: 10px;\r\n\tmargin-left: 0;\r\n\ttransition: .2s ease;\r\n\tcursor: pointer;\r\n}\r\n\t\r\n\t#toc.sticky ul li {\r\n\t  margin-right: 10px;\r\n\t}\r\n\t\r\n.td-post-content #toc-list li a:hover, .td-post-content #toc-list a.active{\r\n\tbackground-color: #FFF;\r\n\/* \tpadding: 8px 16px 8px 16px; *\/\r\n\tpadding: 4px 16px 4px 16px;\r\n\tborder-radius: 6px;\r\n\tcolor: #9c171e !important;\r\n\tfont-weight: 600 !important;\r\n}\r\n\t\r\n\t.td-post-content #toc-list li:hover a, .td-post-content #toc-list a.active{\r\n\t\tcolor: #9C171E !important;\r\n\t\tfont-weight: 600 !important;\r\n\t}\r\n\t\r\n.td-post-content #toc-list a.active{\r\n\tfont-weight: bold !important;\r\n\tcolor: #9C171E !important;\r\n}\r\n\t\r\n#toc a, .td-post-content #toc-list a {\r\n  text-decoration: none;\r\n  color: #ea1717 !important;\r\n  transition: .2s ease;\r\n\tfont-weight: 400 !important;\r\n\tdisplay: block;\r\n\t\r\n\tpadding: 4px 16px 4px 0;\r\n}\r\n\r\n#toc.sticky {\r\n  position: fixed;\r\n\/*   top: 73px; *\/\r\n\tbottom: 0;\r\n  z-index: 100; \r\n  box-shadow: 0 2px 5px rgba(0,0,0,0.1); \r\n\twidth: 100%; \r\n\tbackground-color: #FFF;\r\n\/* \tbackground-color: #FFF1F1; *\/\r\n\tborder-bottom: 1px solid #ea1717;\r\n\/*   border: 1px solid #393939; *\/\r\n  box-shadow: 0px 0px 14px 0px #00000040;\r\n  cursor: pointer;\r\n\tanimation: fadein .3s ease;\r\n\tpadding: 12px 16px !important;\r\n}\r\n\t\r\n\t.fadein{\r\n\t\tanimation: fadein .3s ease;\r\n\t}\r\n\t\r\n\t.fadeout{\r\n\t\tanimation: fadeout .3s ease;\r\n\t}\r\n\t\r\n\t\r\n\t@keyframes fadein{\r\n\t\t0% {\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t\t100%{\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@keyframes fadeout{\r\n\t\t0% {\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t\t100%{\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t\r\n#toc.sticky .header p{\r\n\tmargin-bottom: 10px;\r\n\tmargin-top: 10px;\r\n}\r\n\r\n#toc.sticky .toc-icon{\r\n  visibility: visible;\r\n\/* \ttransition: 0.4s ease; *\/\r\n}\r\n\t\r\n\t.toc-icon{\r\n\t\talign-items: center;\r\n    \tdisplay: flex;\r\n\t}\r\n\t\r\n\tsvg.header-icon{\r\n\/* \t\tbackground-color: #9c171e; *\/\r\n\t\tbackground-color: #FFF;\r\n\t\tborder-radius: 30px;\r\n\t\tpadding: 5px;\r\n\t}\r\n\r\n#toc.sticky .list{\r\n\/*   max-height: 0; *\/\r\n  transition: height 0.4s ease;\r\n}\r\n\t\r\n\t#toc .list{\r\n\/*   max-height: 0; *\/\r\n  transition: height 0.4s ease;\r\n}\r\n\r\n#toc .header.active .toc-icon{\r\n\ttransform: rotate(0deg); \r\n\topacity: 1;\r\n}\r\n\r\n\t#toc .header.active + .list {\r\n\t  max-height: 200px; \/* Adjust this value as needed *\/\r\n\t  opacity: 1;\r\n\t}\r\n\t\r\n\t#placeholder-toc{\r\n\/* \t\tdisplay: none; *\/\r\n\t}\r\n\t\r\n\t@media (min-width: 768px) and (max-width: 991px){\r\n\t\t#toc.sticky{\r\n\/* \t\t\ttop: 104px; *\/\r\n\t\t\tbottom: 0px;\r\n\t\t}\r\n\t\t\r\n\t\t#toc{\r\n\t\t\twidth: unset !important;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width: 767px){\r\n\t\t#toc{\r\n\t\t\twidth: 100% !important;\r\n\t\t\tdisplay: inline-block;\r\n\t\t}\r\n\t\t\r\n\t\t#toc.sticky{\r\n\t\t\twidth: 90% !important;\r\n\/* \t\t\ttop: 81px; *\/\r\n\t\t\tbottom: 60px;\r\n\t\t\tmargin-left: auto;\r\n\t\t\tmargin-right: auto;\r\n\t\t\tpadding: 0 16px;\r\n\t\t\tright: 5%;\r\n\t\t}\r\n\t}\r\n\t\r\n\t<\/style>\r\n\r\n<style>\r\n\t#list_toc li {margin-bottom: 0;margin-top: 5px;}\r\n\t#list_toc > li > ul {padding-left: 20px;margin-bottom: 0;}\r\n\t#list_toc{height:max-content;transition:ease-in-out}\r\n\t#list_toc li {margin-bottom: 0;margin-top: 5px;}\r\n\t#list_toc_float li.active > a {color:#b1252d;background: #ffe1e3;}\r\n\t#list_toc_float li a {padding:3px 7px}\r\n\t#list_toc_float li a {\r\n\t\tdisplay: block;\r\n\t\tcolor:#000;\r\n\t\tmargin-bottom: 10px;\r\n\t\ttransition:all 0.2s ease-in-out;\r\n\t\tfont-size:15px\r\n\t}\r\n\t#list_toc_float li{list-style:none;list-style-position:inside; margin-left:0;}\r\n\t#list_toc_float a:hover{color:#b1252d;}\r\n\t\r\n\t#list_toc_float li a{margin-bottom:0px}\r\n\t#toc_group_float{\r\n\t\tline-height: 24px;\r\n\t\tmax-height: calc(100vh - 100px);\r\n\t\toverflow: auto;\r\n\t\tz-index: 99;\r\n\t\tdisplay:none!important;\r\n\t\tbackground:#fff;\r\n\t\ttransition:all 0.5s linear\r\n\t}\r\n\t\r\n\t@media (min-width:1019px){\r\n\t\t#toc_group_float {\r\n\t\t\tdisplay:block!important;\r\n\t\t\t}\r\n\t\t#toc_group_article {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t}\r\n\t\r\n\t@media (max-width:768px){\r\n\t\t#toc_group_article {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t}\r\n\t\r\n\t \/* custom scrollbar style *\/\r\n::-webkit-scrollbar {\r\n    width: 7px;\r\n}\r\n::-webkit-scrollbar-track {\r\n    background: #d7a2a4;\r\n}\r\n::-webkit-scrollbar-thumb {\r\n    background: #b1252d;\r\n    border-radius: 15px;\r\n}\t\t\r\n\r\n<\/style>\r\n\r\n<script>\r\n\tdocument.addEventListener('DOMContentLoaded', function() {\r\n\t\t\/\/ Fungsi untuk menangani klik pada semua elemen <a> dengan href yang dimulai dengan #\r\n\t\tfunction handleTitleClick(event) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\tconst targetId = this.getAttribute('href').substring(1);\r\n\t\t\tconst targetElement = document.getElementById(targetId);\r\n\r\n\t\t\tif (targetElement) {\r\n\t\t\t\tconst headerHeight = document.querySelector('#toc .header').offsetHeight;\r\n\t\t\t\tconst navbarHeight = document.getElementById('tdi_34') ? document.getElementById('tdi_34').offsetHeight : 0;\r\n\t\t\t\tconst windowHeight = window.innerHeight;\r\n\t\t\t\tconst targetOffset = targetElement.offsetTop;\r\n\t\t\t\tconst scrollTo = targetOffset + (windowHeight \/ 2) + (headerHeight) - navbarHeight - 40;\r\n\r\n\t\t\t\twindow.scrollTo({\r\n\t\t\t\t\ttop: scrollTo,\r\n\t\t\t\t\tbehavior: 'smooth'\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\/\/ Tambahkan event listener untuk semua elemen <a> di toc-list dan list-toc\r\n\t\tconst titleLinks = document.querySelectorAll('#toc-list a, #list_toc a');\r\n\t\ttitleLinks.forEach(link => {\r\n\t\t\tlink.addEventListener('click', handleTitleClick);\r\n\t\t});\r\n\t});\r\n<\/script>\r\n\r\n<!-- ToC List for mobile -->\r\n<script>\r\n \/\/ Generate TOC based on headings\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  \/\/ Get the element that will contain the TOC\r\n  const tocList = document.getElementById('toc-list');\r\n\r\n  \/\/ Get the element with the ID 'article-left'\r\n  const article = document.querySelector('.td-post-content');\r\n\r\n  \/\/ Find all h2 elements within 'myarticle'\r\n  const headers = article.getElementsByTagName('h2');\r\n\r\n  \/\/ Loop through the h2 elements and create a list item for each one\r\n  for (let i = 0; i < headers.length; i++) {\r\n    const header = headers[i];\r\n    const headerText = header.textContent;\r\n\/\/     const headerId = 'header-' + i;\r\n    const headerId = headerText\r\n    .toLowerCase()\r\n    .trim()\r\n    .replace(\/[^\\w\\s-]\/g, '')  \/\/ hapus tanda baca\r\n    .replace(\/\\s+\/g, '-'); \/\/ ganti spasi jadi \"-\"\r\n\r\n    \/\/ Set an ID for the header if it doesn't have one\r\n    header.setAttribute('id', headerId);\r\n\r\n    \/\/ Create a list item for the TOC\r\n    const listItem = document.createElement('li');\r\n\r\n    \/\/ Create a link for the list item\r\n    const link = document.createElement('a');\r\n    link.setAttribute('href', '#' + headerId);\r\n    link.textContent = headerText;\r\n\r\n    \/\/ Append the link to the list item\r\n    listItem.appendChild(link);\r\n\r\n    \/\/ Append the list item to the TOC list\r\n    tocList.appendChild(listItem);\r\n  }\r\n});\r\n\r\n\/\/ Keep height and placement of content using placeholder in place of TOC\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const toc = document.querySelector('#toc');\r\n  const placeholderToc = document.querySelector('#placeholder-toc');\r\n\r\n  function setPlaceholderHeight() {\r\n    placeholderToc.style.height = `${toc.offsetHeight}px`;\r\n  }\r\n\r\n  \/\/ Set the initial height of the placeholder\r\n  setPlaceholderHeight();\r\n\r\n  \/\/ Update the height on window resize\r\n  window.addEventListener('resize', setPlaceholderHeight);\r\n});\r\n  const tocTitle = document.querySelector('#toc-title'); \/\/ Assuming header-faq is the element for TOC title\r\n\r\n\/\/ Sticky TOC and update heading\r\n\/\/ document.addEventListener(\"DOMContentLoaded\", function() {\r\n\/\/   const toc = document.querySelector('#toc');\r\n\/\/   const footer = document.querySelector('.td-footer-template-wrap');\r\n\/\/   const tocParent = toc.parentElement;\r\n\/\/   const divTop = tocParent.getBoundingClientRect().top + window.pageYOffset;\r\n\/\/   const tocHeight = toc.offsetHeight;\r\n\/\/   const triggerPoint = divTop + tocHeight + 700;\r\n\/\/   const footerHeight = footer.offsetHeight;\r\n\/\/   const triggerFooterPoint = footer.getBoundingClientRect().top + window.pageYOffset - footerHeight - footerHeight - footerHeight;\r\n\/\/   const phtoc = document.querySelector('#placeholder-toc');\r\n\/\/   const headers = document.querySelectorAll('.td-post-content h2');\r\n\/\/   const navLinks = document.querySelectorAll('#toc-list a');\r\n\t\r\n\/\/ \tconst panel2 = document.querySelector(\"#toc .list\");\r\n\/\/ \tvar icon = document.querySelector(\".toc-icon\");\r\n\r\n\/\/   let activeLink = null; \/\/ Declare activeLink outside the loop\r\n\t\r\n\/\/   \/\/ Function to handle scroll and add\/remove .sticky class\r\n\/\/   function handleScroll() {\r\n\/\/     const windowTop = window.pageYOffset || document.documentElement.scrollTop;\r\n\/\/     let currentHeader = '';\r\n\r\n\/\/     \/\/ Highlight user progress as the heading comes\r\n\/\/     headers.forEach(header => {\r\n\/\/ \t\tconst headerTop = header.offsetTop;\r\n\/\/ \t\tconst headerHeight = header.clientHeight;\r\n\/\/ \/\/ \t\tif (window.scrollY >= (headerTop - headerHeight + 700)) {\r\n\/\/ \/\/ \t\t\tconst currentHeaderId = header.getAttribute('id');\r\n\/\/ \/\/ \t\t\tconst currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n\/\/ \/\/ \t\t\tconsole.log(\"current header text:\", currentHeaderText);\r\n\/\/ \/\/ \t\t\ttocTitle.textContent = currentHeaderText;\r\n\/\/ \/\/ \t\t\tcurrentHeader = currentHeaderId;\r\n\t\t\t\r\n\/\/ \/\/ \t\t\tif(window.innerWidth < 767){\r\n\/\/ \/\/ \t\t\t\ttocTitle.textContent = 'Daftar Isi';\r\n\/\/ \/\/ \t\t\t}\r\n\/\/ \/\/ \t\t}\r\n\/\/ \t\tif(window.innerWidth < 767){\r\n\/\/ \t\t\ttocTitle.textContent = 'Daftar Isi'; \/\/ Selalu pertahankan judul ini di mobile\r\n\/\/ \t\t} else {\r\n\/\/ \t\t\tif (window.scrollY >= (headerTop - headerHeight + 700)) {\r\n\/\/ \t\t\t\tconst currentHeaderId = header.getAttribute('id');\r\n\/\/ \t\t\t\tconst currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n\/\/ \t\t\t\ttocTitle.textContent = currentHeaderText;\r\n\/\/ \t\t\t\tcurrentHeader = currentHeaderId;\r\n\/\/ \t\t\t}\r\n\/\/ \t\t}\r\n\/\/ \t});\r\n\r\n\/\/     navLinks.forEach(link => {\r\n\/\/       link.classList.remove('active');\r\n\/\/       if(currentHeader != '') {\r\n\/\/ \t\t  if (link.getAttribute('href').includes(currentHeader)) {\r\n\/\/ \t\t\t  link.classList.add('active');\r\n\/\/ \t\t  }\r\n\/\/ \t  }\r\n\/\/     });\r\n\/\/ \/\/     if (windowTop < triggerFooterPoint) {\r\n\/\/ \/\/         toc.style.display = 'block';\r\n\/\/ \/\/ \t}else{\r\n\/\/ \/\/         toc.style.display = 'none';\r\n\/\/ \/\/ \t}\r\n\/\/     \/\/ Update TOC title if sticky\r\n\/\/     if (windowTop > triggerPoint) {\r\n\/\/       if (!toc.classList.contains('sticky')) {\r\n\/\/         phtoc.style.display = \"block\";\r\n\/\/         toc.classList.add('sticky');\r\n\/\/         toc.style.width = `${tocParent.offsetWidth}px`; \/\/ Set width to match the parent element\r\n\/\/         toc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/         toc.style.backgroundColor = \"#FFF\";\r\n\/\/ \t\tpanel2.style.height = '0px';\r\n\/\/ \t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \t\t  if(window.innerWidth < 767){\r\n\/\/ \/\/ \t\t\t  const tocs = document.querySelector('#toc.sticky');\r\n\/\/ \t\t\t  tocTitle.textContent = 'Daftar Isi'; \/\/ Reset title\r\n\/\/        \t\t  toc.style.width = '150px'; \/\/ Set width to match the parent element\r\n\/\/ \t\t  }\r\n\/\/       }\r\n\/\/       if (currentHeader) {\r\n\/\/ \/\/         console.log(\"activeLink:\", activeLink);\r\n\/\/         if (activeLink) {\r\n\/\/ \/\/           tocTitle.textContent = activeLink.textContent; \/\/ Update TOC title\r\n\/\/           tocTitle.textContent = activeLink ? activeLink.textContent : \"\"; \/\/ Update title only if activeLink exists\r\n\/\/         }\r\n\/\/       }\r\n\/\/     } else {\r\n\/\/       toc.classList.remove('sticky');\r\n\/\/       phtoc.style.display = \"none\";\r\n\/\/       toc.style.width = 'unset'; \/\/ Reset to original width\r\n\/\/       toc.style.backgroundColor = \"#FFF\";\r\n\/\/       tocTitle.textContent = 'Daftar isi'; \/\/ Reset title\r\n\/\/ \t\tpanel2.style.height = panel2.scrollHeight + \"px\";\r\n\/\/ \t\ticon.style.transform = \"rotate(180deg)\";\r\n\/\/     }\r\n\/\/   }\r\n\r\n\/\/     \/\/ Attach the scroll event listener to the window\r\n\/\/     window.addEventListener('scroll', handleScroll);\r\n\r\n\/\/     \/\/ Initial call to handleScroll to set the correct state on load\r\n\/\/     handleScroll();\r\n\/\/ });\r\n\t\r\n\/\/ \t\/\/ Open toggle TOC\r\n\/\/ \t  document.addEventListener(\"DOMContentLoaded\", function() {\r\n\/\/ \t\tvar tocHeader = document.querySelector(\"#toc .header\");\r\n\/\/ \t\tvar toc = document.querySelector(\"#toc\");\r\n\/\/ \t\tvar icon = document.querySelector(\".toc-icon\");\r\n\/\/ \t\tconst tocTitle = document.querySelector('#toc-title');\r\n\/\/ \t\tconst tocs = document.querySelector('#toc.sticky');\r\n\/\/  \t\tconst tocParent = toc.parentElement;\t\t  \r\n\r\n\/\/ \t\t  tocHeader.addEventListener(\"click\", function() {\r\n\/\/ \t\t\tvar panel = this.nextElementSibling;\r\n\/\/ \t\t\tif (panel.style.height !== '0px') { \/\/ Check if height is not 0px\r\n\/\/ \t\t\t  panel.style.height = '0px'; \/\/ Set height to 0 for full collapse\r\n\/\/ \t\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \/\/ \t\t\t\ttoc.style.paddingBottom = '6px'; \r\n\/\/ \t\t\t\tif(window.innerWidth > 768){\r\n\/\/ \t\t\t\t\tif(!toc.classList.contains('sticky')){\r\n\/\/ \t\t\t\t\t\ttoc.style.width = \"unset\";\r\n\/\/ \/\/ \t\t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/ \t\t\t\t\t}\r\n\/\/ \t\t\t\t\tif (toc.classList.contains('sticky')){\r\n\/\/ \t\t\t\t\t\ttoc.style.width = '${tocParent.offsetWidth}px';\r\n\/\/ \t\t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/ \t\t\t\t\t}\r\n\/\/ \t\t\t\t}\r\n\/\/ \t\t\t\tif(window.innerWidth < 767){\r\n\/\/ \t\t\t\t\ttoc.style.width = \"unset\"; \/\/ Reset width\r\n\/\/ \t\t\t\t}\r\n\/\/ \t\t\t\ttoc.style.backgroundColor = \"#FFF1F1\";\r\n\/\/ \t\t\t} else {\r\n\/\/ \t\t\t  panel.style.height = panel.scrollHeight + \"px\";\r\n\/\/ \t\t\t  icon.style.transform = \"rotate(0deg)\";\r\n\/\/ \t\t\t  toc.style.backgroundColor = \"#FFF\";\r\n\/\/ \t\t\t  tocTitle.textContent = 'Daftar isi'; \/\/ Reset title\r\n\/\/ \t\t\t\ttoc.style.paddingBottom = '24px';\r\n\/\/ \t\t\t \tif(window.innerWidth < 767){\r\n\/\/ \t\t\t\t\ttoc.style.width = `${tocParent.offsetWidth}px`; \/\/ Set width to match the parent element\r\n\/\/ \t\t\t\t\ttoc.setAttribute('style', 'width: ' + tocParent.offsetWidth + 'px !important;');\r\n\/\/ \t\t\t\t}\r\n\/\/ \t\t\t}\r\n\/\/ \t\t  });\r\n\r\n\/\/ \t\t  \/\/ Close TOC when a link inside it is clicked\r\n\/\/ \t\t  var tocLinks = document.querySelectorAll(\"#toc .list a\");\r\n\/\/ \t\t  tocLinks.forEach(function(link) {\r\n\/\/ \t\t\tlink.addEventListener(\"click\", function() {\r\n\/\/ \t\t\t  var panel = document.querySelector(\"#toc .list\");\r\n\/\/ \t\t\t  panel.style.height = '0px'; \/\/ Set height to 0 for full collapse\r\n\/\/ \t\t\t  icon.style.transform = \"rotate(180deg)\";\r\n\/\/ \t\t\t  toc.style.backgroundColor = \"#FFF\";\r\n\/\/ \t\t\t});\r\n\/\/ \t\t  });\r\n\/\/ \t\t});\r\n\r\n\/\/ START new JS for ToC improvements\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n  const toc = document.querySelector('#toc');\r\n  const footer = document.querySelector('.td-footer-template-wrap');\r\n  const tocParent = toc.parentElement;\r\n  const divTop = tocParent.getBoundingClientRect().top + window.pageYOffset;\r\n  const tocHeight = toc.offsetHeight;\r\n  const triggerPoint = divTop + tocHeight + 1750;\r\n\tconsole.log(triggerPoint)\r\n  const footerHeight = footer.offsetHeight;\r\n  const triggerFooterPoint = footer.getBoundingClientRect().top + window.pageYOffset - footerHeight*3;\r\n  const phtoc = document.querySelector('#placeholder-toc');\r\n  const headers = document.querySelectorAll('.td-post-content h2');\r\n  const navLinks = document.querySelectorAll('#toc-list a');\r\n  \r\n  const panel2 = document.querySelector(\"#toc .list\");\r\n  const icon = document.querySelector(\".toc-icon\");\r\n  const tocTitle = document.querySelector('#toc-title');\r\n\r\n  let activeLink = null;\r\n  let userClosedTOC = false; \/\/ Flag user menutup TOC\r\n\r\n  function handleScroll() {\r\n    const windowTop = window.pageYOffset || document.documentElement.scrollTop;\r\n    let currentHeader = '';\r\n\r\n    \/\/ Update TOC title sesuai header yang terlihat\r\n    headers.forEach(header => {\r\n      const headerTop = header.offsetTop;\r\n      const headerHeight = header.clientHeight;\r\n      if(window.innerWidth < 767){\r\n        tocTitle.textContent = 'Daftar Isi'; \r\n      } else {\r\n        if (window.scrollY >= (headerTop - headerHeight + 1750)) {\r\n          const currentHeaderId = header.getAttribute('id');\r\n          const currentHeaderText = document.getElementById(currentHeaderId).textContent;\r\n          tocTitle.textContent = currentHeaderText;\r\n          currentHeader = currentHeaderId;\r\n        }\r\n      }\r\n    });\r\n\r\n    navLinks.forEach(link => {\r\n      link.classList.remove('active');\r\n      if(currentHeader && link.getAttribute('href').includes(currentHeader)) {\r\n        link.classList.add('active');\r\n      }\r\n    });\r\n\r\n    if (windowTop > triggerPoint) {\r\n      if (!toc.classList.contains('sticky')) {\r\n        phtoc.style.display = \"block\";\r\n        toc.classList.add('sticky');\r\n        toc.style.width = `${tocParent.offsetWidth}px`;\r\n        toc.style.backgroundColor = \"#FFF\";\r\n        \/\/ Saat sticky, TOC otomatis tertutup\r\n        panel2.style.height = '0px';\r\n        icon.style.transform = \"rotate(180deg)\";\r\n        userClosedTOC = true; \/\/ Set flag supaya tidak terbuka saat scroll\r\n      }\r\n      \r\n      if(window.innerWidth < 767){\r\n        tocTitle.textContent = 'Daftar Isi'; \r\n        toc.style.width = '150px';\r\n      }\r\n\r\n    } else {\r\n      toc.classList.remove('sticky');\r\n      phtoc.style.display = \"none\";\r\n      toc.style.width = 'unset';\r\n      toc.style.backgroundColor = \"#FFF\";\r\n      tocTitle.textContent = 'Daftar isi'; \r\n\r\n      \/\/ Kembalikan panel jika user belum menutup manual\r\n      if(!userClosedTOC) {\r\n        panel2.style.height = panel2.scrollHeight + \"px\";\r\n        icon.style.transform = \"rotate(0deg)\";\r\n      }\r\n    }\r\n  }\r\n\r\n  window.addEventListener('scroll', handleScroll);\r\n  handleScroll();\r\n\r\n  \/\/ Toggle TOC saat user klik\r\n  const tocHeader = document.querySelector(\"#toc .header\");\r\n  tocHeader.addEventListener(\"click\", function() {\r\n    const panel = panel2;\r\n    if (panel.style.height !== '0px') {\r\n      panel.style.height = '0px';\r\n      icon.style.transform = \"rotate(180deg)\";\r\n      userClosedTOC = true;\r\n    } else {\r\n      panel.style.height = panel.scrollHeight + \"px\";\r\n      icon.style.transform = \"rotate(0deg)\";\r\n      userClosedTOC = false;\r\n    }\r\n  });\r\n\r\n  \/\/ Close TOC saat link diklik\r\n  document.querySelectorAll(\"#toc .list a\").forEach(link => {\r\n    link.addEventListener(\"click\", function() {\r\n      panel2.style.height = '0px';\r\n      icon.style.transform = \"rotate(180deg)\";\r\n      userClosedTOC = true;\r\n    });\r\n  });\r\n});\r\n\/\/ END new JS for ToC improvements\r\n\r\n\t\r\n\/\/ \tmake the heading at the center of the viewport\r\n\/\/ \tdocument.addEventListener('DOMContentLoaded', function() {\r\n\/\/     \/\/ Add click event listener to all links in the TOC list\r\n\/\/     document.querySelectorAll('#toc-list a').forEach(anchor => {\r\n\/\/         anchor.addEventListener('click', function (e) {\r\n\/\/             e.preventDefault(); \/\/ Prevent the default behavior of jumping to the anchor\r\n\/\/ \/\/ \t\t\tconsole.log(\"prevent default\");\r\n\/\/             const targetId = this.getAttribute('href').substring(1); \/\/ Get the ID of the target element\r\n\/\/             const targetElement = document.getElementById(targetId); \/\/ Get the target element\r\n\r\n\/\/             if (targetElement) {\r\n\/\/                 const headerHeight = document.querySelector('#toc .header').offsetHeight; \/\/ Get the height of the fixed header\r\n\/\/                 const windowHeight = window.innerHeight; \/\/ Get the height of the viewport\r\n\/\/                 const targetOffset = targetElement.offsetTop; \/\/ Get the top offset of the target element\r\n\/\/                 const scrollTo = targetOffset + (windowHeight \/ 2) + (headerHeight); \/\/ Calculate the scroll position to center the target element\r\n\r\n\/\/                 \/\/ Scroll to the calculated position smoothly\r\n\/\/                 window.scrollTo({\r\n\/\/                     top: scrollTo,\r\n\/\/                     behavior: 'smooth'\r\n\/\/                 });\r\n\/\/             }\r\n\/\/         });\r\n\/\/     });\r\n\/\/ });\r\n<\/script>\r\n\r\n<script>\r\n    \/\/ Scrollspy function to highlight the active TOC item based on the scroll position\r\n  function scrollSpy(tocClass) {\r\n    const scrollPosition = window.scrollY;\r\n\r\n    \/\/ Find the active h2 and h3 headings based on their position in the corresponding TOC\r\n    let activeH2 = null;\r\n    let activeH3 = null;\r\n\r\n    const tocItems = document.querySelectorAll(`.${tocClass} li`);\r\n    tocItems.forEach(item => {\r\n      const a = item.querySelector('a');\r\n      if (!a) return;\r\n      const href = a.getAttribute('href');\r\n      const targetId = href.substring(1); \/\/ Remove the '#' from the href to get the target ID\r\n      const targetElement = document.getElementById(targetId);\r\n      if (!targetElement) return;\r\n\r\n      const targetTop = targetElement.getBoundingClientRect().top + scrollPosition;\r\n      const nextItem = item.nextElementSibling;\r\n      const nextTop = nextItem ? nextItem.getBoundingClientRect().top + scrollPosition : Infinity;\r\n\r\n      if (targetTop <= scrollPosition + 150) {\r\n        if (a.parentElement.parentElement === tocItems) {\r\n          \/\/ The h2 heading is at the root level of the TOC\r\n          activeH2 = { id: targetId, level: 'h2' };\r\n        } \r\n\t\t  else {\r\n          \/\/ The h3 heading is nested under an h2 heading\r\n          const parentH2 = a.parentElement.parentElement.previousElementSibling;\r\n          if (parentH2) {\r\n            const h2Link = parentH2.querySelector('a');\r\n            if (h2Link) {\r\n              const h2Href = h2Link.getAttribute('href');\r\n              const h2Id = h2Href.substring(1);\r\n              activeH2 = { id: h2Id, level: 'h2' };\r\n            }\r\n          }\r\n          activeH3 = { id: targetId, level: 'h3' };\r\n        }\r\n      }\r\n\r\n      if (targetTop > scrollPosition + 150 && nextTop > scrollPosition + 150 && !activeH3) {\r\n        \/\/ Reset the activeH2 when there are no more active h3 headings\r\n        activeH2 = null;\r\n      }\r\n    });\r\n\r\n    \/\/ Update the active state for the TOC items\r\n    tocItems.forEach(item => {\r\n      item.classList.remove('active');\r\n      const a = item.querySelector('a');\r\n      if (a) {\r\n        const href = a.getAttribute('href');\r\n        const targetId = href.substring(1);\r\n        if ((activeH2 && activeH2.id === targetId) || (activeH3 && activeH3.id === targetId)) {\r\n          item.classList.add('active');\r\n        }\r\n      }\r\n    });\r\n  }\r\n\r\n  \/\/ Call scrollSpy for each TOC on window scroll\r\n  const tocClasses = ['list_toc', 'list_toc_float']; \/\/ Add other TOC class names here if you have more than two instances\r\n  tocClasses.forEach(tocClass => {\r\n    window.addEventListener('scroll', () => scrollSpy(tocClass));\r\n  });\r\n<\/script>\r\n\r\n<!-- ToC List for desktop side bar, diganti jadi inject by php, di code snippet \"Sidebar Accordion\" -->\r\n<!-- <script>\r\n\tdocument.addEventListener(\"DOMContentLoaded\", function() {\r\n\r\n        \/\/ Fungsi untuk membuat nested list\r\n        function createNestedList(parentNode, children) {\r\n            if (children.length === 0) return;\r\n\r\n            const nestedUl = document.createElement('ul');\r\n            children.forEach(child => {\r\n                const nestedLi = document.createElement('li');\r\n                const nestedA = document.createElement('a');\r\n                nestedA.textContent = child.title;\r\n                nestedA.href = `#${child.id}`;\r\n                nestedLi.appendChild(nestedA);\r\n                nestedUl.appendChild(nestedLi);\r\n\r\n                if (child.children.length > 0) {\r\n                    createNestedList(nestedLi, child.children);\r\n                }\r\n            });\r\n\r\n            parentNode.appendChild(nestedUl);\r\n        }\r\n\r\n        \/\/ Membuat objek untuk menyimpan daftar h2 dan h3 beserta judulnya\r\n        const headings = [];\r\n\r\n           \/\/ Mengambil semua elemen h2 dan h3\r\n        \/\/ Mengambil semua elemen h2 dan h3\r\n\t\tconst elements = document.querySelectorAll('.td-post-content h2');\r\n\r\n\t\t\tfunction newFormatId(text) {\r\n\t\t\t\tif(text.toLowerCase() === \"key takeaways\") {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\t\r\n\t\t\t\tconst result = text.toLowerCase()\r\n\t\t\t\t.trim()\r\n\t\t\t\t.replace(\/[^\\w\\s-]\/g, '')  \/\/ hapus tanda baca\r\n\t\t\t\t.replace(\/\\s+\/g, '-'); \/\/ ganti spasi jadi \"-\"\r\n\r\n\t\t\t\treturn result;\r\n\t\t\t}\r\n\t\r\n\t\telements.forEach(element => {\r\n\t\t\tif (element.tagName === 'H2') {\r\n\t\t\t\tconst id = newFormatId(element.textContent); \/\/ Hasilkan ID baru\r\n\t\t\t\telement.id = id; \/\/ Tetapkan ID ke elemen h2\r\n\t\t\t\tif (element.textContent.toLowerCase() === \"key takeaways\") {return;} \/\/ Kalau Key Takeaways, jangan dimasukin\r\n\t\t\t\theadings.push({ level: 'h2', id: id, title: element.textContent, children: [] });\r\n\t\t\t} else if (element.tagName === 'H3') {\r\n\t\t\t\tconst id = newFormatId(element.textContent); \/\/ Hasilkan ID baru\r\n\t\t\t\telement.id = id; \/\/ Tetapkan ID ke elemen h3\r\n\t\t\t\tif (headings.length > 0) {\r\n\t\t\t\t\theadings[headings.length - 1].children.push({ level: 'h3', id: id, title: element.textContent, children: [] });\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n       \/\/ Membuat list HTML dari objek headings\r\n\t\tconst ul = document.getElementById('list_toc');\r\n\t\tlet currentUl = ul;\r\n\t\theadings.forEach(heading => {\r\n\t\t\tconst li = document.createElement('li');\r\n\t\t\tconst a = document.createElement('a');\r\n\t\t\ta.textContent = heading.title;\r\n\t\t\ta.href = `#${heading.id}`; \/\/ Gunakan ID yang baru dihasilkan\r\n\t\t\tli.appendChild(a);\r\n\r\n\t\t\tif (heading.level === 'h2') {\r\n\t\t\t\tcurrentUl = li;\r\n\t\t\t\tul.appendChild(li);\r\n\t\t\t} else if (heading.level === 'h3') {\r\n\t\t\t\tif (!currentUl.lastElementChild || currentUl.lastElementChild.tagName !== 'UL') {\r\n\t\t\t\t\tconst nestedUl = document.createElement('ul');\r\n\t\t\t\t\tcurrentUl.appendChild(nestedUl);\r\n\t\t\t\t\tcurrentUl = nestedUl;\r\n\t\t\t\t}\r\n\t\t\t\tcurrentUl.appendChild(li);\r\n\t\t\t}\r\n\r\n\t\t\tcreateNestedList(li, heading.children);\r\n\t\t});\r\n\t\t\/\/ Dapatkan elemen ul dengan id 'list_toc'\r\n\t\tconst ulFloat = document.getElementById('list_toc');\r\n\r\n\t\t\/\/ Dapatkan isi (child elements) dari ul dengan id 'list_toc'\r\n\t\tconst clonedChildren = ulFloat.cloneNode(true).children;\r\n\r\n\t\t\/\/ Dapatkan elemen ul dengan id 'list_toc_float'\r\n\t\tconst ulToc = document.getElementById('list_toc_float');\r\n\r\n\t\t\/\/ Tambahkan isi yang telah didapatkan dari 'list_toc' ke ul dengan id 'list_toc_float'\r\n\t\tulToc.append(...clonedChildren);\r\n\r\n\r\n        \/\/ Fungsi untuk mengambil tinggi navbar\r\n\t\tfunction getNavbarHeight() {\r\n\t\t\tconst navbar = document.getElementById('tdi_34');\r\n\t\t\treturn navbar ? navbar.offsetHeight : 0;\r\n\t\t}\r\n\r\n\t\t\/\/ Fungsi untuk menambahkan offset posisi scroll\r\n\t\tfunction scrollToElementWithOffset(elementId) {\r\n\t\t\tconst element = document.getElementById(elementId);\r\n\t\t\tif (element) {\r\n\t\t\t\tconst offset = getNavbarHeight();\r\n\t\t\t\tconst elementPosition = element.getBoundingClientRect().top;\r\n\t\t\t\tconst offsetPosition = elementPosition - offset - 40;\r\n\r\n\t\t\t\twindow.scrollBy({\r\n\t\t\t\t\ttop: offsetPosition,\r\n\t\t\t\t\tbehavior: 'smooth'\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t\/\/ Fungsi untuk menangani klik pada tautan judul\r\n\t\tfunction handleTitleClick(event) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\tconst href = event.target.getAttribute('href').substr(1);\r\n\t\t\tscrollToElementWithOffset(href);\r\n\t\t}\r\n\r\n\t\t\/\/ Tambahkan event listener untuk semua tautan judul\r\n\t\tconst titleLinks = document.querySelectorAll('a[href^=\"#\"]');\r\n\t\ttitleLinks.forEach(link => {\r\n\t\t\tlink.addEventListener('click', handleTitleClick);\r\n\t\t});\r\n\t\t\r\n\t});\r\n    <\/script> -->\r\n<\/span><\/p>\n<h2 id=\"apa\"><strong>Apa Itu Surat Perjanjian Kerja?<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Pertama-tama, Anda harus memahami apa itu pengertian dari surat perjanjian kerja terlebih dahulu. Sebagai seorang pekerja, sebelum mulai bekerja di hari pertama, Anda harus mengetahui bahwa surat perjanjian kerja merupakan sebuah surat perjanjian antara pekerja dan pemberi kerja secara tulisan ataupun untuk waktu tertentu atau pun tidak tertentu yang memuat hak, kewajiban, dan juga syarat-syarat kerja.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dalam dunia usaha atau bisnis, SPK adalah hal yang sangat penting untuk dimiliki oleh kedua belah pihak, baik itu pekerja <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/pkwt-dan-pkwtt\/\">PKWT dan PKWTT<\/a> maupun perusahaan yang sebagai pemilik lapangan kerja. SPK termasuk dalam hal penting karena merupakan pedoman bagi kedua belah pihak untuk menjalankan suatu pekerjaan.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tak bisa dipungkiri, setiap perusahaan memang wajib untuk memberikan surat perjanjian kerja di hari pertama calon karyawan bekerja. Mengapa demikian? Karena hak dan kewajiban karyawan serta perusahaan akan tertera secara rinci di dalam surat tersebut serta untuk meminimalisir hal-hal yang tidak diinginkan di masa depan.<\/span><\/p>\n<h2 id=\"empat\"><strong>Empat Struktur Yang Harus Dimuat dalam Surat Perjanjian Kerja<\/strong><\/h2>\n<p>Seperti yang sudah kami paparkan sebelumnya, perjanjian kerja yang disepakati kedua belah pihak akan menjadi dasar hubungan kerja, yang sesuai dengan <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/uu-ketenagakerjaan-terbaru\/\">UU ketenagakerjaan terbaru<\/a> untuk memastikan hak pekerja dan kepatuhan perusahaan terhadap regulasi yang berlaku.<\/p>\n<p><span style=\"font-weight: 400;\">Menurut Pasal 53 ayat (1) Undang-undang nomor 13 tahun 2003 tentang Ketenagakerjaan, perjanjian kerja setidaknya harus memuat 9 unsur, yaitu:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Nama, alamat perusahaan, dan jenis usaha;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Nama, jenis kelamin, umur, dan alamat pekerja\/buruh;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Jabatan atau jenis pekerjaan;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Tempat pekerjaan;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Besarnya upah dan cara pembayarannya;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Berbagai syarat kerja yang memuat hak dan kewajiban pengusaha dan pekerja\/buruh;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Jangka waktu berlakunya perjanjian kerja;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Tempat dan tanggal perjanjian kerja dibuat; dan<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Tanda tangan para pihak dalam perjanjian kerja.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Namun selain hal-hal dasar tersebut, <\/span><i><span style=\"font-weight: 400;\">human resource development <\/span><\/i><span style=\"font-weight: 400;\">atau HRD sebaiknya memperhatikan penulisan 4 hal yang paling penting yang harus ada dalam SPK berikut ini agar tidak terjadi kesalahpahaman dalam hubungan kerja:<\/span><\/p>\n<h3 id=\"jabatan\"><span style=\"font-weight: 400;\">1. Jabatan dan lingkup pekerjaan<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Masing-masing posisi dan jabatan pada suatu perusahaan memiliki tanggung jawab yang berbeda. <\/span><i><span style=\"font-weight: 400;\">Input <\/span><\/i><span style=\"font-weight: 400;\">jabatan yang sesuai bagi tiap pekerja, serta lengkap dengan informasi tugas dan tanggung jawab mereka.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Umumnya, sedari awal HRD dapat menjelaskan tugas dan kewajiban terlebih dahulu kepada pada calon pekerja saat wawancara kerja. Dengan begitu, kandidat mempunyai kesempatan waktu demi mempertimbangkan dengan matang sebelum memutuskan untuk menandatangani surat perjanjian kerja.<\/span><\/p>\n<h3 id=\"upah\"><span style=\"font-weight: 400;\">2. Upah dan tunjangan<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Besaran upah pekerja harus perusahaan cantumkan pada surat perjanjian kerja karena melandasi hal-hal seperti perhitungan jumlah THR dan tunjangan. HRD juga harus memastikan juga bahwa totalan gaji pada SPK sudah tertulis jelas, apakah gaji pokok atau gaji bersih.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Akan lebih baik bila HRD juga mencantumkan hak-hak di luar gaji seperti tunjangan kesehatan, tunjangan kesehatan, hingga tunjangan hari raya (THR). Untuk mengelola gaji karyawan dengan mudah, Anda bisa menggunakan <a href=\"https:\/\/www.hashmicro.com\/id\/manajemen-human-resource\" target=\"_blank\" rel=\"noopener\">Software Payroll<\/a>.<\/span><\/p>\n<h3 id=\"masa\"><span style=\"font-weight: 400;\">3. Masa kontrak dan pemutusan hubungan kerja<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Selanjutnya, poin ini merupakan hal yang sangat penting untuk pekerja kontrak dengan Perjanjian Kerja Waktu Tertentu (PKWT)<\/span><b>.<\/b><span style=\"font-weight: 400;\"> HRD harus mencantumkan tanggal dimulai serta akan berakhirnya masa kerja secara jelas pada SPK. Selain itu, kebijakan mengenai pemutusan hubungan kerja juga penting. Dalam hal ini, prosedur, hak, dan kewajiban kedua pihak mengenai pemutusan kontrak perlu perusahaan cantumkan.<\/span><\/p>\n<h3 id=\"pelanggaran\"><span style=\"font-weight: 400;\">4. Pelanggaran dan sanksi<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Untuk hal terakhir yang harus perusahaan muat dalam surat perjanjian kerja mereka adalah <\/span><span style=\"font-weight: 400;\">hak pekerja<\/span><span style=\"font-weight: 400;\">, ada pun juga kewajiban yang perlu dipenuhi oleh pekerja. Apabila tidak mereka penuhi, pekerja tersebut dapat terkena sanksi oleh pihak perusahaan.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Hal tadi perlu Anda tuliskan dalam surat perjanjian kerja agar tidak menimbulkan kesalahpahaman di masa depan nantinya. Berikan juga penjelasan sanksi yang perusahaan Anda berikan jika pekerja melanggar dan tidak disiplin. Bisa jelaskan mengenai apa saja jenis-jenis pelanggaran yang tidak ditoleransi dan dapat berujung dengan pemutusan hubungan kerja.<\/span><\/p>\n<h2 id=\"jenis\"><strong>Jenis dan Contoh dari Surat Perjanjian Kerja<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Adapun beberapa jenis dari SPK itu sendiri karena hal surat yang perusahaan keluarkan tergantung pada pekerjaan yang akan kandidat lakukan, maka dari itu surat ini terbagi dalam beberapa jenis. Berikut ini kami akan menjelaskan tiga jenis surat perjanjian kerja.\u00a0<\/span><\/p>\n<h3 id=\"paruh waktu\"><span style=\"font-weight: 400;\">1. Surat perjanjian kerja waktu paruh waktu<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Pekerja paruh waktu atau <\/span><i><span style=\"font-weight: 400;\">part-time<\/span><\/i><span style=\"font-weight: 400;\"> tentu memiliki jam kerja dan perhitungan upah yang berbeda dengan pekerja tetap. Secara garis besar, waktu kerja mereka lebih sedikit dan fleksibel. Bila Anda bandingkan, pekerja tetap memiliki waktu kerja 40 jam per minggu. Sementara jam kerja pekerja paruh waktu hanya sekitar setengahnya, yakni 3-5 jam per hari tergantung jenis pekerjaannya. Dalam surat perjanjian jenis ini, kebijakan jam kerja dan pembayaran upah ini harus Anda perhatikan.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Pencantuman durasi kerja serta upah yang akan karyawan terima, dapat perusahaan hitung per jam atau per shift, tergantung kebijakan perusahaan. Macam-macam contoh pekerjaan paruh waktu yang ada yaitu penulis, fotografer, barista, penjaga toko, hingga programmer.<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-10504\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/1-212x300.jpg\" alt=\"Contoh Surat perjanjian kerja waktu paruh waktu\" width=\"393\" height=\"556\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/1-212x300.jpg 212w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/1-724x1024.jpg 724w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/1-768x1086.jpg 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/1-1086x1536.jpg 1086w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/1-scaled.jpg 1448w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/1-150x212.jpg 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/1-300x424.jpg 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/1-696x985.jpg 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/1-1068x1511.jpg 1068w\" sizes=\"auto, (max-width: 393px) 100vw, 393px\" \/><\/p>\n<h3 id=\"kontrak\"><span style=\"font-weight: 400;\">2. Surat perjanjian kerja waktu tertentu (PKWT)<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Pekerja kontrak umumnya memiliki hak yang berbeda dengan pekerja tetap, seperti hak cuti atau fasilitas. Perusahaan harus mencantumkan hak serta kewajiban pekerja agar tidak ambigu lebih jelas.<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-10506\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/2-1-300x212.jpg\" alt=\"PKWT\" width=\"558\" height=\"394\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/2-1-300x212.jpg 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/2-1-1024x724.jpg 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/2-1-768x543.jpg 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/2-1-1536x1086.jpg 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/2-1-scaled.jpg 2048w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/2-1-150x106.jpg 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/2-1-696x492.jpg 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/2-1-1068x755.jpg 1068w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/2-1-1920x1357.jpg 1920w\" sizes=\"auto, (max-width: 558px) 100vw, 558px\" \/><\/p>\n<h3 id=\"lepas\"><span style=\"font-weight: 400;\">3. Surat perjanjian pekerja lepas\u00a0<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Pekerja lepas atau <\/span><a href=\"https:\/\/voffice.co.id\/jakarta-virtual-office\/business-tips\/freelance-adalah\/#:~:text=Freelancer%20atau%20yang%20biasa%20disebut,dan%20juga%20biaya%20yang%20dikenakan.\" target=\"_blank\" rel=\"noopener\"><i><span style=\"font-weight: 400;\">freelancer<\/span><\/i> <\/a><span style=\"font-weight: 400;\">merupakan orang yang bekerja tanpa terikat dengan kontrak eksklusif berjangka panjang dengan satu perusahaan. Perusahaan yang mempekerjakan para <\/span><i><span style=\"font-weight: 400;\">freelancer<\/span><\/i><span style=\"font-weight: 400;\"> ini nantinya yang akan memberikan tanggung jawab serta upah atas hasil yang sudah mereka kerjakan.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Masalah yang mungkin kerap muncul antara <\/span><i><span style=\"font-weight: 400;\">freelancer<\/span><\/i><span style=\"font-weight: 400;\"> dengan si pemberi kerja yaitu masalah pembayaran. Maka dari itu, sebaiknya sedari awal perusahaan membuat sebuah surat perjanjian yang menyatakan tanggung jawab masing-masing pihak serta kebijakan pembayaran yang mereka telah sepakati. Tidak lupa juga harus mencantumkan jangka waktu pengerjaan projek dan jangka waktu maksimal pembayaran honor kepada pekerja agar lebih jelas.<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\" wp-image-10507 aligncenter\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/3-212x300.jpg\" alt=\"Contoh surat perjanjian pekerja lepas \" width=\"518\" height=\"733\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/3-212x300.jpg 212w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/3-724x1024.jpg 724w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/3-768x1086.jpg 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/3-1086x1536.jpg 1086w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/3-scaled.jpg 1448w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/3-150x212.jpg 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/3-300x424.jpg 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/3-696x985.jpg 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/3-1068x1511.jpg 1068w\" sizes=\"auto, (max-width: 518px) 100vw, 518px\" \/><\/p>\n<h3 id=\"tetap\"><span style=\"font-weight: 400;\">4. Surat perjanjian pekerja tetap<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Tiap-tiap orang yang akan perusahaan pekerjakan, wajib menandatangani surat kontrak sebelum resmi memulai hubungan kerja. SPK untuk pekerja tetap biasanya berisi lebih panjang dan lengkap. Tanggal berlakunya kerja sama, detail jabatan, lingkup pekerjaan, gaji, hingga berbagai hak lain seperti tunjangan perlu ditulis secara lengkap.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Selain itu, jangan lupa siapkan dua rangkap surat perjanjian untuk masing-masing pihak. <\/span><span style=\"font-weight: 400;\">Sudah menjadi tanggung jawab dari HRD untuk menyiapkan surat perjanjian kerja bagi kandidat yang akan bekerja dengan perusahaan. Agar hak dan kewajiban tercantum lebih jelas, siapkan surat perjanjian sesuai dengan jenis pekerjaan. Jangan lupa untuk mengecek ulang informasi yang tercantum.<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\" wp-image-10508 aligncenter\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/4-212x300.jpg\" alt=\"Contoh urat perjanjian pekerja tetap\" width=\"499\" height=\"706\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/4-212x300.jpg 212w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/4-724x1024.jpg 724w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/4-768x1086.jpg 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/4-1086x1536.jpg 1086w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/4-scaled.jpg 1448w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/4-150x212.jpg 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/4-300x424.jpg 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/4-696x985.jpg 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2021\/10\/4-1068x1511.jpg 1068w\" sizes=\"auto, (max-width: 499px) 100vw, 499px\" \/><\/p>\n<h2 id=\"kesimpulan\"><strong>Kesimpulan<\/strong><\/h2>\n<p><span style=\"font-weight: 400;\">Berikut merupakan penjelasan lengkap mengenai pengertian, jenis-jenis, serta contoh surat perjanjian kontrak kerja yang merupakan hal krusial bagi perusahaan sebagai pemilik lapangan pekerjaan dan bagi para pekerjanya. Maka dari itu, Anda sebagai pekerja maupun pemilik usaha harus memperhatikan hal mengenai isi dari kontrak kerja agar tidak merugikan Anda ataupun karyawan Anda.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Sebagai perusahaan yang baik, pastikan juga bahwa kontrak kerja yang HRD perusahaan Anda buat sudah sesuai dengan peraturan atau undang-undang yang berlaku di Indonesia. Lalu, bila merasa kontrak kerja karyawan Anda segera habis, Anda harus segera memutuskan apakah melanjutkan kontrak kerja dengan karyawan yang bersangkutan atau mengangkatnya menjadi karyawan tetap. Kontrak kerja yang termasuk dalam administrasi karyawan, perlu Anda kelola dengan baik. Jika tidak, tentu akan menghambat kinerja karyawan yang akan berdampak terkendalanya aktivitas bisnis Anda.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dengan menggunakan <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/\">Software HR terbaik untuk enterprise<\/a><\/span><span style=\"font-weight: 400;\">\u00a0dari HashMicro, Anda dapat mempermudah berbagai proses dalam administrasi HR. <\/span><\/p>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-cuti-karyawan\/\">Aplikasi cuti karyawan<\/a> dapat menghitung gaji dan <\/span><span style=\"font-weight: 400;\">PPh 21<\/span><b>, <\/b><span style=\"font-weight: 400;\">mengelola cuti serta daftar kehadiran, mengurus proses <\/span><i><span style=\"font-weight: 400;\">reimbursement<\/span><\/i><span style=\"font-weight: 400;\">, serta kegiatan operasional lainnya. <\/span><span style=\"font-weight: 400;\">Selain itu, Software HRM HashMicro dapat mempermudah Anda dengan memberikan notifikasi secara <\/span><i><span style=\"font-weight: 400;\">real-time<\/span><\/i><span style=\"font-weight: 400;\"> apabila kontrak pekerja Anda akan segera habis dan permudah perpanjangan kontrak dengan fitur <\/span><i><span style=\"font-weight: 400;\">Employee Contract Management<\/span><\/i><b><i>.<\/i><\/b><i><span style=\"font-weight: 400;\">\u00a0<\/span><\/i><\/p>\n<p><span style=\"font-weight: 400;\">Tunggu apa lagi? Segera daftar <\/span><a href=\"https:\/\/www.hashmicro.com\/id\/tour-produk-gratis\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">demo gratis<\/span><\/a><span style=\"font-weight: 400;\"> dari HashMicro, sekarang!<\/span><\/p>\n\n<p><script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": {\n    \"@type\": \"Question\",\n    \"name\": \"Apa itu surat perjanjian kerja?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"surat perjanjian kerja merupakan sebuah surat perjanjian antara pekerja dan pemberi kerja secara tulisan ataupun untuk waktu tertentu atau pun tidak tertentu yang memuat hal, kewajiban, dan juga syarat-syarat kerja.\"\n    }\n  }\n}\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Saat seorang pekerja menerima lowongan pekerjaan dari pemilik lapangan pekerjaan, pasti akan diberikan lembaran surat yang kedua belah pihak harus tanda tangani, yaitu surat perjanjian kerja. Surat perjanjian kerja pun beragam sesuai dengan masing-masing perusahaan. Singkatnya, menurut Undang-Undang No. 13 Tahun 2003 tentang Ketenagakerjaan, surat perjanjian pekerja merupakan sebuah surat perjanjian antara pekerja dengan pemilik [&hellip;]<\/p>\n","protected":false},"author":162,"featured_media":139580,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[6],"tags":[],"class_list":{"0":"post-10503","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>Contoh Surat Perjanjian Kerja &amp; Hal yang Perlu Anda Muat!<\/title>\n<meta name=\"description\" content=\"Surat perjanjian kerja adalah surat perjanjian antara pekerja dan pemberi kerja yang memuat hak, kewajiban, dan syarat. simak artikelnya!\" \/>\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\/surat-perjanjian-kerja\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contoh Pembuatan Surat Perjanjian Kerja &amp; Struktur Penulisannya Yang Tepat\" \/>\n<meta property=\"og:description\" content=\"Surat perjanjian kerja adalah surat perjanjian antara pekerja dan pemberi kerja yang memuat hak, kewajiban, dan syarat. simak artikelnya!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/surat-perjanjian-kerja\/\" \/>\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-05-01T07:40:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-17T01:49:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/05\/contoh-pembuatan-surat-perjanjian-kerja-struktur-penulisannya-yang-tepat-Hashmicro-3.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"650\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Hendra Gunawan\" \/>\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=\"Hendra Gunawan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/surat-perjanjian-kerja\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/surat-perjanjian-kerja\/\"},\"author\":{\"name\":\"Hendra Gunawan\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/7eb92f40eba8b038fa552ba13cd6d88a\"},\"headline\":\"Contoh Pembuatan Surat Perjanjian Kerja &#038; Struktur Penulisannya Yang Tepat\",\"datePublished\":\"2024-05-01T07:40:22+00:00\",\"dateModified\":\"2025-12-17T01:49:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/surat-perjanjian-kerja\/\"},\"wordCount\":1349,\"publisher\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/surat-perjanjian-kerja\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/05\/contoh-pembuatan-surat-perjanjian-kerja-struktur-penulisannya-yang-tepat-Hashmicro-3.png\",\"articleSection\":[\"HRM\"],\"inLanguage\":\"id\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/surat-perjanjian-kerja\/\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/surat-perjanjian-kerja\/\",\"name\":\"Contoh Surat Perjanjian Kerja & Hal yang Perlu Anda Muat!\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/surat-perjanjian-kerja\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/surat-perjanjian-kerja\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/05\/contoh-pembuatan-surat-perjanjian-kerja-struktur-penulisannya-yang-tepat-Hashmicro-3.png\",\"datePublished\":\"2024-05-01T07:40:22+00:00\",\"dateModified\":\"2025-12-17T01:49:20+00:00\",\"description\":\"Surat perjanjian kerja adalah surat perjanjian antara pekerja dan pemberi kerja yang memuat hak, kewajiban, dan syarat. simak artikelnya!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/surat-perjanjian-kerja\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hashmicro.com\/id\/blog\/surat-perjanjian-kerja\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/surat-perjanjian-kerja\/#primaryimage\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/05\/contoh-pembuatan-surat-perjanjian-kerja-struktur-penulisannya-yang-tepat-Hashmicro-3.png\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/05\/contoh-pembuatan-surat-perjanjian-kerja-struktur-penulisannya-yang-tepat-Hashmicro-3.png\",\"width\":1200,\"height\":650,\"caption\":\"Contoh Pembuatan Surat Perjanjian Kerja & Struktur Penulisannya Yang Tepat\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/surat-perjanjian-kerja\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hashmicro.com\/id\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contoh Pembuatan Surat Perjanjian Kerja &#038; Struktur Penulisannya Yang Tepat\"}]},{\"@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\/7eb92f40eba8b038fa552ba13cd6d88a\",\"name\":\"Hendra Gunawan\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Hendra-Gunawan-96x96.webp\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Hendra-Gunawan-96x96.webp\",\"caption\":\"Hendra Gunawan\"},\"description\":\"Hendra adalah ERP Specialist senior dengan pengalaman lebih dari 6 tahun dalam implementasi dan optimasi sistem ERP di berbagai industri. Ia berspesialisasi dalam menulis artikel seputar implementasi dan integrasi modul bisnis, sistem ERP untuk manajemen operasional, dan otomatisasi proses bisnis.\",\"sameAs\":[\"https:\/\/www.hashmicro.com\/id\/\"],\"jobTitle\":\"Hendra Gunawan - Senior Content Writer - ERP Specialist\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/author\/hendra-gunawan\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Contoh Surat Perjanjian Kerja & Hal yang Perlu Anda Muat!","description":"Surat perjanjian kerja adalah surat perjanjian antara pekerja dan pemberi kerja yang memuat hak, kewajiban, dan syarat. simak artikelnya!","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\/surat-perjanjian-kerja\/","og_locale":"id_ID","og_type":"article","og_title":"Contoh Pembuatan Surat Perjanjian Kerja & Struktur Penulisannya Yang Tepat","og_description":"Surat perjanjian kerja adalah surat perjanjian antara pekerja dan pemberi kerja yang memuat hak, kewajiban, dan syarat. simak artikelnya!","og_url":"https:\/\/www.hashmicro.com\/id\/blog\/surat-perjanjian-kerja\/","og_site_name":"HashMicro Indonesia","article_publisher":"https:\/\/www.facebook.com\/hashmicro","article_published_time":"2024-05-01T07:40:22+00:00","article_modified_time":"2025-12-17T01:49:20+00:00","og_image":[{"width":1200,"height":650,"url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/05\/contoh-pembuatan-surat-perjanjian-kerja-struktur-penulisannya-yang-tepat-Hashmicro-3.png","type":"image\/png"}],"author":"Hendra Gunawan","twitter_card":"summary_large_image","twitter_creator":"@hashmicro","twitter_site":"@hashmicro","twitter_misc":{"Ditulis oleh":"Hendra Gunawan","Estimasi waktu membaca":"9 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hashmicro.com\/id\/blog\/surat-perjanjian-kerja\/#article","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/surat-perjanjian-kerja\/"},"author":{"name":"Hendra Gunawan","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/7eb92f40eba8b038fa552ba13cd6d88a"},"headline":"Contoh Pembuatan Surat Perjanjian Kerja &#038; Struktur Penulisannya Yang Tepat","datePublished":"2024-05-01T07:40:22+00:00","dateModified":"2025-12-17T01:49:20+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/surat-perjanjian-kerja\/"},"wordCount":1349,"publisher":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/surat-perjanjian-kerja\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/05\/contoh-pembuatan-surat-perjanjian-kerja-struktur-penulisannya-yang-tepat-Hashmicro-3.png","articleSection":["HRM"],"inLanguage":"id"},{"@type":"WebPage","@id":"https:\/\/www.hashmicro.com\/id\/blog\/surat-perjanjian-kerja\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/surat-perjanjian-kerja\/","name":"Contoh Surat Perjanjian Kerja & Hal yang Perlu Anda Muat!","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/surat-perjanjian-kerja\/#primaryimage"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/surat-perjanjian-kerja\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/05\/contoh-pembuatan-surat-perjanjian-kerja-struktur-penulisannya-yang-tepat-Hashmicro-3.png","datePublished":"2024-05-01T07:40:22+00:00","dateModified":"2025-12-17T01:49:20+00:00","description":"Surat perjanjian kerja adalah surat perjanjian antara pekerja dan pemberi kerja yang memuat hak, kewajiban, dan syarat. simak artikelnya!","breadcrumb":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/surat-perjanjian-kerja\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hashmicro.com\/id\/blog\/surat-perjanjian-kerja\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/surat-perjanjian-kerja\/#primaryimage","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/05\/contoh-pembuatan-surat-perjanjian-kerja-struktur-penulisannya-yang-tepat-Hashmicro-3.png","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/05\/contoh-pembuatan-surat-perjanjian-kerja-struktur-penulisannya-yang-tepat-Hashmicro-3.png","width":1200,"height":650,"caption":"Contoh Pembuatan Surat Perjanjian Kerja & Struktur Penulisannya Yang Tepat"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hashmicro.com\/id\/blog\/surat-perjanjian-kerja\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hashmicro.com\/id\/blog\/"},{"@type":"ListItem","position":2,"name":"Contoh Pembuatan Surat Perjanjian Kerja &#038; Struktur Penulisannya Yang Tepat"}]},{"@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\/7eb92f40eba8b038fa552ba13cd6d88a","name":"Hendra Gunawan","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Hendra-Gunawan-96x96.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Hendra-Gunawan-96x96.webp","caption":"Hendra Gunawan"},"description":"Hendra adalah ERP Specialist senior dengan pengalaman lebih dari 6 tahun dalam implementasi dan optimasi sistem ERP di berbagai industri. Ia berspesialisasi dalam menulis artikel seputar implementasi dan integrasi modul bisnis, sistem ERP untuk manajemen operasional, dan otomatisasi proses bisnis.","sameAs":["https:\/\/www.hashmicro.com\/id\/"],"jobTitle":"Hendra Gunawan - Senior Content Writer - ERP Specialist","url":"https:\/\/www.hashmicro.com\/id\/blog\/author\/hendra-gunawan\/"}]}},"focus_keyword":"surat perjanjian kerja","order_j":"","_links":{"self":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/10503","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\/162"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/comments?post=10503"}],"version-history":[{"count":8,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/10503\/revisions"}],"predecessor-version":[{"id":180941,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/10503\/revisions\/180941"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media\/139580"}],"wp:attachment":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=10503"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/categories?post=10503"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/tags?post=10503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}