Safe Link

URL Camouflage Site To Share Your Link On Social Using Blogger

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 but you can make a URL camouflage website that will function as a URL shortener website. Though some people like to call it a URL shortener website, I call it a safe URL generator. 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 these links. You might have tried some URL shortener website but still no benefit of use. Here, Blogger's URL camouflager comes to the scene. You can camouflage your link and will be able to share on Facebook Easily.

Benefits of Using Blogger URL Camouflage

  1. Shareable on Social While URL Shorteners Aren't Allowed
  2. Fast Loading, Customizable
  3. Responsive, User-Friendly
  4. Ads in the Post Are Entered as You Wish
  5. Random Generate Link
  6. Full Page Script or Auto Safelink With Random Posts When Refreshed
  7. Adverts in the Sidebar and left
  8. Adverts on the Front Page Up and Down

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


Installation

Note: Before using this template, you should back up the older template/theme first
  1. Visit Blogger Dashboard
  2. Select 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 Chose All Posts from Sidebar and Click New Post Button
  7. Then Create an Interesting Post, Put Ads in Post.
  8. Then Put the Codes After 3-4 Lines inside the Post.
    9. <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
    10. <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
Tip: If You Want to Show Different Post When Refreshed, Then Make 2 or More Post Using the Method

Show Random Post on Refresh

  1. Go to Dashboard, Then Chose Theme
  2. Click on Edit HTML Button
  3. Copy and Paste These Codes before </body>
    4. <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.
  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

  1. Find timerSeconds: 30, Replace 30 With Waiting Time. (i.e: 15 for 15 Seconds)
For Full Explained Tutorial, Visit Here
Powered by Blogger