You can Make Your Own URL Shortener with JavaScript in Blogger

In the past, we have already shown you how to create short URLs with Google shortener and how you can use to generate short URLs automatically. However, neither Google shortener nor allows you to have your custom domain URL shortener.  Recently, one of our users asked us about how to make your own URL shortener in Blogger? A custom URL shortener will allow you to create your own branded domain to redirect to different external pages as per your needs. Today in this article, we will show you how to make your own URL shortener with JavaScript in Blogger.

How Custom URL Shortener Works?

We will be using a script to create our own URL shortening service. This script can also be termed as "Simple Redirects". Just like WordPress, you create links that will redirect you to external pages or domains. Unlike Blogger Custom Redirects, which does not allows you to redirect to other domains, they only redirects to internal pages of your blog.

Default URL:
Custom Branded Short URL:

Take a look at the above links to understand how this script will work. If you will go to it will take you to the Facebook page of MyBloggerLab. Similarly you can create unlimited short URLs and Redirects using this script.

How to Make Your Own URL Shortener with JavaScript:

To install URL Shortener script in your Blogger site, please follow the below instructions correctly:
  1. Go to Blogger >> Template >> Edit HTML.
  2. Now in the template codes,  search for
tag and just above it paste the following JavaScript code:


Now to create short URLs you can simple make changes to the above code. For example, in the above code search for this:


In the above code fb is the keyword and is the targeted website or webpage. If we translated the above code it means that when you'll visit  it will take you to

You can add more short URLs as well, for example if you want to create a short link for you Pinterest profile then the above code will look like this:

3. After customizing the script as per your needs, press the "Save Template" button on the top of your screen.

We hope this tutorial has helped you in learning how to make your own URL shortener in Blogger. Let us know what are you thoughts in the comments below.

Post a comment


  1. Did you know that you can shorten your long links with AdFly and make $$$$ for every click on your shortened links.


Good day precious one, We love you more than anything.