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. 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://rakhma-tkj2.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://rakhma-tkj2.blogspot.com/ dengan url blog kalian

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

Tweet

Sign up here with your email address to receive updates from this blog in your inbox.

KLIK

DONASI VIA PAYPAL

KLIK

DONASI VIA E-wallet Bantu berikan donasi jika dirasa blog ini bermanfaat. Donasi akan digunakan untuk perkembangan blog saya. Saya rencana membeli domain untuk situs ini. Terima kasih :)