Cara Membut Headline News

Selamat mayem sobat semua yang sempet mamfir di blog butut ini ,  mudah - mudahan lagi pada sehat ...amiiin..
dan pa postingan kali ini aye ingin berbagi [ buat yang belum tahu ]  panduan tentang Cara Membut Headline News atau Breaking news...

Ga panjang lebar ah keburu ada temen ngajak jojing , Langsung saja kita ke TKP

1. Login ke akun Blognya
2. Pilih Template [ back up template untuk berjaga-jaga]
3. lalu klik  Edit Html   ( Template )
4.Cari Code ]]></b::skin> untuk memudahkan pencarian tekan Ctrl + F
5. letakan code di bawah ini tepat di atas code ]]></b:skin>

.headline-wrapper{background: #557 <span style="color: blue;">url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHl5xqm0RBxSR5Ngk7Ub1yjEkRE_JXNxOtqhchGgAEaTWeN9UaD5a8N6l2KqvqpocFHwVcqYdiKIZTZgj0dCm7uwwLBGmpz2YyTRwQiFjyTbiZHB5931cqF_LtKSJhPR5iotkPp1wT5v8/s1600/BRK+NW.png) no-repeat top left</span>;border-bottom:0 solid #444;width:<span style="color: lime;">910px</span>;height:30px;}<br />.headline{width:<span style="color: lime;">910px</span>;line-height:1.4em;text-align:left;font-family:Arial;font-size:12px;color:#fff;overflow:hidden;clear:both;margin:0 auto;padding:0 auto}<br />.headline a:hover{color:#eace12;text-decoration:underline}
Cttn : Yang berwarna biru bisa diganti ,jika ingin gambar lain dengan size gmbr yang sama / bisa juga di hapus jika ga mau pakai gambar
Yang warna hijau ganti dengan ukuran lebar template nya

6. Jika Sudah Copas lagi code dibawah dan letakan tepat di atas code .

<script src='http://www.google.com/jsapi?key=ABQIAAAAUMsU2d40bO1-m8DeADFRexTdcQS31_Y0TkToW9tE1XWPEnv6YBSa1QfZaAr4GJ8-AZkWddpnW9Y0hA'/><script type='text/javascript'>//<![CDATA[ var gfeedfetcher_loading_image="indicator.gif";google.load("feeds","1");function gfeedfetcher(c,a,b){this.linktarget=b||"";this.feedlabels=[];this.feedurls=[];this.feeds=[];this.feedsfetched=0;this.feedlimit=5;this.showoptions="";this.sortstring="date";document.write('<div id="'+c+'" class="'+a+'"></div>');this.feedcontainer=document.getElementById(c);this.itemcontainer=" <li>"}gfeedfetcher.prototype.addFeed=function(b,a){this.feedlabels[this.feedlabels.length]=b;this.feedurls[this.feedurls.length]=a};gfeedfetcher.prototype.filterfeed=function(b,a){this.feedlimit=b;if(typeof a!="undefined"){this.sortstring=a}};gfeedfetcher.prototype.displayoptions=function(a){this.showoptions=a};gfeedfetcher.prototype.setentrycontainer=function(a){this.itemcontainer="<"+a.toLowerCase()+">"};gfeedfetcher.prototype.init=function(){this.feedsfetched=0;this.feeds=[];this.feedcontainer.innerHTML='<img src="'+gfeedfetcher_loading_image+'" /> Loading news...';var a=this;for(var b=0;b<this.feedurls.length;b++){var c=new google.feeds.Feed(this.feedurls[b]);var d=(this.feedlimit<=this.feedurls.length)?1:Math.floor(this.feedlimit/this.feedurls.length);if(this.feedlimit%this.feedurls.length>0&&this.feedlimit>this.feedurls.length&&b==this.feedurls.length-1){d+=(this.feedlimit%this.feedurls.length)}c.setNumEntries(d);c.load(function(e){return function(f){a._fetch_data_as_array(f,e)}}(this.feedlabels[b]))}};gfeedfetcher._formatdate=function(a,c){var d=new Date(a);var b=(c.indexOf("datetime")!=-1)?d.toLocaleString():(c.indexOf("date")!=-1)?d.toLocaleDateString():(c.indexOf("time")!=-1)?d.toLocaleTimeString():"";return"<span class='datefield'>"+b+"</span>"};gfeedfetcher._sortarray=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(function(e,d){var g=e[b].toLowerCase();var f=d[b].toLowerCase();return(g<f)?-1:(g>f)?1:0})}else{try{a.sort(function(e,d){return new Date(d.publishedDate)-new Date(e.publishedDate)})}catch(c){}}};gfeedfetcher.prototype._fetch_data_as_array=function(b,a){var d=(!b.error)?b.feed.entries:"";if(d==""){alert("Google Feed API Error: "+b.error.message)}for(var c=0;c<d.length;c++){b.feed.entries[c].ddlabel=a}this.feeds=this.feeds.concat(d);this._signaldownloadcomplete()};gfeedfetcher.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._displayresult(this.feeds)}};gfeedfetcher.prototype._displayresult=function(a){var e=(this.itemcontainer==" <li>")?"<ul>\n":"";gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c<a.length;c++){var d='<a href="'+a[c].link+'" target="'+this.linktarget+'" class="titlefield">'+a[c].title+"</a>";var b=/label/i.test(this.showoptions)?'<span class="labelfield">['+this.feeds[c].ddlabel+"]</span>":" ";var g=gfeedfetcher._formatdate(a[c].publishedDate,this.showoptions);var f=/description/i.test(this.showoptions)?" "+a[c].content:/snippet/i.test(this.showoptions)?" "+a[c].contentSnippet:"";e+=this.itemcontainer+d+" "+b+" "+g+"\n"+f+this.itemcontainer.replace("<","</")+"\n\n"}e+=(this.itemcontainer==" <li>")?"</ul>":"";this.feedcontainer.innerHTML=e}; var gfeedfetcher_loading_image="indicator.gif";function gfeedrssticker(d,b,a,c){this.tickerid=d;this.delay=parseInt(a);this.mouseoverBol=0;this.itemsperpage=1;this.messagepointer=0;gfeedfetcher.call(this,d,b,c);this.itemcontainer="<div>";this.tickerdiv=document.getElementById(d)}gfeedrssticker.prototype=new gfeedfetcher;gfeedrssticker.prototype.constructor=gfeedrssticker;gfeedrssticker.prototype._displayresult=null;gfeedrssticker.prototype.entries_per_page=function(a){this.itemsperpage=a};gfeedrssticker.prototype._signaldownloadcomplete=function(){this.feedsfetched+=1;if(this.feedsfetched==this.feedurls.length){this._initscroller(this.feeds)}};gfeedrssticker.prototype._initscroller=function(a){var c=this;gfeedfetcher._sortarray(a,this.sortstring);this.itemsperpage=(this.itemsperpage>=a.length)?1:this.itemsperpage;var b=a.slice(this.messagepointer,this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(b,this.showoptions,this.itemcontainer,this.linktarget);this.tickerdiv.onmouseover=function(){c.mouseoverBol=1};this.tickerdiv.onmouseout=function(){c.mouseoverBol=0};this.messagepointer=this.itemsperpage;if(window.attachEvent){window.attachEvent("onunload",function(){c.tickerdiv.onmouseover=c.tickerdiv.onmouseout=null})}setTimeout(function(){c._rotatemessage()},this.delay)};function formatrssmessage(d,b,f,g){var c=(f==" <li>")?"<ul>\n":"";for(var e=0;e<d.length;e++){var h='<a href="'+d[e].link+'" target="'+g+'" class="titlefield">'+d[e].title+"</a>";var j=/label/i.test(b)?'<span class="labelfield">['+d[e].ddlabel+"]</span>":" ";var k=gfeedfetcher._formatdate(d[e].publishedDate,b);var a=/description/i.test(b)?" "+d[e].content:/snippet/i.test(b)?" "+d[e].contentSnippet:"";c+=f+h+" "+j+" "+k+"\n"+a+f.replace("<","</")+"\n\n"}c+=(f==" <li>")?"</ul>\n":"";return c}gfeedrssticker.prototype._rotatemessage=function(){var b=this;if(this.mouseoverBol==1){setTimeout(function(){b._rotatemessage()},100)}else{var a=this.feeds.slice(this.messagepointer,this.messagepointer+this.itemsperpage);this.tickerdiv.innerHTML=formatrssmessage(a,this.showoptions,this.itemcontainer,this.linktarget);this.messagepointer=(this.messagepointer+this.itemsperpage>this.feeds.length-1)?0:this.messagepointer+this.itemsperpage;setTimeout(function(){b._rotatemessage()},this.delay)}}; //]]></script><br /><style type='text/css'>.titlefield{ /*CSS for RSS title link in general*/ text-decoration: none;} .labelfield{ /*CSS for label field in general*/ color:#aaa;font-size: 100%;} .datefield{ /*CSS for date field in general*/ color:#aaa;font:normal 14px Arial;text-transform:none;} #example1{ /*Demo 1 main container*/ width: 900px; height: 14px; border: 0px solid #aaa; padding: 0px; font:bold 12px Arial; text-transform:none; text-align:left; background-color:transparent;} code{ /*CSS for insructions*/ color: #0000bb;} #example1 a:link, #example1 a:visited {color:#ffc416;text-decoration:none;} #example1 a:hover {color:#ff00ff;text-decoration:none;} </style>
7. Selanjutnya cari code <div id="outer-wrapper">  atau  <div id="header-wrapper">
lalu Copycode dibawah dan pastekan tepat di bawahnya


<div class='headline-wrapper'><br /><div class='headline'><br /><div style='float:left;padding:7px 5px 5px 10px;font:bold 12px Arial;color:#fff;text-transform:none;'><br />News Article :<br /></div><br /><div style='float:left;width:730px;padding:7px 0; position:relative; overflow:hidden;'><br /><script type='text/javascript'>var cssfeed=new gfeedrssticker("example1", "example1class", 3000, "_new") cssfeed.addFeed("Headline News", "http://situming.blogspot.com/feeds/posts/default") cssfeed.displayoptions("date") cssfeed.setentrycontainer("div") cssfeed.filterfeed(10, "date") cssfeed.entries_per_page(1) cssfeed.init() </script><br /></div><br /><div style='clear:both;'/><br /></div>

Cttn  : Warna hijau sesuaikan lebarnya

Nah itulah tetang  Cara Membut Headline News   pada postingan kali ini .mohon ma'af jika ada kekurangan

Wasalam