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 CSS sau vào dưới thẻ <style> của HTML blogger:
form#shorturl {
color:#666;
font-size:19px;
}
#shorturl input {
color:#999;
padding:1px 5px;
font-size: 19px;
}
CSS trên khá đơn giản. Các bạn có thể tùy biến thêm để phù hợp với blog.

Bước 2: Chèn đoạn code sau vào phía dưới code bài viết của HTML blogger. Các bạn có thể chèn dưới đoạn <data:post.body/> (có nhiều đoạn, chèn lúc nào hiện thì thôi nhé)
<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>

Bước 3: Lưu chủ đề và hưởng thụ.
Một liên kết rút gọn sẽ giúp độc giả dễ dàng copy link cũng như chia sẻ lên các trang mạng xã hội với mọi người. Và đây cũng là giải pháp cho blog của bạn khi trong năm sau (30 tháng 3 năm 2019) thì Goo.gl ngừng cung cấp dịch vụ rút gọn link.
Chúc các bạn thành công !

Bình luận

  1. Mới thấy bên BFG cái xong bay qua coi luôn :v post chuyên nghiệp quá :v

    Trả lờiXóa
  2. rất hay, a đã áp dụng cho blog a rồi nhé!

    Trả lờiXóa
  3. Có thể cho mình liên kết được không v bạn
    link lebalongit.tk
    Tên Lê Bá Long IT

    Trả lờiXóa

XEM NHIỀU TRONG TUẦN

Bạn có thể quan tâm