Download URL SafeLink Blogger Template For Free With Installation Guide

Lots of people ask how to create a URL shortener website using blogger for free? Well, it's not possible making a URL shortener website using blogger in common sense but you can make a URL camouflage website that will function as a URL shortener website to some extent. Though some people like to call it a Blogger URL shortener website, I call it a safe URL generator or Safelink Blogger website. For Example, you are an affiliate marketer and you want to share your affiliate tracking link on social which looks like something "track2.qltrk.com/l/agree/fgh-jghdf". Unfortunately, Facebook doesn't allow such links as well as some other site. You might have tried some URL shortener website but still no benefit of use. Here, Blogger's URL Safelink or Camouflager comes to the scene. You can camouflage your link and will be able to share on Facebook Easily, even if Facebook has already blocked domain of original link.

Key Features of Safelink

1. Shareable on Social While Some URL Shorteners Aren't Allowed
2. Fast Loading, Customizable
3. Responsive, User-Friendly
4. Show Maximum Ads in the Homepage to Boost Revenue
5. Show Maximum Ads in the Decryption Page Boost Revenue
6. Random Link Generation With Base64 Encryption.
7. Full Page Script or Auto Safelink With Random Posts When Refreshed (Advance)

So why use other's Blogger URL Safelink when you can have your own? Download the theme and start your own URL camouflager now.

Installation Guide

Here I wrote down the installation process in small steps so anyone could easily make a safelink website in Blogger

1. Visit Blogger Dashboard
2. Go to Themes from the Sidebar
3. Then Click Edit HTML Button
4. Then Paste All the Codes From the Downloaded File in Theme Editor
5. Then Click on Save Theme Button
6. Now go to All Posts from Sidebar and Click New Post Button
7. Then create an interesting jigh eCPM post to put Ads in post.
8. Then Put the Codes below After 3-4 Lines or a paragraph inside the post.




<div id="timer"></div>

<div class="text-center">

<button id='getlink' class='btn bt-success hidden' disabled=''>Get Link</button>

<!-- Ad Space -->

</div>



9. Now Put These Code 5-6 Lines before End of Article




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



10. Don't Forget to Replace <!-- Ad Space --> with Your Ad Codes

Show Random Post

1. Go to Dashboard, Then Chose Theme
2. Click on Edit HTML Button
3. Copy and Paste These Codes before </body>




<script type="text/javascript">
var setting = {

pengecualianstatus : true,

pengecualian : "google.com,twitter.com,javascript:;,mailto:",

hanyauntukstatus : false,

hanyauntuk : "githubusercontent.com", //use ::withpath for autolink specific path exampe.com/download/::withpath

path : "#?o="

};
</script>

<script type="text/javascript" src='https://cdn.statically.io/gh/riedayme/bloggercode/master/js/autoreplacebyfeednew.js'></script>
<script src="https://www.blogger.com/feeds/6305273983088860502/posts/default?alt=json-in-script&amp;max-results=13&amp;callback=showurl"></script>



4. Change 6305273983088860502 With Your Blog ID
5. Click on Save Theme Button

Inserting Ads

You can put ads as much as you want, but there's already reserved ad space. Make sure you changed the visibility. I have write down some ad place and their recommend size below.

1. Top Homepage Ads (Recommended Size 468x600 or 728x90)
2. Bottom Homepage Ads (Recommended Size 468x60 or 728x90)
3. Left Post Ads (Recommended Size 160x600)
4. Right Post Ads (Recommended Size 160x600)
5. Ad Space (Ads in Post, Recommended Size 300x250, 250x250, 320x60 or Any Adaptive Size)

Customization Guide

1. Find timerSeconds: 30, Replace 30 With Waiting Time. (i.e: 15 for 15 Seconds)

In case, You have any Problem or Suggestion, Drop a Comment Below, I'm all ears.