How to create Safelink Generator Page

Explanation of APP posting features, and posting formats and generator tools.

How to create Safelink Generator Page (The Safelink Tool)

1. Go to your Blogger Dashboard & Click on Page Section >> New Page
2. After Opening the New Page, Click on Dropdown Menu and Click on HTML View.
3. Give the Page Title to "Safe Link Generator" (Without Quotes).

Remember! The Safe Link Generator page will not function if the title is not entered correctly; your page link must look like this after adding the title.
https://www.abdullahcoded.site/p/safe-link-generator.html

4. Then simply paste the code below into the HTML version of the page. Afterward, proceed to the creation of the link's target page by clicking the save button.

<div class='panel panel-primary'>
  <div class='panel-body'>
    <div class='form-group'>
      <div class='input-group'>
        <input class='form-control' id='generateurl' oninvalid='this.setCustomValidity(&apos;Please Enter valid link&apos;)' placeholder='Enter your link here...' required='required' type='url' />
        <span class='input-group-btn'>
          <button class='btn btn-primary primary-color primary-color-border' id='btngenerate' oninvalid='this.setCustomValidity("Please Enter valid link")' required='required' type='button'><i aria-hidden='true' class='fa fa-shield fa-fw'></i> Generate</button>
        </span>
      </div>
    </div>
    <div class='hidden text-center' id='generateloading'><i class='fa fa-cog fa-spin'></i>
    </div>
    <div class='hidden' id='generatelink'>
      <div class='form-group has-success'>
        <div class='input-group'>
          <input class='form-control' id='resulturl' onclick='this.focus();this.select()' readonly='readonly' type='text' />
        </div>
        <br/>
        <div class='text-center'>
          <button class='copytoclipboard btn-sm btn btn-success' data-clipboard-action='copy' data-clipboard-target='#resulturl' id='copytoclipboard'><span class='fa fa-floppy-o'></span> Copy URL</button>
        </div>
      </div>
    </div>
  </div>
</div>
<style>
#main-wrapper{width:100%}
#sidebar-wrapper{display:none}
</style>

Creating Safe Link Download Page (Safelink Download Page)

1. Access your Blogger Pages Section & Click on New Page
2. After Opening the New Page, Click on Dropdown Menu and Click on HTML View.
3. Give the Page Title to "Download" (Without Quotes").

Note:- If you don't put the title in the right place, the Link Target page won't work. After you add the title, your page link needs to look like this.
https://www.abdullahcoded.site/p/download.html

4. Now you just need to paste the below code into the page html version. Add this code in the post, paste it between paragraphs of your blog article (If Any). Replace the code marked with your ad code.

<div id="timer"></div>
<div class="text-center">
<button class="btn bt-success hidden" disabled="" id="getlink">Get Link</button>
<!--Your Ad Code-->
</div>

5. Then add this code in the post, paste it between paragraphs of your blog article. Replace the code marked with your ad code.

<div class="text-center">
<button class="btn bt-success hidden" disabled="" id="gotolink">Go to Link</button>
<div style="display: inline-block; margin: auto;">
<!--Your Ad code-->
</div>
</div>

Generating a Safelink

Now ours Safelink Generator Tool & Safelink Download Page is ready to Roll. Now we have to try it.

Simply open the page (Safe Link Generator) which we have created above, and then add your desired url with complete link starting with https:// For example https://apmody.abdullahcoded.site/p/safe-link-generator.html to encrypt it, then click on the Generate button.(See the Link Below)

hen click on the Generate button: Customize label name.