{"id":173424,"date":"2025-10-24T16:38:18","date_gmt":"2025-10-24T09:38:18","guid":{"rendered":"https:\/\/www.hashmicro.com\/id\/blog\/?p=173424"},"modified":"2026-01-22T13:50:37","modified_gmt":"2026-01-22T06:50:37","slug":"aplikasi-software-personalia-terbaik-di-indonesia","status":"publish","type":"post","link":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-software-personalia-terbaik-di-indonesia\/","title":{"rendered":"15 Aplikasi Personalia Terbaik 2026 untuk Manajemen SDM Efisien"},"content":{"rendered":"<p>Sebagai seorang praktisi HR selama lebih dari satu dekade, saya sering menyaksikan bagaimana proses administrasi manual menjadi penghambat utama pertumbuhan perusahaan. Mulai dari rekap absensi yang memakan waktu, perhitungan gaji dan PPh 21 yang rentan human error, hingga kesulitan melacak kinerja karyawan secara objektif.<\/p>\n<p>Tantangan-tantangan tersebut bukan hanya menurunkan efisiensi, tetapi juga berdampak pada moral dan produktivitas tim. Untungnya, kehadiran <a href=\"https:\/\/www.hashmicro.com\/id\/eva-hris-essentials\">aplikasi personalia<\/a> modern telah mengubah lanskap manajemen SDM secara fundamental, menghadirkan otomatisasi dan transparansi dalam setiap proses kerja.<\/p>\n<p>Kini, fungsi HR tidak lagi sekadar pusat administrasi, melainkan mitra strategis yang mendorong pertumbuhan bisnis. Artikel ini akan mengulas 15 aplikasi personalia terbaik di tahun 2026 untuk membantu Anda menemukan solusi yang paling sesuai bagi manajemen SDM perusahaan Anda.<\/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: #8a0e19; color: #ffffff; padding: 5px;\"><b>Key Takeaways<\/b><\/span><\/h3>\n<ul>\n<li aria-level=\"1\">Memilih <a href=\"#aplikasi\">aplikasi yang tepat<\/a> adalah langkah krusial. Setiap platform menawarkan keunggulan unik yang dirancang untuk kebutuhan spesifik dengan fitur yang berbeda-beda.<span style=\"font-family: inherit; font-size: inherit;\">\u00a0<\/span><\/li>\n<li aria-level=\"1\"><a href=\"#transformasi\">Transformasi digital<\/a> di bidang HR seperti aplikasi personalia bukan lagi sebuah pilihan, melainkan sebuah keharusan strategis untuk tetap kompetitif di tahun 2026.<\/li>\n<li aria-level=\"1\"><a href=\"https:\/\/www.hashmicro.com\/id\/eva-hris-essentials\">Software HRIS HashMicro<\/a><span style=\"font-family: inherit; font-size: inherit;\"> dirancang sebagai solusi komprehensif yang dapat mengelola seluruh siklus hidup karyawan, mulai dari rekrutmen hingga pensiun.<\/span><\/li>\n<\/ul>\n<p style=\"text-align: center;\">\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>15 Rekomendasi Aplikasi Personalia Terbaik untuk Bisnis Anda<\/strong><\/h2>\n<p>Memilih aplikasi yang tepat adalah langkah krusial. Setiap platform menawarkan keunggulan unik yang dirancang untuk kebutuhan spesifik, mulai dari skala bisnis, fokus industri, hingga anggaran yang tersedia. Ulasan berikut saya susun secara objektif berdasarkan riset mendalam terhadap fungsionalitas, pengalaman pengguna, dan reputasi setiap penyedia layanan.<\/p>\n<p>Kriteria evaluasi yang saya gunakan mencakup kelengkapan fitur (dari administrasi hingga manajemen talenta), kemudahan penggunaan, skalabilitas sistem untuk mendukung pertumbuhan, kualitas dukungan pelanggan, serta transparansi model harga. Ini akan membantu Anda membandingkan setiap opsi secara adil dan menemukan yang paling relevan untuk perusahaan Anda.<\/p>\n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n          <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/hashmicro-resized.webp\" alt=\"HashMicro Logo\" height=\"32px\" width=\"200px\" \/>\r\n          <a href=\"#hashmicro\">HashMicro HRIS<\/a>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t\t\t\t\r\n          <p class=\"desc\">Perusahaan skala menengah hingga besar yang butuh sistem terintegrasi dan dapat dikustomisasi penuh.<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <div>\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"15px\" width=\"15px\" viewBox=\"0 -960 960 960\" fill=\"#ffffff\">\r\n              <path style=\"flex-shrink: 0;\" d=\"m387-412 35-114-92-74h114l36-112 36 112h114l-93 74 35 114-92-71-93 71ZM240-40v-309q-38-42-59-96t-21-115q0-134 93-227t227-93q134 0 227 93t93 227q0 61-21 115t-59 96v309l-240-80-240 80Zm240-280q100 0 170-70t70-170q0-100-70-170t-170-70q-100 0-170 70t-70 170q0 100 70 170t170 70Z\" \/>\r\n            <\/svg>\r\n            <p class=\"best-deals-marker\" style=\"color: #ffffff; margin-bottom: 0; font-size: 14px; line-height: 1.5;\">Best Deals<\/p>\r\n          <\/div>\r\n          <a href=\"https:\/\/www.hashmicro.com\/id\/offer\/download-skema-harga-software-erp?medium=cta-button\">Tanya Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/www.g2.com\/sellers\/hashmicro#profiles\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" alt=\"g2 logo\" width=\"16\" height=\"16\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/g2-review-logo-resized.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t4.8\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#hashmicro\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#hashmicro\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" alt=\"dropdown icon svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" alt=\"dropdown icon\"\/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/05\/mekari-talenta-logo.webp\" alt=\"Mekari Talenta\" height=\"32px\" width=\"200px\" \/>\r\n                              <a href=\"#mekari\">Mekari Talenta<\/a>\r\n                  <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t          <p class=\"desc\">Startup dan UKM yang membutuhkan solusi payroll dan administrasi HR yang user-friendly.<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <a href=\"#mekari\">Lihat Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/www.g2.com\/products\/mekari-talenta\/reviews\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/g2-review-logo-resized.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t4.7\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#mekari\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#mekari\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/greatday-logo.webp\" alt=\"GreatDay HR\" height=\"32px\" width=\"200px\" \/>\r\n                              <a href=\"#great\">GreatDay HR<\/a>\r\n                  <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t          <p class=\"desc\">Perusahaan dengan banyak karyawan lapangan yang memerlukan fitur absensi berbasis GPS dan mobile-first.<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <a href=\"#great\">Lihat Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/www.g2.com\/products\/greatday-hr\/reviews\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/g2-review-logo-resized.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star-half\"><\/i><i class=\"td-icon-star-empty\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t3.3\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#great\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#great\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/05\/linov-hr-logo.webp\" alt=\"LinovHR\" height=\"32px\" width=\"200px\" \/>\r\n                              <a href=\"#linov\">LinovHR<\/a>\r\n                  <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t          <p class=\"desc\">Perusahaan yang fokus pada pengembangan talenta, manajemen kinerja, dan suksesi.<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <a href=\"#linov\">Lihat Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/www.g2.com\/products\/linovhr\/reviews\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/g2-review-logo-resized.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star-empty\"><\/i><i class=\"td-icon-star-empty\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t3\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#linov\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#linov\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/05\/zoho-people-logo.webp\" alt=\"Zoho People\" height=\"32px\" width=\"200px\" \/>\r\n                              <a href=\"#zoho\">Zoho People<\/a>\r\n                  <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t          <p class=\"desc\">Bisnis yang sudah menggunakan ekosistem Zoho dan ingin integrasi HR yang seamless.<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <a href=\"#zoho\">Lihat Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/www.g2.com\/products\/zoho-people\/reviews\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/g2-review-logo-resized.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star-half\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t4.5\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#zoho\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#zoho\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/BambooHR-1.webp\" alt=\"BambooHR\" height=\"32px\" width=\"200px\" \/>\r\n                              <a href=\"#zoho\">BambooHR<\/a>\r\n                  <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t          <p class=\"desc\">Perusahaan global atau startup yang berkembang pesat dan memprioritaskan pengalaman karyawan.<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <a href=\"#zoho\">Lihat Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/www.g2.com\/products\/bamboohr\/reviews\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/g2-review-logo-resized.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star-half\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t4.4\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#zoho\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#zoho\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n    <style>\r\n      .shortlist {\r\n        border: 1px solid #afafaf;\r\n        border-radius: 6px;\r\n        margin-bottom: 16px;\r\n        max-width: 800px;\r\n        margin: 0 auto 16px;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      .shortlist a {\r\n        transition: all 0.2s ease;\r\n        text-decoration: none;\r\n      }\r\n\t\t\r\n\t\t.shortlist .td-icon-star,\r\n\t\t.shortlist .td-icon-star-half,\r\n\t\t.shortlist .td-icon-star-empty {\r\n\t\t\tvertical-align: middle;\r\n\t\t}\r\n\r\n      .shortlist-content {\r\n        display: flex;\r\n        width: 100%;\r\n        padding: 16px;\r\n        border-bottom: 1px solid #afafaf;\r\n      }\r\n\r\n      .shortlist-footer {\r\n        display: flex;\r\n        align-items: center;\r\n\t\tjustify-content: space-between;\r\n        padding: 8px 28px 8px 8px;\r\n        border-bottom-left-radius: 6px;\r\n        border-bottom-right-radius: 6px;\r\n      }\r\n\t\t\r\n\t\t.shortlist-footer .link-g2 {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 6px;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .image-g2 {\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmargin-bottom: 0 !important;\r\n\t\t}\r\n\t\t\r\n\t\t.shortlist-footer .rating-text {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tfont-size: 12px;\r\n\t\t\tfont-weight: 500;\r\n\t\t}\r\n\r\n      .shortlist-footer .link-section {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n      }\r\n\r\n      .shortlist-footer .text {\r\n        font-size: 16px;\r\n        margin-bottom: 0;\r\n        color: black !important;\r\n      }\r\n\r\n      .shortlist-footer .link-section svg path {\r\n        stroke: #ea1717;\r\n      }\r\n\r\n      .shortlist-divider {\r\n        width: 1px;\r\n        background-color: #afafaf;\r\n        margin: 0 8px;\r\n      }\r\n\r\n      .shortlist-company {\r\n        width: 30%;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .shortlist-company img {\r\n        max-height: 32px;\r\n        height: auto;\r\n        object-fit: contain;\r\n        object-position: left;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .shortlist-company a {\r\n        font-size: 18px;\r\n        color: #ea1717;\r\n        font-weight: 600;\r\n      }\r\n\r\n      .shortlist-company a:hover {\r\n        color: #811313 !important;\r\n      }\r\n\r\n      .shortlist-best {\r\n        width: 45%;\r\n      }\r\n\r\n      .shortlist-best p {\r\n        font-size: 16px;\r\n      }\r\n\r\n      .shortlist-best .title {\r\n        color: #5f5f5f;\r\n        margin-bottom: 8px;\r\n      }\r\n\r\n      .shortlist .desc {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button {\r\n        width: 25%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 8px;\r\n        justify-content: center;\r\n        align-items: center;\r\n      }\r\n\r\n\/*       .shortlist-button div {\r\n        background-color: #b40000;\r\n        color: #ffffff;\r\n        padding: 4px 16px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 4px;\r\n\t\tanimation: gradientMove2 3s infinite\r\n      } *\/\r\n\t\t\r\n\t\t.shortlist-button div {\r\n\t\t  position: relative;\r\n\t\t  background-color: #b40000;\r\n\t\t  color: #ffffff;\r\n\t\t  padding: 4px 16px;\r\n\t\t  border-radius: 20px;\r\n\t\t  text-align: center;\r\n\/* \t\t  display: flex; *\/\r\n\t\t\tdisplay: none;\r\n\t\t  align-items: center;\r\n\t\t  gap: 4px;\r\n\t\t  overflow: hidden; \/* ensures the shine doesn't leak outside *\/\r\n\t\t}\r\n\r\n\t\t\/* Create the white glossy animation overlay *\/\r\n\t\t.shortlist-button div::before {\r\n\t\t  content: '';\r\n\t\t  position: absolute;\r\n\t\t  top: 0;\r\n\/* \t\t  left: -75%; *\/\r\n\t\t  width: 50%;\r\n\t\t  height: 100%;\r\n\t\t  background: linear-gradient(\r\n\t\t\t120deg,\r\n\t\t\trgba(255, 255, 255, 0) 0%,\r\n\t\t\trgba(255, 255, 255, 0.6) 50%,\r\n\t\t\trgba(255, 255, 255, 0) 100%\r\n\t\t  );\r\n\t\t\topacity: 1;\r\n\t\t\ttransition: opacity 0.2s ease;\r\n\t\t left: 0;\r\n\t\t  animation: shineShortlist 2.5s infinite;\r\n\t\t  transform: skewX(-25deg) translateX(-150%);\r\n\t\t  will-change: transform;\r\n\t\t}\r\n\r\n\t\t\/* keyframes for the shine movement *\/\r\n\t\t@keyframes shineShortlist {\r\n\t\t  \t0% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(-150%);\r\n\t\t\t}\r\n\t\t\t100% {\r\n\t\t\t\ttransform: skewX(-25deg) translateX(200%);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\r\n      .shortlist-button a {\r\n        padding: 8px 16px;\r\n        color: #ea1717;\r\n        border: 1px solid #ea1717;\r\n        border-radius: 6px;\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .shortlist-button a:hover {\r\n        color: #ffffff !important;\r\n        background-color: #ea1717;\r\n      }\r\n\t\t\r\n\t\t\r\n\t\t\r\n      @media (max-width: 768px) {\r\n        .shortlist-content {\r\n          flex-direction: column;\r\n          padding: 0;\r\n          border-bottom: none;\r\n        }\r\n\r\n        .shortlist-divider {\r\n          display: none;\r\n        }\r\n\r\n        .shortlist-company,\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          width: 100%;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-best,\r\n        .shortlist-button {\r\n          border-top: 1px solid #eaeaea;\r\n        }\r\n\r\n        .shortlist-footer {\r\n          border-top: 1px solid #eaeaea;\r\n          padding: 12px 16px;\r\n        }\r\n\r\n        .shortlist-button {\r\n          align-items: flex-start;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n    <div class=\"shortlist\">\r\n      <div class=\"shortlist-content\">\r\n        <div class=\"shortlist-company\">\r\n                    <img decoding=\"async\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/SAP-SuccessFactors.webp\" alt=\"SAP SuccessFactors\" height=\"32px\" width=\"200px\" \/>\r\n                              <a href=\"#sap\">SAP SuccessFactors<\/a>\r\n                  <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-best\">\r\n          <p class=\"title\">Ideal Untuk<\/p>\r\n\t\t\t<div style=\"display: flex; gap: 10px\">\r\n\t\t\t\t<svg style=\"flex-shrink: 0;\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"24\" viewBox=\"0 0 25 24\" fill=\"none\">\r\n                                    <path d=\"M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" fill=\"#E8F5EB\"><\/path>\r\n                                    <path d=\"M8.25 12L11.08 14.83L16.75 9.17001M12.5 22C18 22 22.5 17.5 22.5 12C22.5 6.5 18 2 12.5 2C7 2 2.5 6.5 2.5 12C2.5 17.5 7 22 12.5 22Z\" stroke=\"#3C914D\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\r\n                                <\/svg>\r\n\t\t\t\t          <p class=\"desc\">Perusahaan skala enterprise yang membutuhkan manajemen talenta dan pengalaman karyawan yang mendalam.<\/p>\r\n\t\t\t<\/div>\r\n        <\/div>\r\n        <div class=\"shortlist-divider\"><\/div>\r\n        <div class=\"shortlist-button\">\r\n          <a href=\"#sap\">Lihat Harga<\/a>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"shortlist-footer\">\r\n\t\t  <a href=\"https:\/\/www.g2.com\/products\/sap-successfactors\/reviews\" class=\"link-g2\" target=\"_blank\">\r\n\t\t\t  <p class=\"rating-text\">Reviews from<\/p>\r\n\t\t\t  <img decoding=\"async\" width=\"16\" height=\"16\" alt=\"\" class=\"image-g2\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/g2-review-logo-resized.webp\" \/>\r\n\t\t\t  <div class=\"rating-stars-container\"><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star\"><\/i><i class=\"td-icon-star-empty\"><\/i><\/div>\r\n\t\t\t  <p class=\"rating-text\">\r\n\t\t\t\t3.9\/5\r\n\t\t\t  <\/p>\r\n\t\t  <\/a>\r\n\t\t  \r\n        <div class=\"link-section\">\r\n          <a href=\"#sap\" class=\"text\">Ringkasan<\/a>\r\n\t\t\t<a href=\"#sap\">\r\n          <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n            <path d=\"M12 4L12 20M12 20L18 14M12 20L6 14\" stroke=\"#ea1717\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" \/>\r\n          <\/svg>\r\n\t\t\t<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \n<h3>1. HashMicro HRIS<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-170132\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/Software-HRM-HMID.webp\" alt=\"Permudah Penguangan Cuti Tahunan dengan Sistem HRM HashMicro\" width=\"873\" height=\"505\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/Software-HRM-HMID.webp 873w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/Software-HRM-HMID-300x174.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/Software-HRM-HMID-768x444.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/Software-HRM-HMID-726x420.webp 726w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/Software-HRM-HMID-150x87.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/09\/Software-HRM-HMID-696x403.webp 696w\" sizes=\"auto, (max-width: 873px) 100vw, 873px\" \/><\/p>\n<p>HashMicro adalah penyedia solusi ERP yang berbasis di Singapura dan telah melayani lebih dari 1.750 bisnis di Indonesia. <a href=\"https:\/\/www.hashmicro.com\/id\/eva-hris-essentials\">Software HRIS HashMicro <\/a>dirancang sebagai solusi komprehensif yang dapat mengelola seluruh siklus hidup karyawan, mulai dari rekrutmen hingga pensiun, dalam satu platform terpusat. Keunggulan utamanya terletak pada fleksibilitas kustomisasi yang tinggi, memungkinkan sistem untuk disesuaikan secara mendalam dengan alur kerja unik setiap perusahaan.<\/p>\n<h4>Fitur Unggulan HashMicro<\/h4>\n<p>Sistem dari HashMicro menawarkan modul yang sangat lengkap, mencakup <em>Payroll<\/em>, Manajemen Absensi dengan GPS dan pengenalan wajah, Pengajuan Cuti &amp; Klaim online, Manajemen Pajak (PPh 21), Penilaian Kinerja (KPI), hingga Rekrutmen. Fitur <em>Employee Self-Service (ESS)<\/em> juga memberdayakan karyawan untuk mengelola data pribadi mereka secara mandiri, mengurangi beban kerja administratif tim HR.<\/p>\n<h4>Kelebihan dan Kekurangan<\/h4>\n<table class=\"table table-bordered\">\n<thead>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Kustomisasi sangat fleksibel sesuai kebutuhan industri.<\/td>\n<td>Implementasi awal mungkin memerlukan waktu lebih lama untuk kustomisasi yang sangat kompleks.<\/td>\n<\/tr>\n<tr>\n<td>Dukungan teknis lokal yang responsif dan profesional.<\/td>\n<td>Mungkin terlalu komprehensif untuk bisnis skala sangat kecil dengan kebutuhan dasar.<\/td>\n<\/tr>\n<tr>\n<td>Model lisensi <em>unlimited user<\/em> tanpa biaya tambahan per pengguna.<\/td>\n<td>Tampilan antarmuka yang padat fitur memerlukan sedikit pembiasaan.<\/td>\n<\/tr>\n<tr>\n<td>Integrasi penuh dengan modul ERP lain seperti akuntansi dan inventaris.<\/td>\n<td><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><em>&#8220;Sebagai manajer HR di perusahaan manufaktur dengan 500+ karyawan, tantangan terbesar kami adalah mengelola shift, lembur, dan payroll yang kompleks. HashMicro berhasil mengotomatiskan 90% pekerjaan manual kami. Fitur kustomisasinya sangat membantu menyesuaikan sistem dengan peraturan perusahaan kami.&#8221; <\/em><\/p>\n<p><strong>&#8211; Jessica Chandra, B.Sc., <\/strong>Senior HR Manager<\/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<h3>2. Talenta<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-154689 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/07\/730x480-img-29285-talenta-hr-system.jpg.webp\" alt=\"aplikasi personalia talenta\" width=\"730\" height=\"480\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/07\/730x480-img-29285-talenta-hr-system.jpg.webp 730w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/07\/730x480-img-29285-talenta-hr-system.jpg-300x197.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/07\/730x480-img-29285-talenta-hr-system.jpg-639x420.webp 639w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/07\/730x480-img-29285-talenta-hr-system.jpg-150x99.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2022\/07\/730x480-img-29285-talenta-hr-system.jpg-696x458.webp 696w\" sizes=\"auto, (max-width: 730px) 100vw, 730px\" \/><\/p>\n<p><span id=\"mekari\">Talenta, bagian dari ekosistem Mekari, adalah salah satu pemain utama di pasar <a href=\"https:\/\/www.hashmicro.com\/id\/blog\/hr-software-terbaik-di-indonesia\/\">aplikasi HR Indonesia<\/a>. Platform ini dikenal dengan antarmuka yang bersih dan ramah pengguna, membuatnya populer di kalangan startup dan Usaha Kecil dan Menengah (UKM). Fokus utamanya adalah menyederhanakan proses administrasi HR dan penggajian.<\/span><\/p>\n<h4>Fitur Utama<\/h4>\n<p>Fitur andalan Talenta meliputi otomatisasi <em>payroll<\/em> yang andal, manajemen absensi <em>online<\/em>, pengajuan cuti dan klaim melalui aplikasi seluler, serta perhitungan PPh 21, BPJS Kesehatan, dan Ketenagakerjaan. Mereka juga menawarkan fitur <em>Mekari Flex<\/em> yang memberikan fleksibilitas benefit bagi karyawan.<\/p>\n<h4>Kelebihan dan Kekurangan<\/h4>\n<table class=\"table table-bordered\">\n<thead>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Antarmuka yang sangat <em>user-friendly<\/em> dan mudah digunakan.<\/td>\n<td>Fitur kustomisasi lebih terbatas dibandingkan solusi enterprise.<\/td>\n<\/tr>\n<tr>\n<td>Aplikasi seluler yang intuitif untuk karyawan.<\/td>\n<td>Beberapa fitur lanjutan seperti manajemen talenta memerlukan paket yang lebih tinggi.<\/td>\n<\/tr>\n<tr>\n<td>Perhitungan <em>payroll<\/em> dan pajak yang akurat sesuai regulasi Indonesia.<\/td>\n<td>Tergantung pada ekosistem Mekari untuk integrasi yang lebih luas.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><em>&#8220;Kami menggunakan Talenta sejak perusahaan kami masih memiliki 20 karyawan. Proses payroll menjadi sangat mudah dan cepat. Karyawan juga suka karena bisa mengajukan cuti langsung dari HP.&#8221;<\/em><\/p>\n<p><strong>&#8211; Jessica Chandra, B.Sc., <\/strong>Senior HR Manager<\/p>\n<h3>3. Gadjian<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-150803 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/11\/gadjian.webp\" alt=\"aplikasi personalia gadjian\" width=\"1228\" height=\"714\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/11\/gadjian.webp 1228w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/11\/gadjian-300x174.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/11\/gadjian-1024x595.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/11\/gadjian-768x447.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/11\/gadjian-722x420.webp 722w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/11\/gadjian-150x87.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/11\/gadjian-696x405.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/11\/gadjian-1068x621.webp 1068w\" sizes=\"auto, (max-width: 1228px) 100vw, 1228px\" \/><\/p>\n<p>Gadjian adalah aplikasi personalia yang secara spesifik berfokus pada otomatisasi penggajian dan administrasi HR inti. Platform ini sangat cocok untuk bisnis kecil yang prioritas utamanya adalah memastikan perhitungan gaji, tunjangan, PPh 21, dan BPJS berjalan akurat dan efisien tanpa perlu fitur manajemen talenta yang kompleks.<\/p>\n<h4>Fitur Utama<\/h4>\n<p>Gadjian unggul dalam kalkulasi <em>payroll<\/em> yang kompleks, termasuk komponen gaji tidak tetap, lembur, dan THR. Selain itu, aplikasi ini juga menyediakan fitur pencatatan absensi, pengelolaan data karyawan (database), serta struktur dan skala upah sesuai regulasi pemerintah.<\/p>\n<h4>Kelebihan dan Kekurangan<\/h4>\n<table class=\"table table-bordered\">\n<thead>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Sangat andal untuk perhitungan PPh 21 dan BPJS.<\/td>\n<td>Fitur di luar <em>payroll<\/em> dan administrasi dasar tidak selengkap kompetitor lain.<\/td>\n<\/tr>\n<tr>\n<td>Harga yang kompetitif untuk bisnis kecil.<\/td>\n<td>Tidak memiliki aplikasi seluler khusus untuk karyawan (mengandalkan GadjianKu).<\/td>\n<\/tr>\n<tr>\n<td>Mudah diimplementasikan dan digunakan.<\/td>\n<td>Kurang cocok untuk perusahaan yang membutuhkan manajemen kinerja dan rekrutmen.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><em>&#8220;Bagi kami yang bergerak di bidang F&amp;B dengan banyak karyawan paruh waktu, Gadjian sangat membantu menghitung gaji prorata dan PPh 21 secara otomatis. Sangat menghemat waktu.&#8221;<\/em><\/p>\n<p><strong>&#8211; Jessica Chandra, B.Sc., Senior HR Manager<\/strong><\/p>\n<h3>4. Mekari<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-141056 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/03\/software-hr-mekari.png\" alt=\"aplikasi personalia mekari\" width=\"1417\" height=\"649\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/03\/software-hr-mekari.png 1417w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/03\/software-hr-mekari-300x137.png 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/03\/software-hr-mekari-1024x469.png 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/03\/software-hr-mekari-768x352.png 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/03\/software-hr-mekari-917x420.png 917w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/03\/software-hr-mekari-150x69.png 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/03\/software-hr-mekari-696x319.png 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/03\/software-hr-mekari-1068x489.png 1068w\" sizes=\"auto, (max-width: 1417px) 100vw, 1417px\" \/><\/p>\n<p>Mekari bukanlah satu aplikasi tunggal, melainkan sebuah ekosistem software bisnis yang mengintegrasikan beberapa produk, termasuk Talenta (HRIS), Jurnal (Akuntansi), dan Klikpajak (Pajak). Keunggulan utamanya adalah menyediakan solusi terpadu di mana data dari departemen HR, keuangan, dan pajak dapat saling tersinkronisasi dengan mulus.<\/p>\n<h4>Fitur Utama<\/h4>\n<p>Dengan menggunakan ekosistem Mekari, perusahaan dapat mengelola <em>payroll<\/em> dan data karyawan melalui Talenta, kemudian data tersebut secara otomatis tercatat dalam pembukuan di Jurnal. Ini menyederhanakan proses rekonsiliasi dan pelaporan keuangan, memberikan visibilitas bisnis yang lebih baik kepada manajemen.<\/p>\n<h4>Kelebihan dan Kekurangan<\/h4>\n<table class=\"table table-bordered\">\n<thead>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Integrasi yang mulus antara HR, akuntansi, dan pajak.<\/td>\n<td>Biaya bisa menjadi lebih tinggi jika berlangganan beberapa produk sekaligus.<\/td>\n<\/tr>\n<tr>\n<td>Satu platform untuk berbagai kebutuhan bisnis.<\/td>\n<td>Ketergantungan pada satu vendor untuk beberapa fungsi kritis.<\/td>\n<\/tr>\n<tr>\n<td>Menyederhanakan alur kerja lintas departemen.<\/td>\n<td>Setiap produk (Talenta, Jurnal) memiliki kurva belajar masing-masing.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><em>&#8220;Keputusan kami menggunakan Mekari didasari oleh kebutuhan integrasi. Data gaji dari Talenta langsung masuk ke Jurnal tanpa input manual, ini sangat mengurangi risiko kesalahan.&#8221;\u00a0<\/em><\/p>\n<p><strong>&#8211; Jessica Chandra, B.Sc., <\/strong>Senior HR Manager<\/p>\n<h3>5. GreatDay HR<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-169112 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/aplikasi-hrm-greatday-hr.webp\" alt=\"aplikasi personalia greatday-hr\" width=\"2048\" height=\"1227\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/aplikasi-hrm-greatday-hr.webp 2048w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/aplikasi-hrm-greatday-hr-300x180.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/aplikasi-hrm-greatday-hr-1024x614.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/aplikasi-hrm-greatday-hr-768x460.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/aplikasi-hrm-greatday-hr-1536x920.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/aplikasi-hrm-greatday-hr-701x420.webp 701w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/aplikasi-hrm-greatday-hr-150x90.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/aplikasi-hrm-greatday-hr-696x417.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/aplikasi-hrm-greatday-hr-1068x640.webp 1068w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/aplikasi-hrm-greatday-hr-1920x1150.webp 1920w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/p>\n<p><span id=\"great\">GreatDay HR adalah aplikasi personalia yang dirancang dengan pendekatan <em>mobile-first<\/em>. Platform ini sangat ideal untuk perusahaan dengan tenaga kerja yang dinamis dan tersebar di banyak lokasi, seperti tim sales, teknisi lapangan, atau pekerja proyek, berkat fitur absensi berbasis GPS dan <em>geofencing<\/em>-nya yang canggih.<\/span><\/p>\n<h4>Fitur Utama<\/h4>\n<p>Selain absensi seluler dengan pengenalan wajah, GreatDay HR menawarkan fitur pengajuan klaim dengan OCR (cukup foto struk), pengajuan cuti, dan akses slip gaji langsung dari ponsel. Aplikasi ini juga memiliki fitur sosial internal yang dapat meningkatkan keterlibatan karyawan.<\/p>\n<h4>Kelebihan dan Kekurangan<\/h4>\n<table class=\"table table-bordered\">\n<thead>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Fitur absensi seluler yang sangat akurat dan canggih.<\/td>\n<td>Versi desktop tidak seintuitif aplikasi selulernya.<\/td>\n<\/tr>\n<tr>\n<td>Sangat cocok untuk mengelola karyawan lapangan.<\/td>\n<td>Beberapa pengguna melaporkan proses persetujuan yang terkadang lambat di aplikasi.<\/td>\n<\/tr>\n<tr>\n<td>Fitur tambahan seperti pengajuan pinjaman dan komunikasi internal.<\/td>\n<td>Kustomisasi alur kerja mungkin tidak sefleksibel platform lain.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><em>&#8220;Tim sales kami tersebar di seluruh Indonesia. Dengan GreatDay HR, kami bisa melacak kehadiran dan lokasi mereka secara real-time. Proses klaim biaya perjalanan juga jadi lebih cepat.&#8221;\u00a0<\/em><\/p>\n<p><strong>&#8211; Jessica Chandra, B.Sc., <\/strong>Senior HR Manager<\/p>\n<h3>6. Karyawan.co.id<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-173430 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/karyawan.webp\" alt=\"aplikasi personalia Karyawan.co.id HR\" width=\"1080\" height=\"650\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/karyawan.webp 1080w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/karyawan-300x181.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/karyawan-1024x616.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/karyawan-768x462.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/karyawan-698x420.webp 698w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/karyawan-150x90.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/karyawan-696x419.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/karyawan-1068x643.webp 1068w\" sizes=\"auto, (max-width: 1080px) 100vw, 1080px\" \/><\/p>\n<p>Karyawan.co.id menargetkan segmen UKM di Indonesia dengan menawarkan solusi HR yang esensial dengan model harga yang sangat terjangkau. Aplikasi ini menyediakan fungsionalitas inti yang dibutuhkan bisnis untuk beralih dari manajemen personalia manual ke sistem digital tanpa harus mengeluarkan investasi besar.<\/p>\n<h4>Fitur Utama<\/h4>\n<p>Fitur yang ditawarkan mencakup database karyawan, manajemen absensi, pengajuan cuti, dan perhitungan <em>payroll<\/em> sederhana. Meskipun tidak sekomprehensif platform lain, Karyawan.co.id sudah cukup untuk memenuhi kebutuhan dasar administrasi HR bagi bisnis yang sedang berkembang.<\/p>\n<h4>Kelebihan dan Kekurangan<\/h4>\n<table class=\"table table-bordered\">\n<thead>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Harga yang sangat terjangkau, cocok untuk UKM.<\/td>\n<td>Fitur yang terbatas, tidak mencakup manajemen kinerja atau rekrutmen.<\/td>\n<\/tr>\n<tr>\n<td>Mudah digunakan bahkan oleh pengguna non-teknis.<\/td>\n<td>Skalabilitas terbatas untuk perusahaan yang berkembang pesat.<\/td>\n<\/tr>\n<tr>\n<td>Menyediakan fitur-fitur HR esensial.<\/td>\n<td>Dukungan pelanggan mungkin tidak secepat penyedia layanan yang lebih besar.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><em>&#8220;Sebagai bisnis rintisan, kami butuh sistem HR yang simpel dan tidak mahal. Karyawan.co.id menjawab kebutuhan kami untuk mengelola absensi dan cuti karyawan tanpa ribet.&#8221;\u00a0<\/em><\/p>\n<p><strong>&#8211; Jessica Chandra, B.Sc., <\/strong>Senior HR Manager<\/p>\n<h3>7. LinovHR<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-169105 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/aplikasi-hrm-linovhr.webp\" alt=\"aplikasi personalia linovhr\" width=\"900\" height=\"678\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/aplikasi-hrm-linovhr.webp 900w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/aplikasi-hrm-linovhr-300x226.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/aplikasi-hrm-linovhr-768x579.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/aplikasi-hrm-linovhr-558x420.webp 558w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/aplikasi-hrm-linovhr-80x60.webp 80w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/aplikasi-hrm-linovhr-150x113.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/aplikasi-hrm-linovhr-696x524.webp 696w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/p>\n<p><span id=\"linov\">LinovHR memposisikan dirinya sebagai platform manajemen talenta yang kuat, selain menyediakan fungsi administrasi HR. Solusi ini cocok untuk perusahaan yang tidak hanya ingin mengotomatiskan <em>payroll<\/em>, tetapi juga fokus pada pengembangan sumber daya manusia, seperti manajemen kinerja, perencanaan suksesi, dan pembelajaran.<\/span><\/p>\n<h4>Fitur Utama<\/h4>\n<p>LinovHR memiliki modul-modul strategis seperti <em>Performance Management<\/em>, <em>Learning Management System (LMS)<\/em>, <em>Succession Management<\/em>, dan <em>Recruitment<\/em>. Ini memungkinkan HR untuk mengelola seluruh siklus talenta, mulai dari menarik kandidat terbaik hingga mengembangkan pemimpin masa depan.<\/p>\n<h4>Kelebihan dan Kekurangan<\/h4>\n<table class=\"table table-bordered\">\n<thead>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Modul manajemen talenta yang sangat komprehensif.<\/td>\n<td>Implementasi bisa menjadi kompleks karena banyaknya modul.<\/td>\n<\/tr>\n<tr>\n<td>Mendukung fungsi HR yang lebih strategis.<\/td>\n<td>Harga bisa lebih tinggi karena fokus pada fitur-fitur premium.<\/td>\n<\/tr>\n<tr>\n<td>Dapat disesuaikan untuk industri spesifik.<\/td>\n<td>Memerlukan komitmen dari manajemen untuk implementasi yang sukses.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><em>&#8220;Kami memilih LinovHR karena butuh sistem yang bisa membantu kami memetakan kompetensi dan merencanakan suksesi. Fitur performance appraisal-nya sangat detail dan objektif.&#8221;\u00a0<\/em><\/p>\n<p><strong>&#8211; Jessica Chandra, B.Sc., <\/strong>Senior HR Manager<\/p>\n<h3>8. Zoho People<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-150814 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/11\/zoho-people.webp\" alt=\"aplikasi personalia zoho people\" width=\"1880\" height=\"1250\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/11\/zoho-people.webp 1880w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/11\/zoho-people-300x199.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/11\/zoho-people-1024x681.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/11\/zoho-people-768x511.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/11\/zoho-people-1536x1021.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/11\/zoho-people-632x420.webp 632w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/11\/zoho-people-150x100.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/11\/zoho-people-696x463.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/11\/zoho-people-1068x710.webp 1068w\" sizes=\"auto, (max-width: 1880px) 100vw, 1880px\" \/><\/p>\n<p><span id=\"zoho\">Zoho People adalah bagian dari ekosistem Zoho yang sangat luas, yang mencakup puluhan aplikasi bisnis mulai dari CRM hingga perangkat lunak keuangan. Aplikasi personalia ini menjadi pilihan yang sangat logis bagi perusahaan yang sudah terintegrasi dengan produk Zoho lainnya, karena menawarkan sinkronisasi data yang mulus.<\/span><\/p>\n<h4>Fitur Utama<\/h4>\n<p>Selain fitur HR standar seperti manajemen cuti, absensi, dan database karyawan, Zoho People unggul dalam kustomisasi formulir dan alur kerja. Platform ini juga menyediakan fitur manajemen kinerja, pelacakan waktu proyek, dan portal layanan mandiri yang canggih.<\/p>\n<h4>Kelebihan dan Kekurangan<\/h4>\n<table class=\"table table-bordered\">\n<thead>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Integrasi sempurna dengan ekosistem Zoho lainnya.<\/td>\n<td>Dukungan pelanggan lokal di Indonesia tidak sekuat penyedia lokal.<\/td>\n<\/tr>\n<tr>\n<td>Tingkat kustomisasi yang tinggi untuk alur kerja.<\/td>\n<td>Perhitungan <em>payroll<\/em> dan pajak spesifik Indonesia mungkin memerlukan penyesuaian manual.<\/td>\n<\/tr>\n<tr>\n<td>Harga yang fleksibel dengan berbagai paket.<\/td>\n<td>Antarmuka bisa terasa overwhelming bagi pengguna baru.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><em>&#8220;Karena tim sales kami sudah menggunakan Zoho CRM, mengadopsi Zoho People terasa sangat natural. Data karyawan dan data pelanggan bisa terhubung dengan mudah.&#8221;\u00a0<\/em><\/p>\n<p><strong>&#8211; Jessica Chandra, B.Sc., <\/strong>Senior HR Manager<\/p>\n<h3>9. BambooHR<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-169410 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/BambooHR.webp\" alt=\"aplikasi personalia BambooHR\" width=\"1920\" height=\"1074\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/BambooHR.webp 1920w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/BambooHR-300x168.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/BambooHR-1024x573.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/BambooHR-768x430.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/BambooHR-1536x859.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/BambooHR-751x420.webp 751w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/BambooHR-150x84.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/BambooHR-696x389.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/BambooHR-1068x597.webp 1068w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p><span id=\"bamboo\">BambooHR adalah salah satu platform HR paling populer secara global, terutama di kalangan startup teknologi dan perusahaan yang sedang berkembang pesat. Kekuatan utamanya adalah antarmuka yang sangat bersih, modern, dan berfokus pada pengalaman karyawan.<\/span><\/p>\n<h4>Fitur Utama<\/h4>\n<p>BambooHR unggul dalam manajemen data karyawan, proses <em>onboarding<\/em> dan <em>offboarding<\/em>, serta pelacakan pelamar (ATS). Fitur survei kepuasan karyawan (eNPS) dan laporan analitik HR yang visual juga menjadi nilai tambah yang signifikan.<\/p>\n<h4>Kelebihan dan Kekurangan<\/h4>\n<table class=\"table table-bordered\">\n<thead>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Pengalaman pengguna (UX) yang luar biasa.<\/td>\n<td>Modul <em>payroll<\/em> tidak tersedia untuk semua negara, termasuk Indonesia (memerlukan integrasi pihak ketiga).<\/td>\n<\/tr>\n<tr>\n<td>Sangat baik untuk manajemen data dan pengalaman karyawan.<\/td>\n<td>Harga lebih premium dibandingkan solusi lokal.<\/td>\n<\/tr>\n<tr>\n<td>Laporan dan analitik HR yang kuat.<\/td>\n<td>Dukungan pelanggan berada di zona waktu yang berbeda.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><em>&#8220;Proses onboarding kami menjadi jauh lebih terstruktur dengan BambooHR. Karyawan baru merasa disambut dengan baik dan semua dokumen bisa diselesaikan secara digital sebelum hari pertama mereka.&#8221;\u00a0<\/em><\/p>\n<p><strong>&#8211; Jessica Chandra, B.Sc., <\/strong>Senior HR Manager<\/p>\n<h3>10. Workday HCM<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-169411 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/Aplikasi-HR-Workday.webp\" alt=\"aplikasi personalia workday\" width=\"1000\" height=\"587\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/Aplikasi-HR-Workday.webp 1000w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/Aplikasi-HR-Workday-300x176.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/Aplikasi-HR-Workday-768x451.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/Aplikasi-HR-Workday-716x420.webp 716w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/Aplikasi-HR-Workday-150x88.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/08\/Aplikasi-HR-Workday-696x409.webp 696w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p>Workday HCM adalah solusi <em>tier-1<\/em> yang dirancang untuk korporasi besar (enterprise). Ini bukan sekadar aplikasi personalia, melainkan platform tunggal yang mengintegrasikan Manajemen Sumber Daya Manusia (HCM), Keuangan, dan Perencanaan Bisnis. Workday menawarkan analitik canggih dan visibilitas data lintas fungsi yang tak tertandingi.<\/p>\n<h4>Fitur Utama<\/h4>\n<p>Workday mencakup semua aspek HR, mulai dari rekrutmen, manajemen talenta, <em>payroll<\/em> global, manajemen benefit, hingga perencanaan tenaga kerja. Kemampuan analitik prediktifnya memungkinkan perusahaan untuk membuat keputusan strategis berbasis data mengenai SDM.<\/p>\n<h4>Kelebihan dan Kekurangan<\/h4>\n<table class=\"table table-bordered\">\n<thead>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Platform tunggal untuk HR, Keuangan, dan Perencanaan.<\/td>\n<td>Sangat mahal dan hanya terjangkau oleh perusahaan besar.<\/td>\n<\/tr>\n<tr>\n<td>Analitik dan pelaporan yang sangat canggih.<\/td>\n<td>Implementasi sangat kompleks dan memakan waktu berbulan-bulan.<\/td>\n<\/tr>\n<tr>\n<td>Dirancang untuk kebutuhan organisasi global yang kompleks.<\/td>\n<td>Memerlukan tim internal yang berdedikasi untuk mengelola sistem.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><em>&#8220;Dengan Workday, kami bisa melihat hubungan langsung antara biaya tenaga kerja dan pendapatan per unit bisnis secara real-time. Ini adalah game-changer untuk perencanaan strategis kami.&#8221;\u00a0<\/em><\/p>\n<p><strong>&#8211; Jessica Chandra, B.Sc., <\/strong>Senior HR Manager<\/p>\n<h3>11. SAP SuccessFactors<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-168272 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/SAP-HR.webp\" alt=\"aplikasi personalia sap\" width=\"1920\" height=\"935\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/SAP-HR.webp 1920w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/SAP-HR-300x146.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/SAP-HR-1024x499.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/SAP-HR-768x374.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/SAP-HR-1536x748.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/SAP-HR-862x420.webp 862w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/SAP-HR-150x73.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/SAP-HR-696x339.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/SAP-HR-1068x520.webp 1068w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/10\/SAP-HR-533x261.webp 533w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p>SAP SuccessFactors adalah suite Human Experience Management (HXM) yang berfokus pada keterlibatan dan pengalaman karyawan. Sebagai bagian dari SAP, platform ini menawarkan integrasi yang kuat dengan sistem ERP SAP, menjadikannya pilihan utama bagi perusahaan yang sudah berjalan di atas infrastruktur SAP.<\/p>\n<h4>Fitur Utama<\/h4>\n<p>SuccessFactors memiliki modul yang sangat mendalam untuk setiap aspek manajemen talenta, termasuk <em>recruiting<\/em>, <em>onboarding<\/em>, <em>learning (LMS)<\/em>, <em>performance &amp; goals<\/em>, dan <em>succession &amp; development<\/em>. Modul <em>Employee Central<\/em> berfungsi sebagai inti sistem untuk data karyawan dan <em>payroll<\/em>.<\/p>\n<h4>Kelebihan dan Kekurangan<\/h4>\n<table class=\"table table-bordered\">\n<thead>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Suite manajemen talenta dan pengalaman karyawan terdepan.<\/td>\n<td>Kompleksitas tinggi dan biaya implementasi yang mahal.<\/td>\n<\/tr>\n<tr>\n<td>Integrasi yang kuat dengan ekosistem SAP.<\/td>\n<td>Antarmuka bisa terasa kurang modern dibandingkan kompetitor baru.<\/td>\n<\/tr>\n<tr>\n<td>Skalabilitas untuk organisasi global yang sangat besar.<\/td>\n<td>Membutuhkan konsultan khusus untuk implementasi dan pemeliharaan.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><em>&#8220;Fitur learning di SuccessFactors memungkinkan kami untuk membuat jalur pengembangan yang dipersonalisasi untuk setiap karyawan, menghubungkan pelatihan langsung dengan tujuan karir mereka.&#8221;\u00a0<\/em><\/p>\n<p><strong>&#8211; Jessica Chandra, B.Sc., <\/strong>Senior HR Manager<\/p>\n<h3>12. Oracle Fusion Cloud HCM<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-154580 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/12\/Oracle-HR-System.webp\" alt=\"aplikasi personalia Oracle HR System\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/12\/Oracle-HR-System.webp 1920w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/12\/Oracle-HR-System-300x169.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/12\/Oracle-HR-System-1024x576.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/12\/Oracle-HR-System-768x432.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/12\/Oracle-HR-System-1536x864.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/12\/Oracle-HR-System-747x420.webp 747w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/12\/Oracle-HR-System-150x84.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/12\/Oracle-HR-System-696x392.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2024\/12\/Oracle-HR-System-1068x601.webp 1068w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p>Oracle Fusion Cloud HCM adalah bagian dari suite aplikasi cloud Oracle yang lebih luas. Platform ini menonjol karena pemanfaatan teknologi canggih seperti Kecerdasan Buatan (AI) dan <em>Machine Learning<\/em> untuk mengotomatiskan proses, memberikan rekomendasi, dan menyajikan analitik prediktif. Ini adalah solusi bagi organisasi besar yang ingin menjadi lebih data-driven.<\/p>\n<h4>Fitur Utama<\/h4>\n<p>Selain modul HCM yang lengkap, Oracle menawarkan fitur unik seperti <em>Digital Assistant<\/em> (chatbot untuk menjawab pertanyaan HR), <em>Dynamic Skills<\/em> (kemampuan untuk mengidentifikasi dan melacak keterampilan karyawan secara real-time), dan analitik tenaga kerja yang canggih untuk perencanaan strategis.<\/p>\n<h4>Kelebihan dan Kekurangan<\/h4>\n<table class=\"table table-bordered\">\n<thead>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Pemanfaatan AI dan analitik canggih.<\/td>\n<td>Sangat mahal dan ditujukan untuk pasar enterprise.<\/td>\n<\/tr>\n<tr>\n<td>Suite aplikasi yang terintegrasi (HR, ERP, CRM).<\/td>\n<td>Kurva belajar yang curam bagi pengguna dan administrator.<\/td>\n<\/tr>\n<tr>\n<td>Inovasi berkelanjutan dari salah satu raksasa teknologi dunia.<\/td>\n<td>Kustomisasi bisa menjadi rumit dan mahal.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><em>&#8220;Kemampuan AI Oracle membantu kami mengidentifikasi kandidat internal terbaik untuk posisi yang terbuka secara otomatis, menghemat waktu rekrutmen secara signifikan.&#8221;\u00a0<\/em><\/p>\n<p><strong>&#8211; Jessica Chandra, B.Sc., <\/strong>Senior HR Manager<\/p>\n<h3>13. Personio<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-173437 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Personio-HR.webp\" alt=\"aplikasi personalia Personio HR\" width=\"883\" height=\"511\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Personio-HR.webp 883w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Personio-HR-300x174.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Personio-HR-768x444.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Personio-HR-726x420.webp 726w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Personio-HR-150x87.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Personio-HR-696x403.webp 696w\" sizes=\"auto, (max-width: 883px) 100vw, 883px\" \/><\/p>\n<p>Personio adalah platform HR all-in-one yang populer di kalangan UKM dan perusahaan menengah di Eropa. Mirip dengan BambooHR, Personio berfokus pada penyederhanaan dan otomatisasi proses HR di seluruh siklus hidup karyawan, mulai dari rekrutmen hingga <em>offboarding<\/em>.<\/p>\n<h4>Fitur Utama<\/h4>\n<p>Personio menggabungkan rekrutmen, manajemen data karyawan, absensi, <em>payroll<\/em>, dan manajemen kinerja dalam satu platform. Ini menghilangkan kebutuhan untuk menggunakan beberapa sistem yang berbeda, menyederhanakan alur kerja HR untuk bisnis yang tidak memiliki tim HR yang besar.<\/p>\n<h4>Kelebihan dan Kekurangan<\/h4>\n<table class=\"table table-bordered\">\n<tbody>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<tr>\n<td>Solusi all-in-one yang komprehensif untuk UKM.<\/td>\n<td>Fokus utama pada pasar Eropa, regulasi non-Eropa mungkin kurang didukung.<\/td>\n<\/tr>\n<tr>\n<td>Antarmuka yang modern dan mudah digunakan.<\/td>\n<td>Dukungan pelanggan di luar jam kerja Eropa mungkin terbatas.<\/td>\n<\/tr>\n<tr>\n<td>Otomatisasi alur kerja yang kuat.<\/td>\n<td>Harga mungkin lebih tinggi dibandingkan solusi lokal di Asia.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><em>&#8220;Sebagai perusahaan menengah, kami tidak punya sumber daya untuk mengelola banyak software. Personio menyatukan semuanya, dari rekrutmen hingga payroll, dalam satu tempat.&#8221;\u00a0<\/em><\/p>\n<p><strong>&#8211; Jessica Chandra, B.Sc., <\/strong>Senior HR Manager<\/p>\n<h3>14. HiBob (Bob)<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-173441 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Hibob.webp\" alt=\"aplikasi personalia Hibob HR\" width=\"1200\" height=\"1034\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Hibob.webp 1200w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Hibob-300x259.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Hibob-1024x882.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Hibob-768x662.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Hibob-487x420.webp 487w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Hibob-150x129.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Hibob-696x600.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Hibob-1068x920.webp 1068w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p>HiBob, sering disebut &#8216;Bob&#8217;, adalah platform HR modern yang dirancang untuk perusahaan yang mengutamakan kultur, keterlibatan, dan fleksibilitas. Platform ini sangat populer di kalangan perusahaan teknologi dan media yang memiliki model kerja <em>remote<\/em> atau <em>hybrid<\/em>. Bob lebih dari sekadar sistem pencatatan; ia adalah alat untuk membangun komunitas di tempat kerja.<\/p>\n<h4>Fitur Utama<\/h4>\n<p>Fitur unik Bob termasuk &#8216;Club View&#8217; yang memvisualisasikan hubungan antar karyawan, &#8216;Shoutouts&#8217; untuk apresiasi rekan kerja, dan &#8216;Surveys&#8217; untuk mengukur sentimen karyawan. Selain itu, Bob juga kuat dalam manajemen <em>onboarding<\/em>, alur kerja, dan data personalia.<\/p>\n<h4>Kelebihan dan Kekurangan<\/h4>\n<table class=\"table table-bordered\">\n<thead>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Sangat kuat dalam fitur kultur dan keterlibatan karyawan.<\/td>\n<td>Fokusnya bukan pada <em>payroll<\/em>, seringkali memerlukan integrasi.<\/td>\n<\/tr>\n<tr>\n<td>Desain yang segar, modern, dan menarik.<\/td>\n<td>Harga premium yang menargetkan perusahaan modern.<\/td>\n<\/tr>\n<tr>\n<td>Ideal untuk perusahaan dengan model kerja remote\/hybrid.<\/td>\n<td>Mungkin tidak cocok untuk industri yang lebih tradisional.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><em>&#8220;Bob telah mengubah cara kami membangun kultur di tim kami yang sepenuhnya remote. Fitur &#8216;Shoutouts&#8217; dan profil personalnya membuat kami merasa lebih terhubung.&#8221;\u00a0<\/em><\/p>\n<p><strong>&#8211; Jessica Chandra, B.Sc., <\/strong>Senior HR Manager<\/p>\n<h3>15. Darwinbox<\/h3>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-173443 size-full\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/darwinbox-hr.webp\" alt=\"aplikasi personalia Darwinbox-HR\" width=\"1662\" height=\"886\" srcset=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/darwinbox-hr.webp 1662w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/darwinbox-hr-300x160.webp 300w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/darwinbox-hr-1024x546.webp 1024w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/darwinbox-hr-768x409.webp 768w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/darwinbox-hr-1536x819.webp 1536w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/darwinbox-hr-788x420.webp 788w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/darwinbox-hr-150x80.webp 150w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/darwinbox-hr-696x371.webp 696w, https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/darwinbox-hr-1068x569.webp 1068w\" sizes=\"auto, (max-width: 1662px) 100vw, 1662px\" \/><\/p>\n<p>Darwinbox adalah platform HCM <em>cloud<\/em> yang berkembang pesat dari Asia, dirancang untuk tenaga kerja yang semakin <em>mobile-first<\/em> dan tersebar. Platform &#8216;hire-to-retire&#8217; ini digunakan oleh banyak perusahaan besar di Asia yang membutuhkan solusi lincah untuk mengelola pertumbuhan yang cepat.<\/p>\n<h4>Fitur Utama<\/h4>\n<p>Darwinbox menawarkan rangkaian modul yang lengkap dari rekrutmen, manajemen inti HR, hingga manajemen talenta dan analitik. Pengalaman selulernya sangat diutamakan, dengan fitur seperti absensi berbasis AI, <em>voicebot<\/em> untuk interaksi HR, dan proses persetujuan yang mulus di perangkat seluler.<\/p>\n<h4>Kelebihan dan Kekurangan<\/h4>\n<table class=\"table table-bordered\">\n<thead>\n<tr>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kelebihan<\/b><\/td>\n<td style=\"background-color: #990000; color: #ffffff; padding: 5px; text-align: center;\"><b>Kekurangan<\/b><\/td>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Platform <em>mobile-first<\/em> yang sangat kuat.<\/td>\n<td>Brand awareness di luar Asia masih berkembang.<\/td>\n<\/tr>\n<tr>\n<td>Dirancang untuk kebutuhan perusahaan Asia yang dinamis.<\/td>\n<td>Beberapa modul mungkin belum sedalam pemain global seperti SAP atau Oracle.<\/td>\n<\/tr>\n<tr>\n<td>Kerangka kerja yang dapat dikonfigurasi secara luas.<\/td>\n<td>Memerlukan waktu untuk memahami semua fitur yang tersedia.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><em>&#8220;Kami membutuhkan platform yang bisa tumbuh bersama kami di berbagai negara di Asia Tenggara. Darwinbox memberikan fleksibilitas dan pengalaman seluler yang dibutuhkan oleh karyawan kami.&#8221;\u00a0<\/em><\/p>\n<p><strong>&#8211; Jessica Chandra, B.Sc., <\/strong>Senior HR Manager<span id=\"transformasi\"><\/span><\/p>\n<h2><strong>Kesimpulan<\/strong><\/h2>\n<p>Transformasi digital di bidang HR kini menjadi kebutuhan strategis agar perusahaan tetap kompetitif di tahun 2026. Aplikasi personalia yang tepat membantu memangkas biaya, meningkatkan efisiensi, dan mendorong kinerja karyawan secara optimal.<\/p>\n<p>Untuk perusahaan menengah hingga besar di Indonesia, <a href=\"https:\/\/www.hashmicro.com\/id\/eva-hris-essentials\">Software HRIS HashMicro<\/a> menghadirkan solusi lengkap dengan fitur payroll otomatis, manajemen kinerja, dan integrasi antar modul yang memudahkan HR fokus pada strategi pengembangan SDM.<\/p>\n<p>Ingin melihat cara kerjanya? Segera jadwalkan <a href=\"https:\/\/www.hashmicro.com\/id\/tour-produk-gratis\/\">demo gratis<\/a> HashMicro dan temukan bagaimana sistem HRIS berbasis cloud ini dapat mengoptimalkan efisiensi dan produktivitas tim Anda.<\/p>\n<a href=\"https:\/\/www.hashmicro.com\/id\/manajemen-human-resource?medium=moneysite-banner\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/01\/hr-listicle.webp\" data-desktop-src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/01\/hr-listicle.webp\" data-mobile-src=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2026\/01\/hr-listicle-m.webp\" alt=\"HR_Listicle\" class=\"responsive-image-banner\"><\/a>\r\n\r\n<script>\r\n    \/\/ check which image to use based on screensize\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        function updateImageSource() {\r\n            var images = document.querySelectorAll('.responsive-image-banner');\r\n            var screenWidth = window.innerWidth;\r\n\r\n            images.forEach(function(img) {\r\n                var mobileSrc = img.getAttribute('data-mobile-src');\r\n                var desktopSrc = img.getAttribute('data-desktop-src');\r\n\r\n                if (screenWidth < 576 && mobileSrc) {\r\n                    img.setAttribute('src', mobileSrc);\r\n                } else {\r\n                    img.setAttribute('src', desktopSrc);\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Initial check\r\n        updateImageSource();\r\n\r\n        \/\/ Update on resize\r\n        window.addEventListener('resize', updateImageSource);\r\n    });\r\n<\/script>\n<h2><strong>Pertanyaan Seputar Aplikasi Personalia<\/strong><\/h2>\n<ul class=\"bottom_faq\">\n<li>\n<details>\n<summary><strong>Apa itu aplikasi personalia?<\/strong><\/summary>\n<p>Aplikasi personalia, atau sering disebut Human Resource Information System (HRIS), adalah perangkat lunak yang dirancang untuk mengelola dan mengotomatiskan berbagai fungsi administrasi dan strategis departemen SDM. Ini mencakup database karyawan, penggajian, manajemen absensi, rekrutmen, hingga penilaian kinerja dalam satu platform terpusat.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Mengapa perusahaan butuh aplikasi personalia?<\/strong><\/summary>\n<p>Perusahaan membutuhkan aplikasi personalia untuk meningkatkan efisiensi, mengurangi kesalahan manual (human error), dan memastikan kepatuhan terhadap regulasi ketenagakerjaan. Dengan otomatisasi, tim HR dapat beralih dari tugas administratif ke peran yang lebih strategis, seperti pengembangan talenta dan peningkatan kultur perusahaan, yang pada akhirnya mendukung pertumbuhan bisnis.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Bagaimana cara memilih aplikasi personalia yang tepat?<\/strong><\/summary>\n<p>Aplikasi personalia, atau sering disebut Human Resource Information System (HRIS), adalah perangkat lunak yang dirancang untuk mengelola dan mengotomatiskan berbagai fungsi administrasi dan strategis departemen SDM. Ini mencakup database karyawan, penggajian, manajemen absensi, rekrutmen, hingga penilaian kinerja dalam satu platform terpusat.<\/p>\n<\/details>\n<\/li>\n<li>\n<details>\n<summary><strong>Fitur apa saja yang wajib ada di aplikasi personalia modern?<\/strong><\/summary>\n<p>Fitur wajib meliputi: 1) Manajemen Database Karyawan, 2) Perhitungan Payroll dan Pajak Otomatis, 3) Manajemen Absensi dan Cuti, 4) Portal Employee Self-Service (ESS) untuk akses mandiri karyawan, dan 5) Pelaporan dan Analitik SDM untuk mendukung pengambilan keputusan.<\/p>\n<\/details>\n<\/li>\n<\/ul>\n<p><script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [{\n    \"@type\": \"Question\",\n    \"name\": \"Apa itu aplikasi personalia?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Aplikasi personalia, atau sering disebut Human Resource Information System (HRIS), adalah perangkat lunak yang dirancang untuk mengelola dan mengotomatiskan berbagai fungsi administrasi dan strategis departemen SDM. Ini mencakup database karyawan, penggajian, manajemen absensi, rekrutmen, hingga penilaian kinerja dalam satu platform terpusat.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"Mengapa perusahaan butuh aplikasi personalia?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Perusahaan membutuhkan aplikasi personalia untuk meningkatkan efisiensi, mengurangi kesalahan manual (human error), dan memastikan kepatuhan terhadap regulasi ketenagakerjaan. Dengan otomatisasi, tim HR dapat beralih dari tugas administratif ke peran yang lebih strategis, seperti pengembangan talenta dan peningkatan kultur perusahaan, yang pada akhirnya mendukung pertumbuhan bisnis.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"Bagaimana cara memilih aplikasi personalia yang tepat?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Aplikasi personalia, atau sering disebut Human Resource Information System (HRIS), adalah perangkat lunak yang dirancang untuk mengelola dan mengotomatiskan berbagai fungsi administrasi dan strategis departemen SDM. Ini mencakup database karyawan, penggajian, manajemen absensi, rekrutmen, hingga penilaian kinerja dalam satu platform terpusat.\"\n    }\n  },{\n    \"@type\": \"Question\",\n    \"name\": \"Fitur apa saja yang wajib ada di aplikasi personalia modern?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"Fitur wajib meliputi: 1) Manajemen Database Karyawan, 2) Perhitungan Payroll dan Pajak Otomatis, 3) Manajemen Absensi dan Cuti, 4) Portal Employee Self-Service (ESS) untuk akses mandiri karyawan, dan 5) Pelaporan dan Analitik SDM untuk mendukung pengambilan keputusan.\"\n    }\n  }]\n}\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sebagai seorang praktisi HR selama lebih dari satu dekade, saya sering menyaksikan bagaimana proses administrasi manual menjadi penghambat utama pertumbuhan perusahaan. Mulai dari rekap absensi yang memakan waktu, perhitungan gaji dan PPh 21 yang rentan human error, hingga kesulitan melacak kinerja karyawan secara objektif. Tantangan-tantangan tersebut bukan hanya menurunkan efisiensi, tetapi juga berdampak pada moral [&hellip;]<\/p>\n","protected":false},"author":218,"featured_media":173445,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[6],"tags":[],"class_list":{"0":"post-173424","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>15 Aplikasi Personalia Terbaik di Indonesia untuk Manajemen SDM<\/title>\n<meta name=\"description\" content=\"Temukan 15 aplikasi personalia terbaik 2026 untuk kelola SDM lebih efisien, otomatis, dan terintegrasi di bisnis Anda.\" \/>\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\/aplikasi-software-personalia-terbaik-di-indonesia\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"15 Aplikasi Personalia Terbaik 2026 untuk Manajemen SDM Efisien\" \/>\n<meta property=\"og:description\" content=\"Temukan 15 aplikasi personalia terbaik 2026 untuk kelola SDM lebih efisien, otomatis, dan terintegrasi di bisnis Anda.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-software-personalia-terbaik-di-indonesia\/\" \/>\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=\"2025-10-24T09:38:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-22T06:50:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/15-Aplikasi-Personalia-Terbaik-2025-untuk-Manajemen-SDM-Efisien.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=\"Reno Wicaksana\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hashmicro\" \/>\n<meta name=\"twitter:site\" content=\"@hashmicro\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"Reno Wicaksana\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"21 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\/aplikasi-software-personalia-terbaik-di-indonesia\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-software-personalia-terbaik-di-indonesia\/\"},\"author\":{\"name\":\"Reno Wicaksana\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/0d3340f667908102d8894da18f80732e\"},\"headline\":\"15 Aplikasi Personalia Terbaik 2026 untuk Manajemen SDM Efisien\",\"datePublished\":\"2025-10-24T09:38:18+00:00\",\"dateModified\":\"2026-01-22T06:50:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-software-personalia-terbaik-di-indonesia\/\"},\"wordCount\":3351,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-software-personalia-terbaik-di-indonesia\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/15-Aplikasi-Personalia-Terbaik-2025-untuk-Manajemen-SDM-Efisien.webp\",\"articleSection\":[\"HRM\"],\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-software-personalia-terbaik-di-indonesia\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-software-personalia-terbaik-di-indonesia\/\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-software-personalia-terbaik-di-indonesia\/\",\"name\":\"15 Aplikasi Personalia Terbaik di Indonesia untuk Manajemen SDM\",\"isPartOf\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-software-personalia-terbaik-di-indonesia\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-software-personalia-terbaik-di-indonesia\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/15-Aplikasi-Personalia-Terbaik-2025-untuk-Manajemen-SDM-Efisien.webp\",\"datePublished\":\"2025-10-24T09:38:18+00:00\",\"dateModified\":\"2026-01-22T06:50:37+00:00\",\"description\":\"Temukan 15 aplikasi personalia terbaik 2026 untuk kelola SDM lebih efisien, otomatis, dan terintegrasi di bisnis Anda.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-software-personalia-terbaik-di-indonesia\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-software-personalia-terbaik-di-indonesia\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-software-personalia-terbaik-di-indonesia\/#primaryimage\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/15-Aplikasi-Personalia-Terbaik-2025-untuk-Manajemen-SDM-Efisien.webp\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/15-Aplikasi-Personalia-Terbaik-2025-untuk-Manajemen-SDM-Efisien.webp\",\"width\":1200,\"height\":675,\"caption\":\"hrd dan personalia\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-software-personalia-terbaik-di-indonesia\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hashmicro.com\/id\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"15 Aplikasi Personalia Terbaik 2026 untuk Manajemen SDM Efisien\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#website\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/\",\"name\":\"HashMicro Indonesia\",\"description\":\"Blog Software Manajemen Bisnis Indonesia #1\",\"publisher\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.hashmicro.com\/id\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#organization\",\"name\":\"HashMicro Indonesia\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/11\/hashmicro-logo-blog.webp\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/11\/hashmicro-logo-blog.webp\",\"width\":924,\"height\":121,\"caption\":\"HashMicro Indonesia\"},\"image\":{\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/hashmicro\",\"https:\/\/x.com\/hashmicro\",\"https:\/\/www.linkedin.com\/company\/hashmicro\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/0d3340f667908102d8894da18f80732e\",\"name\":\"Reno Wicaksana\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Reno-Wicaksana-96x96.webp\",\"contentUrl\":\"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Reno-Wicaksana-96x96.webp\",\"caption\":\"Reno Wicaksana\"},\"description\":\"Reno adalah HRM Specialist dan senior content writer dengan pengalaman lebih dari 5 tahun di industri teknologi dan manajemen sumber daya manusia. Secara konsisten mengangkat topik artikel seputar performance management, rekrutmen dan pengembangan SDM, manajemen talenta, dan sistem HRIS untuk pengelolaan karyawan.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/william-w-88353a262\/\"],\"gender\":\"Laki-laki\",\"knowsAbout\":[\"HRM\",\"HRIS\"],\"knowsLanguage\":[\"Inggris\",\"Indonesia\"],\"jobTitle\":\"Senior Content Writer on HRIS\",\"url\":\"https:\/\/www.hashmicro.com\/id\/blog\/author\/reno-wicaksana\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"15 Aplikasi Personalia Terbaik di Indonesia untuk Manajemen SDM","description":"Temukan 15 aplikasi personalia terbaik 2026 untuk kelola SDM lebih efisien, otomatis, dan terintegrasi di bisnis Anda.","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\/aplikasi-software-personalia-terbaik-di-indonesia\/","og_locale":"id_ID","og_type":"article","og_title":"15 Aplikasi Personalia Terbaik 2026 untuk Manajemen SDM Efisien","og_description":"Temukan 15 aplikasi personalia terbaik 2026 untuk kelola SDM lebih efisien, otomatis, dan terintegrasi di bisnis Anda.","og_url":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-software-personalia-terbaik-di-indonesia\/","og_site_name":"HashMicro Indonesia","article_publisher":"https:\/\/www.facebook.com\/hashmicro","article_published_time":"2025-10-24T09:38:18+00:00","article_modified_time":"2026-01-22T06:50:37+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/15-Aplikasi-Personalia-Terbaik-2025-untuk-Manajemen-SDM-Efisien.webp","type":"image\/webp"}],"author":"Reno Wicaksana","twitter_card":"summary_large_image","twitter_creator":"@hashmicro","twitter_site":"@hashmicro","twitter_misc":{"Ditulis oleh":"Reno Wicaksana","Estimasi waktu membaca":"21 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-software-personalia-terbaik-di-indonesia\/#article","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-software-personalia-terbaik-di-indonesia\/"},"author":{"name":"Reno Wicaksana","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/0d3340f667908102d8894da18f80732e"},"headline":"15 Aplikasi Personalia Terbaik 2026 untuk Manajemen SDM Efisien","datePublished":"2025-10-24T09:38:18+00:00","dateModified":"2026-01-22T06:50:37+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-software-personalia-terbaik-di-indonesia\/"},"wordCount":3351,"commentCount":0,"publisher":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-software-personalia-terbaik-di-indonesia\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/15-Aplikasi-Personalia-Terbaik-2025-untuk-Manajemen-SDM-Efisien.webp","articleSection":["HRM"],"inLanguage":"id","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-software-personalia-terbaik-di-indonesia\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-software-personalia-terbaik-di-indonesia\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-software-personalia-terbaik-di-indonesia\/","name":"15 Aplikasi Personalia Terbaik di Indonesia untuk Manajemen SDM","isPartOf":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-software-personalia-terbaik-di-indonesia\/#primaryimage"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-software-personalia-terbaik-di-indonesia\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/15-Aplikasi-Personalia-Terbaik-2025-untuk-Manajemen-SDM-Efisien.webp","datePublished":"2025-10-24T09:38:18+00:00","dateModified":"2026-01-22T06:50:37+00:00","description":"Temukan 15 aplikasi personalia terbaik 2026 untuk kelola SDM lebih efisien, otomatis, dan terintegrasi di bisnis Anda.","breadcrumb":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-software-personalia-terbaik-di-indonesia\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-software-personalia-terbaik-di-indonesia\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-software-personalia-terbaik-di-indonesia\/#primaryimage","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/15-Aplikasi-Personalia-Terbaik-2025-untuk-Manajemen-SDM-Efisien.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/15-Aplikasi-Personalia-Terbaik-2025-untuk-Manajemen-SDM-Efisien.webp","width":1200,"height":675,"caption":"hrd dan personalia"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hashmicro.com\/id\/blog\/aplikasi-software-personalia-terbaik-di-indonesia\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hashmicro.com\/id\/blog\/"},{"@type":"ListItem","position":2,"name":"15 Aplikasi Personalia Terbaik 2026 untuk Manajemen SDM Efisien"}]},{"@type":"WebSite","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#website","url":"https:\/\/www.hashmicro.com\/id\/blog\/","name":"HashMicro Indonesia","description":"Blog Software Manajemen Bisnis Indonesia #1","publisher":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hashmicro.com\/id\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#organization","name":"HashMicro Indonesia","url":"https:\/\/www.hashmicro.com\/id\/blog\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/11\/hashmicro-logo-blog.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2023\/11\/hashmicro-logo-blog.webp","width":924,"height":121,"caption":"HashMicro Indonesia"},"image":{"@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hashmicro","https:\/\/x.com\/hashmicro","https:\/\/www.linkedin.com\/company\/hashmicro"]},{"@type":"Person","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/0d3340f667908102d8894da18f80732e","name":"Reno Wicaksana","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hashmicro.com\/id\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Reno-Wicaksana-96x96.webp","contentUrl":"https:\/\/www.hashmicro.com\/id\/blog\/wp-content\/uploads\/2025\/10\/Reno-Wicaksana-96x96.webp","caption":"Reno Wicaksana"},"description":"Reno adalah HRM Specialist dan senior content writer dengan pengalaman lebih dari 5 tahun di industri teknologi dan manajemen sumber daya manusia. Secara konsisten mengangkat topik artikel seputar performance management, rekrutmen dan pengembangan SDM, manajemen talenta, dan sistem HRIS untuk pengelolaan karyawan.","sameAs":["https:\/\/www.linkedin.com\/in\/william-w-88353a262\/"],"gender":"Laki-laki","knowsAbout":["HRM","HRIS"],"knowsLanguage":["Inggris","Indonesia"],"jobTitle":"Senior Content Writer on HRIS","url":"https:\/\/www.hashmicro.com\/id\/blog\/author\/reno-wicaksana\/"}]}},"focus_keyword":"aplikasi personalia","order_j":"","_links":{"self":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/173424","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/users\/218"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/comments?post=173424"}],"version-history":[{"count":10,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/173424\/revisions"}],"predecessor-version":[{"id":186703,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/posts\/173424\/revisions\/186703"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media\/173445"}],"wp:attachment":[{"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/media?parent=173424"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/categories?post=173424"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hashmicro.com\/id\/blog\/wp-json\/wp\/v2\/tags?post=173424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}