{"id":458,"date":"2026-07-25T10:36:14","date_gmt":"2026-07-25T10:36:14","guid":{"rendered":"https:\/\/opart.unhas.ac.id\/?p=458"},"modified":"2026-07-25T10:36:28","modified_gmt":"2026-07-25T10:36:28","slug":"short-link","status":"publish","type":"post","link":"https:\/\/opart.unhas.ac.id\/?p=458","title":{"rendered":"Short Link"},"content":{"rendered":"\n<style>\n.opart-shortlink-page{\n    background:linear-gradient(135deg,#eef6ff,#ffffff);\n    font-family:\"Segoe UI\", Arial, sans-serif;\n    color:#1b2a3a;\n    padding:35px 15px;\n}\n\n.opart-shortlink-wrapper{\n    max-width:850px;\n    margin:0 auto;\n}\n\n.opart-shortlink-card{\n    background:#ffffff;\n    border:1px solid #d9e9ff;\n    border-radius:24px;\n    box-shadow:0 12px 30px rgba(0,64,128,0.10);\n    overflow:hidden;\n}\n\n.opart-shortlink-header{\n    background:linear-gradient(135deg,#062a63,#0c62b7,#1496e1);\n    color:white;\n    padding:32px 28px;\n}\n\n.opart-shortlink-title{\n    font-size:32px;\n    font-weight:800;\n    margin:0;\n}\n\n.opart-shortlink-subtitle{\n    margin-top:8px;\n    font-size:16px;\n    opacity:.9;\n}\n\n.opart-shortlink-body{\n    padding:30px;\n}\n\n.shortlink-box{\n    background:linear-gradient(145deg,#ffffff,#f5faff);\n    border:1px solid #dcecff;\n    border-radius:18px;\n    padding:24px;\n    margin-bottom:25px;\n}\n\n.shortlink-section-title{\n    font-size:20px;\n    font-weight:700;\n    color:#0a2a66;\n    margin-bottom:18px;\n}\n\n.shortlink-label{\n    font-weight:600;\n    color:#0a2a66;\n    margin-bottom:8px;\n    display:block;\n}\n\n.shortlink-input{\n    width:100%;\n    border-radius:12px;\n    border:1px solid #c8dff5;\n    padding:13px 15px;\n    font-size:16px;\n    outline:none;\n    margin-bottom:15px;\n}\n\n.shortlink-input:focus{\n    border-color:#1496e1;\n    box-shadow:0 0 0 .2rem rgba(20,150,225,.15);\n}\n\n.btn-shortlink{\n    width:100%;\n    background:linear-gradient(135deg,#0a4fa3,#1496e1);\n    color:#ffffff;\n    border:none;\n    border-radius:14px;\n    padding:13px 18px;\n    font-weight:700;\n    font-size:16px;\n    box-shadow:0 8px 18px rgba(20,150,225,0.22);\n    cursor:pointer;\n}\n\n.btn-shortlink:hover{\n    background:linear-gradient(135deg,#083f84,#0f7dcc);\n}\n\n.btn-copy{\n    width:100%;\n    background:linear-gradient(135deg,#007f5f,#00b894);\n    color:#ffffff;\n    border:none;\n    border-radius:14px;\n    padding:13px 18px;\n    font-weight:700;\n    font-size:16px;\n    box-shadow:0 8px 18px rgba(0,184,148,0.22);\n    cursor:pointer;\n    margin-top:12px;\n}\n\n.btn-copy:hover{\n    background:linear-gradient(135deg,#00684f,#00a383);\n}\n\n.result-box{\n    background:#f8fbff;\n    border:1px dashed #b9d8f5;\n    border-radius:16px;\n    padding:20px;\n    margin-top:20px;\n    text-align:center;\n}\n\n.result-title{\n    font-size:15px;\n    color:#5d6d7e;\n    margin-bottom:10px;\n}\n\n.result-link{\n    font-size:20px;\n    font-weight:700;\n    color:#0a4fa3;\n    word-break:break-all;\n}\n\n.info-note{\n    font-size:14px;\n    color:#5d6d7e;\n    margin-top:12px;\n    line-height:1.7;\n}\n\n.step-badge{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    width:30px;\n    height:30px;\n    background:#0a4fa3;\n    color:white;\n    border-radius:50%;\n    font-weight:700;\n    margin-right:8px;\n}\n\n.footer-note{\n    text-align:center;\n    color:#607080;\n    font-size:14px;\n    margin-top:18px;\n}\n\n@media(max-width:768px){\n    .opart-shortlink-title{\n        font-size:25px;\n    }\n\n    .opart-shortlink-body{\n        padding:20px;\n    }\n}\n<\/style>\n\n<div class=\"opart-shortlink-page\">\n    <div class=\"opart-shortlink-wrapper\">\n        <div class=\"opart-shortlink-card\">\n\n            <div class=\"opart-shortlink-header\">\n                <h1 class=\"opart-shortlink-title\">OPART Short Link Generator<\/h1>\n                <div class=\"opart-shortlink-subtitle\">\n                    Create a simple short link for URLs, DOI links, journal pages, and research documents.\n                <\/div>\n            <\/div>\n\n            <div class=\"opart-shortlink-body\">\n\n                <div class=\"shortlink-box\">\n                    <h2 class=\"shortlink-section-title\">\n                        <span class=\"step-badge\">1<\/span>Enter Long URL\n                    <\/h2>\n\n                    <label class=\"shortlink-label\">Original URL<\/label>\n                    <input \n                        type=\"url\" \n                        id=\"longUrl\" \n                        class=\"shortlink-input\" \n                        placeholder=\"https:\/\/example.com\/your-long-link\">\n\n                    <button class=\"btn-shortlink\" onclick=\"generateShortLink()\">\n                        Generate Short Link\n                    <\/button>\n\n                    <div class=\"info-note\">\n                        Paste the full URL, then click generate. The short link can be used for publication pages, QR codes, journal links, or document sharing.\n                    <\/div>\n                <\/div>\n\n                <div class=\"shortlink-box\">\n                    <h2 class=\"shortlink-section-title\">\n                        <span class=\"step-badge\">2<\/span>Short Link Result\n                    <\/h2>\n\n                    <div class=\"result-box\">\n                        <div class=\"result-title\">Generated Short Link<\/div>\n                        <div id=\"shortResult\" class=\"result-link\">\n                            Your short link will appear here\n                        <\/div>\n                    <\/div>\n\n                    <button class=\"btn-copy\" onclick=\"copyShortLink()\">\n                        Copy Short Link\n                    <\/button>\n                <\/div>\n\n                <div class=\"footer-note\">\n                    Offshore and Subsea Production Research Laboratory \u2014 Hasanuddin University\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\nlet generatedShortLink = \"\";\n\nasync function generateShortLink(){\n    const longUrl = document.getElementById(\"longUrl\").value.trim();\n    const resultBox = document.getElementById(\"shortResult\");\n\n    if(!longUrl){\n        alert(\"Please enter a URL first.\");\n        return;\n    }\n\n    if(!longUrl.startsWith(\"http:\/\/\") && !longUrl.startsWith(\"https:\/\/\")){\n        alert(\"Please enter a valid URL starting with http:\/\/ or https:\/\/\");\n        return;\n    }\n\n    resultBox.innerHTML = \"Generating short link...\";\n\n    try{\n        const apiUrl = \"https:\/\/tinyurl.com\/api-create.php?url=\" + encodeURIComponent(longUrl);\n\n        const response = await fetch(apiUrl);\n        const shortUrl = await response.text();\n\n        if(shortUrl && shortUrl.startsWith(\"http\")){\n            generatedShortLink = shortUrl;\n            resultBox.innerHTML = `<a href=\"${shortUrl}\" target=\"_blank\" style=\"color:#0a4fa3;text-decoration:none;\">${shortUrl}<\/a>`;\n        }else{\n            resultBox.innerHTML = \"Failed to generate short link.\";\n        }\n\n    }catch(error){\n        resultBox.innerHTML = \"Error generating short link. Please try again.\";\n    }\n}\n\nfunction copyShortLink(){\n    if(!generatedShortLink){\n        alert(\"Generate a short link first.\");\n        return;\n    }\n\n    navigator.clipboard.writeText(generatedShortLink).then(()=>{\n        alert(\"Short link copied.\");\n    });\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>OPART Short Link Generator Create a simple short link for URLs, DOI links, journal pages, and research documents. 1Enter Long URL Original URL Generate Short Link Paste the full URL, then click generate. The short link can be used for publication pages, QR codes, journal links, or document sharing. 2Short Link Result Generated Short Link &hellip; <\/p>\n","protected":false},"author":2,"featured_media":456,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-458","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/opart.unhas.ac.id\/index.php?rest_route=\/wp\/v2\/posts\/458","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/opart.unhas.ac.id\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/opart.unhas.ac.id\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/opart.unhas.ac.id\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/opart.unhas.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=458"}],"version-history":[{"count":1,"href":"https:\/\/opart.unhas.ac.id\/index.php?rest_route=\/wp\/v2\/posts\/458\/revisions"}],"predecessor-version":[{"id":459,"href":"https:\/\/opart.unhas.ac.id\/index.php?rest_route=\/wp\/v2\/posts\/458\/revisions\/459"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/opart.unhas.ac.id\/index.php?rest_route=\/wp\/v2\/media\/456"}],"wp:attachment":[{"href":"https:\/\/opart.unhas.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=458"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/opart.unhas.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=458"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/opart.unhas.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=458"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}