In our previous tutorials, we have already showed you how to create short URLs for your Blogger blog Using Google Shortener . However, sometime people like things to be accurate and done with automation.

is a fair enough popular URL shortening service that automatically provides you a short URL of your post. This not only helps you to save your precious time, but also displays the short URLs at the bottom of your posts, so that visitors can easily share them too. In this article, we will show you How to Auto Generate Short URLs of Your Posts in Blogger with ?

It is an online service that provides you short URLs of your posts so that you can share them with your friends, family, and on the web. This service is fairly popular on microblogging site twitter because it is the default shortening service since May, 2009.

The shorten links created with this service are permanent and somewhat look like this http:///6wgJO.
The First thing you will be doing is to login into your Blogger Dashboard. Now After logging in, go to your blog >> Template >> Edit HTML >> and search for the ]]></b:skin> tag. Once you find it, just above it paste the following CSS code.

#shorturl {
float: left;
background: #F8F8F8;
padding-bottom: 10px;
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
padding-top: 10px;
width: 650px;
}
#shorternh2 {
float: left;
padding-left: 20px;
padding-right: 10px;
}
.textinpo {
float: left;
font-family: "verdana",helvetica,Tahoma,Arial,sans-serif;
font-size: 12px;
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
background: #fff;
width: 215px;
padding: 0px!important;
padding-left: 10px!important;
height: 20px!important;
margin: -4px!important;
}

Now after pasting the style sheet coding into your template, it is time to move ahead, and get things a bit more serious. Again in the template, search for <div class='post-footer'> and just above it paste the following JavaScript coding which would generate the shorten URLs and display them at the end of your posts.

<!-- Short URLs Script by MBL -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='shoternUrl'>
<form id='shorturl'/>
<!-- short url widget script start -->
<script charset='utf-8' src='http:///javascript-api.js?version=latest&amp;login=unbfacts&amp;apiKey=R_cb436480530becb8bb6e628aa34520f2' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
BitlyClient.addPageLoadEvent(function(){
BitlyCB.myShortenCallback = function(data) {
// this is how to get a result of shortening a single url
var result;
for (var r in data.results) {
result = data.results[r];
result[&#39;longUrl&#39;] = r;
break;
}
document.getElementById(&quot;shorturl&quot.innerHTML = &quot;<div id='shorternh2'>Surprise your friend with this fact! Share this link in your Status!</div> &lt;input type=&#39;text&#39; class=&#39;textinpo&#39; value=&#39;&quot; + result[&#39;shortUrl&#39;] + &quot;&#39; name=&#39;bitlyurl&#39;/&gt;&quot;;}
BitlyClient.shorten(document.location, &#39;BitlyCB.myShortenCallback&#39;
});
</script></div>
</b:if>
<!-- Short URLs Script by MBL -->

Congratulations: Once everything is down, simply press the “Save” button and automatic shorten URL script is ready, and good to be live on your website. Now go and check your website to see the Automatically Generate Short URLs of Your Posts in Blogger.

We hope this article has helped you to learn How to Auto Generate Short URLs of Your Posts in Blogger with . What are your thoughts about this automatic script, which we have brought for all guys out there? Which URL shortening service you are using? If anyone has any problem while applying this tutorial then, do not hesitate to leave a comment below.

OK

Quite ambiguous.. i actually admire those that are very good in these ICT stuffs

Good

Ok

Nice

Ok

CSS and Javascript

nice one

Tiny URL dot com?

Who blogging don epp aside Linda Ikeji & Bella Naija?

Cool

Tanks, have been looking for this a long time. God bless u.

why don't you use the [code][/code] tag when inputting codes?

CSS Cascading Style Sheet. Oh Yes!

Billiondoe:
CSS Cascading Style Sheet. Oh Yes!

I LOVE This GIrl pls let's be pals Sadiq from KD

Noted

Zoharariel:
Who blogging don epp aside Linda Ikeji & Bella Naija?

even then not all their wealth came from blogging

Obaofnaija:
You can Learn how to improve your SEARCH ENGINE S.E.O blogger/Wordpress HERE ON [url]NAIJABAZELINE.COM[/url] Its fast and easy

Walex good morning sir

Some texts are missing jare.

The shorten links created with this service are permanent and somewhat look like this http:///6wgJO

<script charset='utf-8' src='http:///javascript-api.js?version=latest&amp;login=unbfacts&amp;apiKey=R_cb436480530becb8bb6' type='text/javascript'/>

Proffdada:
even then not all their wealth came from blogging

we know it came from you.

Nice sha

Good

Noted!

Ok

To shorten URL, this is a long approach.... if you are on telegram, i can share a multipurpose bot with you of which one of its functionalities is to shorten URLs.... check mine out.
a very easy and short method



http://bit. ly/290Ll64......nairaland is blocking it