How To Make Auto Safelink And Shortlink With Short-io

Introduction

If you're looking for a way how to make auto safelink and shortlink with short io protect your website's links and generate short, user-friendly URLs, auto safelinking and shortening with Short.io could be the solution you're seeking.

How to make auto safelink and shortlink with short io
How to make auto safelink and shortlink with short io

With Short.io, you can create custom domains, track clicks, and build branded links that are both secure and easy to share. Whether you're a blogger, marketer, or website owner, this powerful tool can help you streamline your link management and improve your site's overall user experience.

In this article, we'll guide you on how to make auto safelink and shortlink with short io, so you can get started right away.

Creating an auto Safelink and Shortlink is wrapping the main URL shorter so that the URL isn't too long

Creating an auto Safelink and Shortlink page on Plus Ui Blogger Template aims to make the main URL automatically shorter.

This is also useful when we share safelink URLs to social media such as Facebook, it seems that if the safelink URL is opened in i.facebook.com the safelink function will not work, for some reason, the function on safelink auto shortlink will work perfectly in all browsers when searching the URL shortened.

What is safelink?

Safelink, in the world of bloggers, aims to wrap the original URL, for example, a download link or a special link that visitors need. Safelink will benefit the creator of the website because the original function of safelink is to create a barrier for visitors to read one particular article, where the obstacle is a countdown timer for the visitor to stay for a while on the website of the safelink owner.

What are Shortlinks?

Simply put, a short link also wraps a link, but this short link URL is only an intermediary because we pass the short link URL and go straight to the safe link or main link which is shortened. Shortlinks also display link letters that are not too many which is useful for someone to memorize the link.

How to make Safelink auto shortlink on Plus Ui

Each tutorial must have a step-by-step construction, and you have to prepare the main material, namely, a website using the Plus Ui Template and a personal short link from short.io

All right, let's just execute it by starting to create a personal short link from short.io

How to Make a Personal Shortlink from Short.io

Make sure you already have a blogger website and domain control.

Step 1 : Open the Short.io site

Step 2 : Click on Start For and register using a temp email from mail.tm

Step 3: Copy the email from the mail. tm by just clicking on the Gmail icon, it will automatically be copied

Step 4: Paste it on the create an account page on short.io then click the create account button

Step 5: Short.io will send a verification link in the mail.tm message

Step 6: Confirm and immediately be directed to the short.io page to create a password

Step 7: Choose ADD MY OWN DOMAIN because we will use the domain we already have for short.io

Step 8: Enter the subdomain for our shortlink, for example, short.tajamaltech.com, give a free name as you wish in front of your domain name, for example, link.tajamal.com (mine is like this)

Step 9: Go to your domain control to setup DNS and add CNAME to connect with short.io

Step 10: If you are using Cloudflare, add a CNAME action with the link name field and the cname.short.io target field, don't forget to turn off the proxy and become DNS Only

The column name corresponds to what you typed in short.io earlier, yes, if I'm link.tajamaltech.com then the column name is link

Step 11: If you have set DNS back to short.io and REFRESH

If you want to create a manual Shortlink URL, enter the destination URL in the Paste URL Here... box.

Step 12: Take the short.io API code because we will create a Safelink auto Shortlink on the safelink Plus Ui generator page

Step 13: Click menu strip 3 then select Integrations & API

Step 14: Click Create API Key » Activate public key » Select the domain in the second column then CREATE

Step 15: API Key short.io created successfully, SAVE it to note we will use it.

How to make auto safelink and shortlink generator on Plus Ui

  • Login to blogger and choose a page
  • Create a new page and paste the following code in HTML Mode

<style>
/*! SafeLink Generator CSS */ .hidden{display:none !important}button{cursor:pointer}button:hover{opacity:.9}.headH .headSub{max-width:none}.headH .headSub::before{content:"SafeLink"}
</style>

<div class='cArea'>
  <label>
    <input class='cInpt' id='safeIn' name='' type='text' />
    <span class='n req'>Enter Link here</span>
  </label>
</div>
<div class='cArea'>
  <label>
    <input class='cInpt' id='safeOut' name='' type='text' readonly />
    <span class='n'>Protected Link</span>
  </label>
</div>
<div class='cArea'>
  <button class='button' id='safeGen'>Protect Link</button>
  <button class='button hidden' id='safeCpy'>Copy</button>
  <button class='button hidden' id='safeViw'>View</button>
</div>

