Thư viện

Trải nghiệm

Thứ Sáu, tháng 12 05, 2014

[Tips] - Nút bài viết ngẫu nhiên/Random Post cho Blogspot Blogger V1

Hướng dẫn thủ thuật Nút bài viết ngẫu nhiên/Random Post cho Blogspot Blogger V1 tại Terocket!

Chia sẻ:
[Tips] - Nút bài viết ngẫu nhiên/Random Post cho Blogspot Blogger V1 là một chủ thuật blog rất thú vị, nâng cao trải nghiệm người dùng!

Hôm nay Terocket 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 [Tips] - Nút bài viết ngẫu nhiên/Random Post cho Blogspot Blogger V1 tại Terocket 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 [Tips] - Nút bài viết ngẫu nhiên/Random Post cho Blogspot Blogger V1, 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>
#abt-random{position:relative;color:rgba(255,255,255,1);text-decoration:none;background-color:rgba(219,87,5,1);font-family:'Yanone Kaffeesatz';font-weight:700;font-size:20px;display:block;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 9px 0 rgba(219,31,5,1), 0 9px 25px rgba(0,0,0,.7);-moz-box-shadow:0 9px 0 rgba(219,31,5,1), 0 9px 25px rgba(0,0,0,.7);box-shadow:0 9px 0 rgba(219,31,5,1), 0 9px 25px rgba(0,0,0,.7);margin-bottom:10px;margin-top:10px;width:160px;text-align:center;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease;padding:4px}
#abt-random:active{-webkit-box-shadow:0 3px 0 rgba(219,31,5,1), 0 3px 6px rgba(0,0,0,.9);-moz-box-shadow:0 3px 0 rgba(219,31,5,1), 0 3px 6px rgba(0,0,0,.9);box-shadow:0 3px 0 rgba(219,31,5,1), 0 3px 6px rgba(0,0,0,.9);position:relative;top:6px}
#abt-random a{color: #fff;}
</style>
<center><div id="abt-random"></div></center>
<script type="text/javascript">
function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'Random Post'; document.getElementById('abt-random').appendChild(a); } </script><script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky">
</script>

Ok, vậy là đã xong thủ thuật blog [Tips] - Nút bài viết ngẫu nhiên/Random Post cho Blogspot Blogger V1 này rồi. Chúc các bạn thành công nhé!

Tìm hiểu một số thủ thuật blog khác liên quan đến bài viết ngẫu nhiên/Random Post tại Terocket

  1. Bài viết ngẫu nhiên nhiều màu sắc cho blogspot
  2. Bài viết ngẫu nhiên dạng thumbnail đẹp cho blogger
  3. Widget bài viết ngẫu nhiên dạng list từ 1 nhãn nhất định
  4. Bài viết ngẫu nhiên có ảnh thmbnail cho blogspot
  5. Kwick jQuey cho tiện ích Random posts
  6. Bài viết ngẫu nhiên tốc độ cao cho Blogger kèm ảnh thumbnail

Trứng Vịt - Terocket

3 nhận xét:

  1. Một dạng khác of random posts widget, cũng hay.

    Trả lờiXóa
  2. Bài Viết Ngẫu Nhiên Có Ảnh, Trích Dẫn, Ngày Đăng Và Nhận Xét
    http://vnminhtriet.blogspot.com/2015/03/bai-viet-ngau-nhien-co-anh-trich-dan.html

    Trả lờiXóa
  3. SEVIM là một Blogger Template đẹp thích hợp cho website tin tức. Giao diện được thiết kế sáng sủa, bố cục rõ ràng. Bạn hoàn toàn có thể yên tâm vì chúng tôi Hỗ trợ cài đặt Online Qua Teamview, Bảo hành vĩnh viễn và Thiết kế theo yêu cầu của bạn.

    DEMO: http://vn-sevim.blogspot.com/

    ĐẶC TÍNH

    - Dropdown Menu
    - Footer Đẹp
    - Fast Loading
    - SEO Thân Thiện
    - Sitemap Rõ Ràng
    - Tích Hợp Khung Tác Giả
    - Bài Viết Liên Quan Và Bài Viết Khác
    - Social Sharing
    - Tích Hợp Facebook Comments Và Emoticon Comments
    - Tương Thích Mọi Trình Duyệt

    THÔNG TIN LIÊN HỆ VÀ GIÁ BÁN


    - Giá Bán: 200.000 VND
    - Điện Thoại: 0974603393
    - Chuyển Khoản Paypal: vnminhtriet@gmail.com
    - Ngân Lượng: vnminhtriet@gmail.com
    - Bảo Kim: vnminhtriet@gmail.com


    - Ngân Hàng: Vietcombank, Chi Nhánh Cần Thơ
    - Tên Chủ Thẻ: Đỗ Minh Triết
    - Số Tài Khoản: 0111000181164

    Trả lờiXóa