Wiget này giúp người đọc dễ dàng cập nhật những bài viết gần đây trên blog của bạn, mình đã thử và đã thành công.
#Clip hướng dẫn
#Thêm HTML
1. Đăng nhập vào Blogger
2. > Mẫu > Tìm thẻ </body>
3. > Dán code dưới vào trên nó
4. > Thay YOUR URL HERE thành địa chỉ blog của bạn.
<b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <script type='text/javascript'> //<![CDATA[ $(document).ready(function () { var url_blog = 'YOUR URL HERE', //replace with your Domain numpostx = 10; //Posts want to display $.ajax({ url: '' + url_blog + '/feeds/posts/default?alt=json-in-script&max-results=' + numpostx + '', type: 'get', dataType: "jsonp", success: function(data) { var posturl, posttitle, skeleton = '', entry = data.feed.entry; if (entry !== undefined) { skeleton = "<ul>"; for (var i = 0; i < entry.length; i++) { for (var j=0; j < entry[i].link.length; j++) { if (entry[i].link[j].rel == "alternate") { posturl = entry[i].link[j].href; break; } } posttitle = entry[i].title.$t; skeleton += '<li><a href="' + posturl + '" target="_blank">' + posttitle + '</a></li>'; } skeleton += '</ul>'; $('#recentpostbreaking').html(skeleton); // kode untuk efek pada breaking news function tick(){ $('#recentpostbreaking li:first').slideUp( function () { $(this).appendTo($('#recentpostbreaking ul')).slideDown(); }); } setInterval(function(){ tick () }, 5000); } else { $('#recentpostbreaking').html('<span>No result!</span>'); } }, error: function() { $('#recentpostbreaking').html('<strong>Error Loading Feed!</strong>'); } }); }); //]]> </script> </b:if></b:if>
#Thêm Scrip
1. > Tìm thẻ </head>
2. > Dán code dưới vào trên nó
<b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <style type='text/css'> #beakingnews{width:980px;margin:0 auto;line-height:25px;height:25px;background:#F7F7F7;overflow:hidden;margin-top:5px;} #beakingnews .tulisbreaking{display:block;float:left;padding:0 7px;margin:0 5px 0 0;color:#FCFCFC;background:#5F0000} #recentpostbreaking{float:left} #recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0} </style> </b:if></b:if>3. > Save.
#Thêm Wiget
1. > Bố cục
2. > Thêm tiện ích > Thêm tiện ích > HTML/Javascrip
3. > Dán code dưới vào
4. > Save.2. > Thêm tiện ích > Thêm tiện ích > HTML/Javascrip
3. > Dán code dưới vào
<b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <div id='beakingnews'><span class='tulisbreaking'>Breaking News</span><!-- tag pembuka tempat Breaking News--> <div id='recentpostbreaking'>Loading...</div><!-- tag tempat daftar Breaking News ditampilkan--> </div><!-- tag penutup tempat Breaking News--> </b:if></b:if> <div style='clear: both;'/>
#Cập nhật
Khi thêm một wiget thì chúng ta nên thêm ở vị trí phía trên Bài viết ( dưới header) vì độ dài cần thiết cho Breaking news là khá lớn.
YOUR URL HERE là sao mình vẫn chưa hiểu lắm
ReplyDeleteLà URL blog của bạn đó
DeleteVí dụ như của mình: http://khanh98.blogspot.com
À cảm ơn ban nhiều nha
ReplyDeletebạn ơi mình làm rồi nhưng nó chỉ hiện breakingnews với loading... thôi à chứ không hiện bìa viết là sao
ReplyDeleteBạn để lại URL blog để mình xem thử
DeleteMà cũng có thể là do bạn nhập url sai, url đúng thì phải có http://
Nếu như bạn nhập mỗi khanh98.blogspot.com thì không được
Rất tuyệt bác Khánh ạ , cảm ơn bác rất nhiều .................
ReplyDeleteKhông có gì đâu bạn :ng
Deletee đang xài template Ares blogger template free version ,nhưng có mấy dòng chữ tiếng anh nó chạy kế Breaking News không phải của blogspot của e thì làm sao xóa nó đi r` thêm cái url của mk zo a??? Mong a giúp e với Tks
ReplyDeleteBạn phải để lại url blog của bạn thì mình mới giúp được chứ.
Deletehttp://thientnk.blogspot.com/
DeleteNó bình thường mà bạn
Deletehttp://datvanggiatot.blogspot.com/ mình không thể chèn tiện ích bài viết phổ biến được thì làm sao bạn
ReplyDeleteMình thấy trên blog của bạn có rồi mà
Deletehttp://thichhocit.blogspot.com/
ReplyDeletekhông dc ad ơi hixxx
Bạn phải để nguyên tiện ích ở đó thì mình mới kiểm tra được.
DeleteKhả năng là url blog bạn nhập sai nó phải có cả http:// ở đầu nữa
ad ơi e muốn nó chạy từ phải sang trái và có cả danh mục của bài viết phía trước như thế này thì làm kiểu gì ạ?
ReplyDeleteảnh ví dụ : http://i.imgur.com/PHwxPiS.png
Sửa lại cái đó mất thời gan lắm bạn ơi, bạn xem thử cái nay xem thế nào:
Deletehttp://aitiesnews.blogspot.com/2014/11/add-new-breaking-news-on-blogger.html
thaks nhé mình làm được rui http://pcgamesr.com
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDeleteThis comment has been removed by a blog administrator.
ReplyDelete