<script>
  /*<![CDATA[*/
  /* SafeLink settings */
  var safeSet = {
    safePar: "#?url",
    succNtf: "<i class='check'></i>Link Protected, Click on Copy",
    entrNtf: "<i class='warn'></i>Enter link to protect!",
    cpydNtf: "<i class='clipboard'></i>Copied to clipboard!",
  };
  /* SafeLink + ShortLink Script By: zidansec */
  function _0x4b5f(){var t=["nJi2mJq1mLfgEhzRvW","C2fMzuLU","ywrKrxzLBNrmAxn0zw5LCG","C2v0qxr0CMLIDxrL","mJqZmtq3nNfhvxHuBa","C2fMzunWEq","Ahr0Chm6lY8","mtaXody0u0DArgD0","x2jSyw5R","mtbnzfrwzve","C2fMzvzPDW","zw5J","y29WEq","y3b5ze50zG","ngT4zfHNvW","Ahr0CdOVlW","zxHLy0nVBw1HBMq","CMvTB3zLqwXSuMfUz2vZ","BgvUz3rO","C2fMzvbHCG","lNDPzgDLDcbPBNb1DfT0ExbLpxrLEhrDlcaUD2LKz2v0igLUChv0w3r5Cgu9zw1HAwXDlcaUD2LKz2v0ihrLEhrHCMvH","AgLKzgvU","mJKXmZCXnZzTB3bishO","otG2otrkEMTeuwK","DMfSDwu","C2fMzu91Da","mtCZotq1mu13whzbtG","Aw5WDxq","mZqYnZK1mfHIsMPbwa","y2XPy2S","Aw5KzxHpzG","zgf0ys10zxH0","B3bLBG","C2fMzuDLBG","B25JBgLJAW"];return(_0x4b5f=function(){return t})()}function _0x227a(a,t){var u=_0x4b5f();return(_0x227a=function(t,n){var r=u[t=+t];void 0===_0x227a.AFejpy&&(_0x227a.UIWYON=function(t){for(var n,r,e="",f="",a=0,u=0;r=t.charAt(u++);~r&&(n=a%4?64*n+r:r,a++%4)&&(e+=String.fromCharCode(255&n>>(-2*a&6))))r="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=".indexOf(r);for(var i=0,o=e.length;i<o;i++)f+="%"+("00"+e.charCodeAt(i).toString(16)).slice(-2);return decodeURIComponent(f)},a=arguments,_0x227a.AFejpy=!0);var e=u[0],f=t+e,e=a[f];return e?r=e:(r=_0x227a.UIWYON(r),a[f]=r),r})(a,t)}(function(){function t(t,n){return _0x227a(t-811,n)}var n=_0x4b5f();function r(t,n){return _0x227a(t- -794,n)}for(;;)try{if(681338==+parseInt(r(-783,-783))+parseInt(t(838,831))/2+-parseInt(t(825,821))/3*(-parseInt(r(-792,-805))/4)+parseInt(r(-762,-759))/5*(parseInt(t(827,834))/6)+parseInt(r(-771,-775))/7+-parseInt(r(-764,-781))/8+-parseInt(r(-784,-787))/9)break;n.push(n.shift())}catch(t){n.push(n.shift())}})(),function(){for(var t=qSell(o(70,75)),n=0;n<t[r(-595,-587)];n++)t[n][o(87,89)](r(-566,-578),function(){var t=this[n(-683,-678)]?"fl":"nfl";function n(t,n){return _0x227a(n- -690,t)}this[n(-647,-664)]("data-text",t)});function r(t,n){return _0x227a(n- -593,t)}var f=getid(r(-581,-569)),a=getid(r(-592,-580)),e=getid(o(83,73)),u=getid(o(90,106)),i=getid(r(-565,-560));function o(t,n){return _0x227a(t-62,n)}f.addEventListener("blur",function(){var t=f[r(-575,-561)];function n(t,n){return _0x227a(n- -586,t)}function r(t,n){return _0x227a(n- -573,t)}return~t.indexOf(n(-568,-557))||~t[n(-578,-568)](r(-556,-570))||""==t||(t="https://"+t),f[r(-548,-561)]=t,f}),e.addEventListener("click",function(){function t(t,n){return _0x227a(t- -369,n)}var n,r;function e(t,n){return _0x227a(t- -344,n)}""!=f[e(-332,-342)]?(n=b64[t(-335,-346)](f[t(-357,-368)]),r=blogUrl+safeSet[t(-362,-376)]+"="+n,a[t(-357,-350)]=r,a[e(-318,-305)](e(-325,-340),"fl"),i[t(-347,-364)]=function(){window[_0x227a(20,610)](r,_0x227a(31,1029))},remCt(u,"hidden"),remCt(i,e(-335,-330)),toastNotif(safeSet.succNtf)):toastNotif(safeSet.entrNtf)}),u[o(87,100)](r(-590,-576),function(){function t(t,n){return _0x227a(t-791,n)}function n(t,n){return _0x227a(t- -873,n)}a[t(803,819)];var r=getSelection();r[n(-868,-857)](),a.select(),document[n(-869,-885)](t(791,804)),r[t(796,788)](),toastNotif(safeSet[t(792,783)])})}();
  document.getElementById("safeGen").onclick = function() {
  var link = document.getElementById("safeOut").value;
  /* ShortLink settings */
  var data = {
    "domain":"link.tajamaltech.com", // ganti dengan subdomain shortlink
    "originalURL": link,
    "allowDuplicates":false
  }; 
 fetch('https://api.short.cm/links/public', {
    method: 'post',
    headers: {
      'accept': 'application/json',
      'Content-Type': 'application/json',
      'authorization': 'pk_XosJKe2VdGq9dWZL' // ganti dengan api key short.io
    },
    body: JSON.stringify(data)
  }) .then(function(response) {
        return response.json();
    }) 
    .then(function(data){ 
    document.getElementById("safeOut").value = "" + data.shortURL })
 }
  /*]]>*/
