Dự án thiết kế website doanh nghiệp 13

Hôm nay Star Tuấn sẽ hướng dẫn các bạn cách làm một thủ thuật đến Bài viết ngẫu nhiên/Random Post cho Blogspot. Đây là thủ thuật blog cực kỳ thú vị và mang đến nhiều trải nghiệm cho người dùng, giúp tăng lượt xem và tính tương tác của người dùng trên website. Cùng xem thủ thuật Nút bài viết ngẫu nhiên/Random Post cho Blogspot Blogger nào!

 Live Demo

Với thủ thuật blog này, khi người dùng vào website, nếu họ không biết xem nội dung gì...thì nút này rất có ích với họ. Nó giống như trò chơi xổ số vậy! Rất thú vị và tăng tính tương tác cho người dùng.

Để thực hiện thủ thuật này Nút bài viết ngẫu nhiên/Random Post cho Blogspot, các bạn chỉ cần làm theo các bước sau đây.

Chèn đoạn mã code sau vào HTML của website hoặc một Widget HTML/Javascript

Đầu tiên các bạn vào Blog Title → Layout → Add Widget → HTML/JavaScript. Và copy đoạn mã code sau đây vào và Save As hay Lưu lại nhé!

<style scoped="" type="text/css">
    #st-random a {
        display: block;
        text-align: center;
        border: 1px solid #202020;
        line-height: 50px;
        font-size: 150%;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        text-decoration: none;
        background-color: #2e2e2e;
        color: #FFF;
        -moz-box-shadow: 0 1px 2px #000, inset 0 1px 100px #202020;
        -webkit-box-shadow: 0 1px 2px #000, inset 0 1px 100px #202020;
        box-shadow: 0 1px 2px #000, inset 0 1px 100px #202020
    }

    #st-random a:hover {
        background-color: #007abe
    }
</style>
<div id="st-random"></div>
<script type="text/javascript">
    /*<![CDATA[*/
    function showLucky(c) {
        var f = c.feed;
        var b = f.entry || [];
        var e = f.entry[0];
        for (var d = 0; d < e.link.length; ++d) {
            if (e.link[d].rel == "alternate") {
                window.location = e.link[d].href
            }
        }
    }

    function fetchLuck(b) {
        script = document.createElement("script");
        script.src = "/feeds/posts/summary?start-index=" + b + "&max-results=1&alt=json-in-script&callback=showLucky";
        script.type = "text/javascript";
        document.getElementsByTagName("head")[0].appendChild(script)
    }

    function feelingLucky(c) {
        var e = c.feed;
        var d = parseInt(e.openSearch$totalResults.$t, 10);
        var b = Math.floor(Math.random() * d);
        b++;
        a = document.createElement("a");
        a.href = "#random";
        a.rel = b;
        a.onclick = function() {
            fetchLuck(this.rel)
        };
        a.innerHTML = "Bài ngẫu nhiên";
        document.getElementById("st-random").appendChild(a)
    }; /*]]>*/
</script>
<script src="/feeds/posts/summary?max-results=0&amp;alt=json-in-script&amp;callback=feelingLucky"></script>

Ok, vậy là đã xong. Chúc các bạn thành công nhé!

Nguồn: Terocket

 MỌI THÔNG TIN VUI LÒNG LIÊN HỆ NGAY VỚI CHÚNG TÔI :   

TRUNG TÂM NGHIÊN CỨU PHÁT TRIỂN CÔNG NGHỆ THẾ KỶ   

Phụ trách thiết kế : Mr.Mika 

Call me : 0926.340.479 - 0927.927.000 - Email :  Lienhe365@gmail.com 

Phụ trách kỹ thuật và kinh doanh : Mr. Sơn

Call me : 0919.083.000 - 0927.927.000   Email :   Setup247@Gmail.Com 
Hỗ trợ ZALO 24/24 :   Nhập số 0927.927.000 và zalo kết bạn và liên hệ nhé!