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

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.
Share this article :
+
Apakah Anda menyukai postingan ini? Silahkan share dengan klik di sini
author-photo Agung Rianto

Saya hanyalah orang biasa yang menyukai blogging dan mencoba berbagi pengalaman dengan yang lain tentang blogging dan SEO. Semoga bisa bermanfaat.

Follow me on: Facebook | Twitter | Google+
×
Previous
Next Post »
Show Facebook Comments

Peraturan Berkomentar :
1. Dilarang menggunakan kata kata kasar,
2. Dilarang Berkomentar Out of Topic (Diluar dari Pembahasan),
3. Dilarang berkomentar yang mengandung unsur Pornografi dan SARA,
4. Dilarang berkomentar menggunakan link aktif. Out Of Topic Show EmoticonHide Emoticon

Terima kasih sudah berkomentar
Copyright © 2013. Agung Rianto Blog - All Rights Reserved | Template Created by Kompi Ajaib Proudly powered by Blogger