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 trên thẻ ]]></b:skin>form#shorturl {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.
color:#666;
font-size:19px;
}
#shorturl input {
color:#999;
padding:1px 5px;
font-size: 19px;
}
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 == "item"'><form id='shorturl'/>
<script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&login=bturls&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['longUrl'] = r;
break;}
document.getElementById("shorturl").innerHTML = "Chia sẻ bài viết: <input type='text' value='" + result['shortUrl'] + "' name='bitlyurl'/>";
}
BitlyClient.shorten(document.location, 'BitlyCB.myShortenCallback');
});
</script>
</b:if>
Bước 3: Lưu lại vad xem kết quả.
Lời kết
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 !
