[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