Cara Memasang Breaking News Terbaru Di Blog

Memasang Breaking News Terbaru Di Blog - Pada kesempatan kali ini saya akan memberikan sedikit tutorial bagaimana Cara Memasang Breaking News Di Blog. Setelah pada  artikel sebelum nya saya sudah membahas bagaimana Menambahkan 2 Element Kolom Gadget Di Bawah Postingan, Dan kali ini sayang akan membahas tutorial memasang breaking news, Oke langsung saja ke tutorial nya.

1. Yang pertama harus kalian lakukan adalah login terlebih dahulu ke Blog kalian, Lalu masuk kebagian template dan klik Edit HTML

2. Setelah itu, Cari kode ]]></b:skin> setelah ketemu, Masukan kode dibawah ini tepat di atas kode ]]></b:skin>

/* CSS Breaking News */
#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;}}

3. Lalu cari kode </body> dan masukan kode berikut di atas kode </body>

<script type='text/javascript'>
//<![CDATA[
// Breaking News
$(document).ready(function(){var e="http://djonespg.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(){$("#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>

4. Kemudian letakan kode dibawah ini, diatas kode </body> dan Save template

<div id='breakingnews'><span class='breakhead'><i class='fa fa-rss'/></span>
<div id='adbreakingnews'>Loading...</div></div>

 Catatan ganti http://djonespg.blogspot.com/ dengan url blog kalian

Sekian tutorial dari saya tentang Cara Memasang Breaking News Terbaru Di Blog, Semoga bermanfaat