Cara Memasang Widget Breaking News di Blogger

Cara Memasang widget Breaking News,- Setelah sebelumnya saya sudah memposting mengenai Cara Redirect Page Not Found ke situs pilihan anda, kali ini saya akan memposting mengenai bagaimana cara memasang widget breaking news di blogger anda. Berikut langkah-langkah mengenai memasang widget breaking news di blog anda.

Cara Memasang widget Breaking News

Berikut tutorial Cara Memasang widget Breaking News :

1. Login ke Blogger,

2. Buka menu template, lalu klik edit html,

2. Lalu cari kode ]]></b:skin> atau </style>, lalu masukkan kode dibawah ini sebelum kode tersebut.

/* 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. Setelah itu tambah kode berikut diatas kode </body>

<script type='text/javascript'>//<![CDATA[// Breaking News$(document).ready(function(){var e="LINK BLOG ANDA",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>

dan juga berikut

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

Itulah postingan saya yang berjudul Cara Memasang widget Breaking News, nantikan postingan selanjutnya hanya di Agung Rianto Blog.

Bagikan Artikel ini