Cara Membuat News Feeds Blog Berjalan

kenyih.com - Menampilkan news feeds blog atau judul artikel terbaru dari blog kita berjalan pada homepage kita maupun hanya di halaman posting saja, beberapa teman ada yang memasang dan ada pula yang memutuskan untuk tidak memasangnya di blog mereka dengan berbagai alasan.

Nah artikel kali ini saya khususkan untuk anda yang menginginkan feeds blog anda tampil berjalan pada blog anda. Dan tampilan pada tutorial kali ini yaitu berjalan cocok apabila dipasang di bawah headet,di atas header atau di footer blog.

NOTE : UPDATE 25 juli 2015
Untuk cara pembuatannya silahkan ikuti langkah-langkah di bawah ini :
1. Login ke blogger - Template - Edit HTML
2. Cari kode ]]></b:skin> kemudian salin kode di bawah ini tepat di atasnya

/* CSS Breaking News */ #breakingnews {margin:15px 0 0 0;margin-right:15px;height:42px;line-height:29px;width:100%;overflow:hidden;background:#1C1C1C;border:1px solid #e6e6e6;} #breakingnews .breakhead {position:absolute;background:none repeat scroll 0 0 #B40404;color:#fff;display:block;float:left;font-family:inherit;font-size:20px;font-weight:400;padding:6.5px 22px;} #adbreakingnews li a {font-family:inherit;font-size:18px;font-weight:500;color:#359bed;margin-top:4px;transition:all 0.5s ease-in-out;} #adbreakingnews li a:hover {color:#fff;} #adbreakingnews {float:left;margin-left:190px;margin-top:6px;} #adbreakingnews ul,#adbreakingnews li{list-style:none;margin:0;padding:0}

3. Lanjut cari kode </body> Tempatkan kode di bawah ini tepat diatas kode tadi

<script type='text/javascript'> //<![CDATA[ // Breaking News $(document).ready(function(){var e="http://www.kenyih.com",t=10;$.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. Peletakannya bisa di dalam template atau dengan menambahkan widget, untuk kode penempatannya salin kode di bawah ini

Untuk menampilkannya di Homepage dan di halaman posting

<div id='breakingnews'><span class='breakhead'><i class='fa fa-rss'/> News Feeds</span><div id='adbreakingnews'><i class='fa fa-spinner fa-pulse'/> Now Loading...</div></div>

Untuk menampilkannya hanya di halaman posting

<b:if cond='data:blog.pageType == "item"'> <div id='breakingnews'><span class='breakhead'><i class='fa fa-rss'/> News Feeds</span><div id='adbreakingnews'><i class='fa fa-spinner fa-pulse'/> Now Loading...</div></div></b:if>

Untuk menampilkannya Hanya di homepage

<b:if cond='data:blog.pageType != "item"'> <div id='breakingnews'><span class='breakhead'><i class='fa fa-rss'/> News Feeds</span><div id='adbreakingnews'><i class='fa fa-spinner fa-pulse'/> Now Loading...</div></div></b:if>

Ditulis Oleh : ARIF'S ~ Arif Wong Ndeso

Anda sedang membaca sebuah artikel yang berjudul