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

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

Tạo link bài viết rút gọn (bit.ly) ở cuối bài viết cho blogspot/website đơn giản.

    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.

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

    Các bước thực hiện

    Bước 1: Chèn CSS sau vào trên thẻ ]]></b:skin>
    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 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 !
    Nội dung chính