Các bạn muốn tạo một trang tin tức của riêng mình nhằm mục đích chia sẻ tin tức mới nhất cho người thân hoặc các người khác trên MXH . Bạn muốn những tin mới nhất ấy được hiển thị ra một cách đẹp hơn và đây là giải pháp.
- Sau đó chép và dán đoạn CSS bên dưới vào trên từ khóa vừa tìm nhé :
- Tiếp theo lại bấm Ctrl + F và tìm với từ khóa : - Sau đó chép và dán đoạn Javascript dưới đây vào bên trên từ khóa vừa tìm được :
Lưu ý : đổi dòng http://shouterways.com thành địa chỉ blog của bạn
Bắt đầu thủ thuật
- Đầu tiên các bạn hãy bấm Ctrl + F và tìm với từ khóa : ]]></b:skin>- Sau đó chép và dán đoạn CSS bên dưới vào trên từ khóa vừa tìm nhé :
#breakingnews {margin:15px 0 0 0;margin-right:15px;height:42px;line-height:29px;overflow:hidden;background:#fff;border:1px solid #e6e6e6;}
#breakingnews .breakhead {position:absolute;background:none repeat scroll 0 0 #363b40;color:#fff;display:block;float:left;font-family:inherit;font-size:16px;font-weight:400;text-transform:uppercase;padding:6.5px 22px;}
#adbreakingnews li a {font-family:inherit;font-weight:400;color:#666;margin-top:10px;transition:all 0.5s ease-in-out;}
#adbreakingnews li a:hover {color:#359bed;}
#adbreakingnews {float:left;margin-left:75px;margin-top:6px;}
#adbreakingnews ul,#adbreakingnews li{list-style:none;margin:0;padding:0}
@media only screen and (max-width:640px){
#breakingnews {margin:20px 0 0 0;margin-right:0;}
#breakingnews .breakhead {padding:6.5px 14px;}
#adbreakingnews {margin-left:50px;}}
- Tiếp theo lại bấm Ctrl + F và tìm với từ khóa : - Sau đó chép và dán đoạn Javascript dưới đây vào bên trên từ khóa vừa tìm được :
Lưu ý : đổi dòng http://shouterways.com thành địa chỉ blog của bạn
<script type="text/javascript">
//<![CDATA[
// Breaking News
$(document).ready(function(){var e="http://shouterways.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(){$("#adbreakingnews li:first").slideUp(function(){$(this).appendTo($("#adbreakingnews 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>
",$("#adbreakingnews").html(s),setInterval(function(){t()},5e3)}else $("#adbreakingnews").html("<span>No result!</span>")},error:function(){$("#adbreakingnews").html("<strong>Error Loading Feed!</strong>")}})});
//]]>
</script>
- Cuối cùng hãy dán đoạn code HTML dưới đây vào nơi muốn hiển thị tiện ích ://<![CDATA[
// Breaking News
$(document).ready(function(){var e="http://shouterways.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(){$("#adbreakingnews li:first").slideUp(function(){$(this).appendTo($("#adbreakingnews 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>
",$("#adbreakingnews").html(s),setInterval(function(){t()},5e3)}else $("#adbreakingnews").html("<span>No result!</span>")},error:function(){$("#adbreakingnews").html("<strong>Error Loading Feed!</strong>")}})});
//]]>
</script>
<div id="breakingnews">
<span class="breakhead"><i class="fa fa-rss"></i></span>
<div id="adbreakingnews">
Loading...</div>
</div>
<span class="breakhead"><i class="fa fa-rss"></i></span>
<div id="adbreakingnews">
Loading...</div>
</div>