Code tạo HOT NEW chạy trong blogspot

VIEW:

BÀI LIÊN QUAN

Mình chia sẻ cho các bạn code Hot New( tin mới) cho blog đẹp nhất. Chạy liên tục trong blog để cung cấp cho người đọc tin tức mới nhất của blog của bạn.

Bước 1: Các bạn vào trang chủ BLOG , vào chế độ chỉnh sửa HTML, tìm tới thẻ đóng ]]></b:skin> chèn đoạn code phía dưới vào phía trên thẻ ]]></b:skin>

thangbme.com

#bd-breakingnews{margin:15px 0 0 0;margin-right:15px;height:42px;
line-height:29px;overflow:hidden;
background:#fff;border:1px solid #8ED557;}
#bd-breakingnews .head-breaking {position:absolute;background:none repeat scroll 0 0 #8ED557;
color:#fff;display:block;float:left;font-family:inherit;font-size:16px;font-weight:420;
text-transform:uppercase;padding:6.5px 22px;}
#breaking-bsd-news li a {font-family:inherit;font-weight:420;color:#666;
margin-top:10px;transition:all 0.5s ease-in-out;}
#breaking-bsd-news li a:hover {color:#63953D;}
#breaking-bsd-news {float:left;margin-left:75px;margin-top:6px;}
#breaking-bsd-news ul,#breaking-bsd-news li{list-style:none;margin:0;padding:0}
@media only screen and (max-width:640px){
#bd-breakingnews {margin:20px 0 0 0;margin-right:0;}
#bd-breakingnews .head-breaking {padding:6.5px 14px;}
#breaking-bsd-news {margin-left:50px;}}

Chú ý: Để tới bước tiếp theo bạn cần đặt code hot new ở vị trí trên main, ngay dưới thanh menu là vị trí đẹp nhất 

Nếu không có sẵn ô thêm tiện ích tại vị trí đó các bạn có thể tìm tới đoạn code này, hoặc tương tự như vậy.

thangbme.com

<b:section class='main' id='main' maxwidgets='3' showaddelement='yes'>

>> Sau đó chèn đoạn code sau, vào trên đoạn code vừa tìm được:

thangbme.com

<b:section class='tabbertab' id='topviet247.tk' maxwidgets='1'/>  

Bước 2: Chèn đoạn code dưới đấy, trên thẻ đóng </body>

thangbme.com

<!--new-->
<script type='text/javascript'>
//<![CDATA[
// Breaking News Widget By www.Bloggersstand.com
$(document).ready(function(){var e="http://topviet247.blogspot.com/",
t=20;$.ajax({url:""+e+"/feeds/posts/default?alt=json-in-script&
max-results="+t,type:"get",dataType:"jsonp",
success:function(e){function t(){$("#breaking-bsd-news li:first")
.slideUp(function(){$(this).appendTo($("#breaking-bsd-news ul"))
.slideDown()})}var n,r,s="",a=e.feed.entry;if(void 0!==a){s="<ul>";
for(var l=0;l<a.length;l++){for(var o=0;o<a[l].link.length;o++)
if("alternate"==a[l].link[o].rel){n=a[l].link[o].href;break}r=a[l].title.$t,s+='<li><
a href="'+n+'" target="_blank">'+r+"</a></li>"}s+="</ul>
",$("#breaking-bsd-news").html(s),setInterval(function(){t()},5e3)}else $("#breaking-bsd-news")
.html("<span>No result!</span>")},error:function(){$("#breaking-bsd-news")
.html("<strong>Error Loading Feed!</strong>")}})});
//]]>
</script>

Chú ý: thay tên  topviet247.blogspot.com  thành tên blog của bạn

Bước 3: Vào Bố cục, vào Mẫu, chọn thêm tiện ích HTML/Javascrip chèn đoạn code phia dưới vào đó.

thangbme.com

<div id='bd-breakingnews'><span class='head-breaking'><
i class='fa fa-bullhorn fa-fw'/></i></span>
<div id='breaking-bsd-news'>Loading..</div>
<ul class='shsocial'>
<li class='fb'>
<a href='http://www.facebook.com/' target='_blank' title='facebook'>
</a></li>
<li class='gp'>
<a href='https://plus.google.com/' target='_blank' title='googleplus'>
</a></li>
<li class='tw'>
<a href='http://twitter.com/' target='_blank' title='twitter'>
</a></li>
<li class='rs'>
<a href='http://feeds.feedburner.com/' target='_blank' title='rss'>
</a></li>
</ul>
</div>

Chú ý: thay tên  màu đỏ thành tên blog của bạn

   Chúc các bạn thành công, nếu có thắc mắc gì hãy để lại comment cho mình, nếu thấy hay hãy like và share cho bạn bè.