Tạo link chia sẻ bài viết rút gọn (bit.ly) ở cuối bài viết cho blogspot/website

Một bài viết khi được mọi người chia sẻ thường có đường link rất dài, và blogspot cũng thế. Các web/blog khi share bài thường phải làm theo cách thủ công là vào các web Shortlink (bit.ly, goo.gl, ouo.io...) để lấy link rút gọn rồi mới share. Làm như vậy thì quá mất thời gian phải không nào. Vậy làm sao để giải quyết được việc đó? Bài viết hôm nay sẽ giúp bạn tạo shortlink Bit.ly ngay tại bài viết mà không cần phải vào tận trang web short link.

Các bước thực hiện:
Bước 1: Chèn đoạn CSS dưới đây vào phía trên thẻ ]]></b:skin>

form#shorturl {
color:#666;
font-size:19px;
}
#shorturl input {
color:#999;
padding:1px 5px;
font-size: 19px;
}

 Bước 2: Chèn đoạn script sau vào cuối bài viết

<b:if cond='data:blog.pageType == &quot;item&quot;'><form id='shorturl'/>
<script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=bturls&amp;apiKey=R_37db93397f2c5d6b49a0f3d778d2e142' 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;Chia sẻ bài viết: &lt;input type=&#39;text&#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>
</b:if>

Vậy là xong, rất đơn giản phải không nào ! Hi vọng với bài viết này sẽ giúp liên kết bài viết của website bạn gọn gàng hơn
Chúc các bạn thành công !

#Blogspot #Website