Nút Bài Viết Ngẫu Nhiên/Random Post Cho Blogspot Blogger - Loại 2

Bài trước mình hướng dẫn Random Post theo dạng danh sách Tại Đây. Hôm nay mình sẽ hướng dẫn cũng Random Post mà sẽ tạo bang "Nút" khi click vào sẽ vào một bài viết bát kỳ trong blog. 

Nút bài viết ngẫu nhiên/Random Post cho Blogspot Blogger 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 Phước An Blog 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 tại Phước An Blog 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 Blogger, 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><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  Nút bài viết ngẫu nhiên/Random Post cho Blogspot Blogger này rồi. Chúc các bạn thành công nhé!