{"id":22393,"date":"2022-06-23T12:58:33","date_gmt":"2022-06-23T05:58:33","guid":{"rendered":"https:\/\/magang-sas.telkomuniversity.ac.id\/?page_id=22393"},"modified":"2026-04-09T10:38:20","modified_gmt":"2026-04-09T03:38:20","slug":"lowongan-dan-seleksi-magang","status":"publish","type":"page","link":"https:\/\/magang-sas.telkomuniversity.ac.id\/en\/lowongan-dan-seleksi-magang\/","title":{"rendered":"Lowongan dan Seleksi Magang"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-948158f stk-block-background\" data-block-id=\"948158f\"><style>.stk-948158f {background-color:#4a148c !important;min-height:350px !important;align-items:center !important;padding-top:var(--stk--preset--spacing--70, 3.38rem) !important;padding-right:var(--stk--preset--spacing--70, 3.38rem) !important;padding-bottom:var(--stk--preset--spacing--70, 3.38rem) !important;padding-left:var(--stk--preset--spacing--70, 3.38rem) !important;margin-bottom:0px !important;display:flex !important;}.stk-948158f:before{background-color:#4a148c !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-948158f-column alignwide\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-dd8485f\" data-v=\"4\" data-block-id=\"dd8485f\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-dd8485f-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-dd8485f-inner-blocks\">\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-c78b33f\" id=\"heading-placeholder\" data-block-id=\"c78b33f\"><style>.stk-c78b33f .stk-block-heading__text{font-size:var(--stk--preset--font-size--x-large, 50px) !important;color:#ffffff !important;}@media screen and (max-width:999px){.stk-c78b33f .stk-block-heading__text{font-size:var(--stk--preset--font-size--x-large, 50px) !important;}}<\/style><h1 class=\"stk-block-heading__text has-text-color has-text-align-center\">Lowongan Magang<\/h1><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-a21af18\" data-block-id=\"a21af18\"><style>.stk-a21af18 .stk-block-text__text{color:#ffffff !important;font-weight:700 !important;font-style:oblique !important;}<\/style><p class=\"stk-block-text__text has-text-color has-text-align-center\">Temukan layanan magang dan kerjasama industri yang tersedia untuk mahasiswa, dosen, dan mitra perusahaan.<\/p><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"lkm-badge-container\">\n    <div class=\"lkm-badge-pill\">\n        <span class=\"lkm-dot\"><\/span>\n        Lowongan Magang\n    <\/div>\n    <div class=\"lkm-line-purple\"><\/div>\n<\/div>\n\n\n\n<!-- \n  CARA PAKAI:\n  1. Di WordPress editor, tambahkan blok \"Custom HTML\"\n  2. Paste seluruh kode ini\n  3. Ubah nilai di bagian KONFIGURASI sesuai kebutuhan\n\n  KONFIGURASI:\n  - WP_SITE_URL  : ganti dengan URL situs WordPress kamu\n  - POSTS_COUNT  : jumlah postingan yang ditampilkan\n  - CATEGORY_ID  : ID kategori (0 = semua kategori)\n  - TAG_SLUG     : slug tag (kosongkan jika tidak pakai)\n-->\n\n<style>\n.lkm-grid-v2 {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n    gap: 20px;\n    padding: 1.5rem 0;\n    font-family: inherit;\n}\n.lkm-card-v2 {\n    background: #fff;\n    border: 1px solid #e8e4f3;\n    border-radius: 14px;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    transition: box-shadow 0.2s, transform 0.2s;\n}\n.lkm-card-v2:hover {\n    box-shadow: 0 8px 28px rgba(74,20,140,0.12);\n    transform: translateY(-3px);\n}\n.lkm-thumb-v2 {\n    width: 100%;\n    height: 170px;\n    object-fit: cover;\n    display: block;\n}\n.lkm-thumb-placeholder-v2 {\n    width: 100%;\n    height: 170px;\n    background: linear-gradient(135deg, #ede7f6 0%, #d1c4e9 100%);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 38px;\n    text-decoration: none;\n}\n.lkm-body-v2 {\n    padding: 1rem 1.1rem;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n.lkm-cats-v2 {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n.lkm-cat-v2 {\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: .04em;\n    text-transform: uppercase;\n    color: #534AB7;\n    background: #EEEDFE;\n    padding: 3px 10px;\n    border-radius: 20px;\n    text-decoration: none;\n}\n.lkm-title-v2 {\n    font-size: 15px;\n    font-weight: 700;\n    color: #1a1a2e;\n    line-height: 1.45;\n    text-decoration: none;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n}\n.lkm-title-v2:hover { color: #4a148c; }\n.lkm-excerpt-v2 {\n    font-size: 13px;\n    color: #777;\n    line-height: 1.6;\n    margin: 0;\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n}\n.lkm-footer-v2 {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: .75rem 1.1rem;\n    border-top: 1px solid #f0eafb;\n}\n.lkm-date-v2 {\n    font-size: 12px;\n    color: #aaa;\n}\n.lkm-btn-v2 {\n    font-size: 12px;\n    font-weight: 600;\n    color: #4a148c;\n    background: #EEEDFE;\n    border: none;\n    padding: 6px 14px;\n    border-radius: 20px;\n    text-decoration: none;\n    transition: background .15s;\n}\n.lkm-btn-v2:hover { background: #d1c4e9; }\n.lkm-loading {\n    text-align: center;\n    padding: 2rem;\n    color: #888;\n    font-size: 14px;\n}\n.lkm-skeleton {\n    background: #f3f0fb;\n    border-radius: 14px;\n    height: 280px;\n    animation: lkm-pulse 1.4s ease-in-out infinite;\n}\n@keyframes lkm-pulse {\n    0%, 100% { opacity: 1; }\n    50% { opacity: .4; }\n}\n<\/style>\n\n<div id=\"lkm-container\">\n    <div class=\"lkm-grid-v2\">\n        <div class=\"lkm-skeleton\"><\/div>\n        <div class=\"lkm-skeleton\"><\/div>\n        <div class=\"lkm-skeleton\"><\/div>\n    <\/div>\n<\/div>\n\n<script>\n(function () {\n    \/* \u2500\u2500 KONFIGURASI \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n    var WP_SITE_URL  = window.location.origin;  \/\/ otomatis ambil domain situs ini\n    var POSTS_COUNT  = 6;                        \/\/ jumlah postingan\n    var CATEGORY_ID  = 0;                        \/\/ 0 = semua kategori; isi angka ID kategori jika ingin filter\n    var TAG_SLUG     = '';                       \/\/ slug tag, contoh: 'magang-it' (kosongkan jika tidak pakai)\n    \/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n\n    var endpoint = WP_SITE_URL + '\/wp-json\/wp\/v2\/posts'\n        + '?per_page=' + POSTS_COUNT\n        + '&_embed=1'\n        + '&orderby=date&order=desc';\n\n    if (CATEGORY_ID > 0)  endpoint += '&categories=' + CATEGORY_ID;\n    if (TAG_SLUG !== '')  endpoint += '&tags_slug=' + encodeURIComponent(TAG_SLUG);\n\n    function formatDate(iso) {\n        var d = new Date(iso);\n        return d.toLocaleDateString('id-ID', { day: 'numeric', month: 'short', year: 'numeric' });\n    }\n\n    function stripHtml(html) {\n        var tmp = document.createElement('div');\n        tmp.innerHTML = html;\n        return tmp.textContent || tmp.innerText || '';\n    }\n\n    function truncate(str, n) {\n        var words = str.trim().split(\/\\s+\/);\n        return words.length <= n ? str : words.slice(0, n).join(' ') + '\u2026';\n    }\n\n    function renderCards(posts) {\n        if (!posts.length) {\n            document.getElementById('lkm-container').innerHTML =\n                '<p style=\"text-align:center;color:#888;padding:2rem;\">Belum ada postingan tersedia.<\/p>';\n            return;\n        }\n\n        var html = '<div class=\"lkm-grid-v2\">';\n\n        posts.forEach(function (post) {\n            var title     = post.title.rendered;\n            var link      = post.link;\n            var date      = formatDate(post.date);\n            var excerpt   = truncate(stripHtml(post.excerpt.rendered), 22);\n\n            \/* Thumbnail *\/\n            var thumbHtml = '';\n            var media = post._embedded && post._embedded['wp:featuredmedia'];\n            if (media && media[0] && media[0].source_url) {\n                thumbHtml = '<a href=\"' + link + '\">'\n                    + '<img decoding=\"async\" class=\"lkm-thumb-v2\" src=\"' + media[0].source_url + '\" alt=\"' + title + '\" loading=\"lazy\">'\n                    + '<\/a>';\n            } else {\n                thumbHtml = '<a href=\"' + link + '\" class=\"lkm-thumb-placeholder-v2\">\ud83d\udccb<\/a>';\n            }\n\n            \/* Kategori *\/\n            var catHtml = '';\n            var terms = post._embedded && post._embedded['wp:term'];\n            if (terms && terms[0] && terms[0].length) {\n                catHtml = '<div class=\"lkm-cats-v2\">';\n                terms[0].slice(0, 2).forEach(function (cat) {\n                    catHtml += '<a class=\"lkm-cat-v2\" href=\"' + cat.link + '\">' + cat.name + '<\/a>';\n                });\n                catHtml += '<\/div>';\n            }\n\n            html += '<article class=\"lkm-card-v2\">'\n                + thumbHtml\n                + '<div class=\"lkm-body-v2\">'\n                +     catHtml\n                +     '<a class=\"lkm-title-v2\" href=\"' + link + '\">' + title + '<\/a>'\n                +     (excerpt ? '<p class=\"lkm-excerpt-v2\">' + excerpt + '<\/p>' : '')\n                + '<\/div>'\n                + '<div class=\"lkm-footer-v2\">'\n                +     '<span class=\"lkm-date-v2\">' + date + '<\/span>'\n                +     '<a class=\"lkm-btn-v2\" href=\"' + link + '\">Lihat Detail \u2192<\/a>'\n                + '<\/div>'\n                + '<\/article>';\n        });\n\n        html += '<\/div>';\n        document.getElementById('lkm-container').innerHTML = html;\n    }\n\n    fetch(endpoint)\n        .then(function (res) {\n            if (!res.ok) throw new Error('HTTP ' + res.status);\n            return res.json();\n        })\n        .then(renderCards)\n        .catch(function (err) {\n            document.getElementById('lkm-container').innerHTML =\n                '<p style=\"text-align:center;color:#c00;padding:2rem;\">Gagal memuat postingan: ' + err.message + '<\/p>';\n        });\n})();\n<\/script>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Lowongan Magang Temukan layanan magang dan kerjasama industri yang tersedia untuk mahasiswa, dosen, dan mitra perusahaan. Lowongan Magang<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-22393","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/magang-sas.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/pages\/22393","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/magang-sas.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/magang-sas.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/magang-sas.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/magang-sas.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/comments?post=22393"}],"version-history":[{"count":23,"href":"https:\/\/magang-sas.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/pages\/22393\/revisions"}],"predecessor-version":[{"id":29328,"href":"https:\/\/magang-sas.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/pages\/22393\/revisions\/29328"}],"wp:attachment":[{"href":"https:\/\/magang-sas.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/media?parent=22393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}