Code lấy random post cho blogger để hiện tiêu đề và nội dung

 Hướng dẫn tạo random post cho trang chờ blogger. Trang chờ là trang chờ đợi một chút trước khi chuyển tới trang đích bên ngoài blog.

Bước 1:Thêm thẻ div cho thành phần random post

 <div id="random-post" style="text-align: left;"></div>

Thêm lệnh trên vào bất kì nơi muốn hiển thị trong trang chờ ...

Random post có thể áp dụng cho trang chờ đã được hướng dẫn ở Post này: https://moinhat123.blogspot.com/2021/04/huong-dan-tao-trang-tai-cho-tat-ca-link.html

Bước 2: thêm javascript để lấy random post bằng blogger API

Đặt các hàm sau vào trong thẻ <script> nhé

function getRandomPost() {

              var blogID = 'BLOGID'; 

//lấy ở phần url blog sau khi đăng nhập https://draft.blogger.com/u/3/blog/posts/BLOGID

              var apiKey = 'API KEY';

//Lấy khóa API từ link sau: 

https://developers.google.com/blogger/docs/3.0/using?hl=vi

              var url = 'https://www.googleapis.com/blogger/v3/blogs/' + blogID + '/posts?key=' + apiKey;

              fetch(url)

                .then(response => response.json())

                .then(data => {

                  var posts = data.items;

                  var randomPost = posts[Math.floor(Math.random() * posts.length)];

                  var postLink = randomPost.url;

                  var postTitle = randomPost.title;

                  var postContent = randomPost.content;

                  var postLinkElement = document.createElement("a");

                postLinkElement.style.fontWeight = 'bold'; // Đặt độ đậm cho tiêu đề

                postLinkElement.style.fontSize = '24px';

                  postLinkElement.href = postLink;

                  postLinkElement.textContent = postTitle;

                  var postContentElement = document.createElement("div");

                  postContentElement.innerHTML = postContent;

                  document.getElementById("random-post").appendChild(postLinkElement);

                  document.getElementById("random-post").appendChild(postContentElement);

                })

                .catch(error => console.error('Error:', error));

            }

            getRandomPost();

Đây là ví dụ: https://moinhat123.blogspot.com/p/link.html