Author : UnknownTidak ada komentar
Cara Membuat Breaking News Pada Blogger |
Hello kawan-kawan dan adik-adik semua kali ini saya mau membahas atau share cara membuat Breaking News Pada Blogger Keren Widget ini mengetahui postingan visitor terbaru di post oleh Blogger yang di update oleh feel Blogger. kamu kawan-kawanku semua mari kita pelajari Bersama.
Cara Pertama Anda Masuk Blogger Kawan Buka DASHBOARD Atau Menu Pada Blgger Anda Semua Masukan Code CSS Di Template HTML Pastekan Sebelum ]]></b:skin> Atau <style>
CSS :
/* 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;}}
Lalu kawan-kawan Pastekan Code Di Bawah Sebelum Code </body>
Javascript:
<script type='text/javascript'>
//<![CDATA[
// Breaking News
$(document).ready(function(){var e="http://softwaresemuamu.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>
Catatan : Ganti Url http://softwaresemuamu.blogspot.com/ Dengan link Anda Kawan
Kemudian Pastekan Lagi Code Di Bawah ini Di Sekitar Code <body> atau </body>
HTML
<div id='breakingnews'><span class='breakhead'><i class='fa fa-rss'/></span>
<div id='adbreakingnews'>Loading...</div></div>
Jika Kawan-kawan Dan Adik-adik ingin menampilkan pada halaman pertama pada Blogger pastekan Code Di Bawah ini
HTML
<b:if cond='data:blog.pageType == "index"'>
<div id='breakingnews'><span class='breakhead'><i class='fa fa-rss'/></span>
<div id='adbreakingnews'>Loading...</div></div>
</b:if>
Jika Sudah Save Pada Template Anda Kawan
Sekian Untuk Pembahasan Cara Membuat Breaking News Pada Blogger keren
Jangan Lupa Share ke teman lain yang ingin membutuhkan yang sedang mencari tutorialnya semoga berguna dan bermanfaat untuk kita semua kujungi terus terbaru
Terima Kasih Atas kunjungan Anda Semua
Artikel Terkait
Posted On : Sabtu, 15 April 2017Time : 08.48