Config NetLoop VPN Android work 30 Maret 2016

Di artikel sebelumnya saya sudah membagikan config HTTP INJECTOR Unlock SSH untuk ISAT, jika belum download, ikuti link berikut ini http://...

Cara Membuat News Feeds Blog Berjalan

19:21:00
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.
Cara Membuat News Feeds Blog Berjalan

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

Cara Membuat News Feeds Blog Berjalan

URL : http://news.arifwongndeso.web.id/2011/05/cara-membuat-news-feeds-blog-berjalan.html

Semoga artikel tersebut bermanfaat untuk anda, Mohon maaf apabila konten yang anda baca rusak atau salah dalam penulisan. Jika ada pertanyaan, kritik, dan saran yang ingin di sampaikan silahkan tulis di kotak komentar

:: Terima Kasih, TTD: Arif Wong Ndeso ::

Artikel Terkait

Previous
Next Post »
Rekomendasi Untuk Anda close button minimize button maximize button

3 comments

Write comments
ismanpunggul
AUTHOR
21 August 2011 at 14:23 delete

Sudah kucoba di blogku Mas. Tapi membuatku kurang nyaman. Ya kuhapus lagi, makasih telah berbagi tips.

Reply
avatar
ARMAN BLOG
AUTHOR
7 January 2012 at 16:12 delete

nice share, tp ada tampilannya yg lain ga sob??

Reply
avatar
saputra
AUTHOR
30 January 2012 at 17:18 delete

ko ane ga bisa gan...?

Reply
avatar

Maaf untuk komentar saya aktifkan moderasi, ini untuk menghindari komentar spam yg tidak berhubungan dengan artikel yag di komentari. EmoticonEmoticon