</script>

Change the code marked with your previous name and key.

Plus Ui Blogger Template to make everything work perfectly.

Conclusion

This is all about how to make auto safelink and shortlink with short io. I hope you enjoyed this article, if you don't mind please share this article. And if you face problems in any part or, you have questions, please ask me in the comments box and you can also via the Contact page.

Comments

Post a Comment

Popular posts from this blog

Plus Ui Blogger Template

Image
Introduction HI Plus UI Blogger Template is a popular and feature-rich theme for the Blogger platform. It is designed to provide users with an easy-to-use and customizable interface for creating professional-looking blogs. Plus UI Blogger Template This article aims to provide a comprehensive overview of the  Plus UI Blogger Template , including its key features, setup and customization options, and tips for enhancing its functionality.  Additionally, we will cover common issues that users may encounter when using Plus UI Blogger Template and offer solutions for resolving them. By the end of this article, readers should have a good understanding of the  Plus UI Blogger Template and how to effectively use it to create and maintain a successful Blogger site. Template Information Template Name Plus Ui Version v 2.6.2 Responsive Yes Mobile Friendly Yes SEO Friendly Yes Platform/CMS Blogger Developer Fineshop Design Get Template Join Our TG ...
Read more

How To Create A Contact Form On Blogger Using Telegram Bot API | Tajamal Tech

Image
Introduction In this post you shall learn how to create a contact form on blogger usi ng telegram bot API , I will share the code necessary to implement this solution and improve the user experience on your website. how to create a contact form on blogger using telegram bot API Say goodbye to slow and outdated contact forms and say hello to a unique and efficient way of receiving form submissions. With the recent update to the Blogger Contact Form API, a token is required every time you submit the form, resulting in slow page loading due to Blogger widgets javascript. By using Telegram, you can create a custom contact form that allows you to add additional fields such as a mobile number or website, which was previously not possible. how to create a contact form on blogg er usi ng teleg ram bot API for websites, especially bloggers who use the Plus Ui template and will use the Telegram API. How to make a contact form with the Telegram API for websites?  Before...
Read more

Remini Premium APK | 100% Working | Tajamal Tech

Image
Install Remini Premium APK And Increase Image Quality With Just A Single Remini Premium APK When it comes to restoring old photos from blurry to clear, Remini - AI Photo Enhancer is always called. This is one of the top apps in terms of image clarity no matter how crushed or blurry the photo is. Currently, Remini is being widely used on Android and iPhone phones, you can also install this application and edit it directly on your PC. Let's go through the details of this software with Sforum and how to install it in detail.  What is Remini Premium- AI Photo Enhancer? Remini Premium Apk - AI Photo Enhancer is an application dedicated to dealing with broken or blurred images. The special feature of this application is the use of artificial intelligence technology. Therefore, every error detail on the original image will be processed in detail to become the most complete. This is paid software to use but to use more advanced filters you have to spen...
Read more