Be The First Of the Best...!!!!

Cara Membuat Breaking News di Blog

Share on :
Hey Sobat IGD BLOGGR, kalian pengan tahu Cara Membuat Breaking News di Blog. Pengen tahu Caranya byar jadi seperti ini..?



Ok langsung ke Caranya Aja....
Widget ini sudah banyak sekali digunakan oleh para blogger terutama di template-template blok Mas kolis. Widget ini juga saya pelajari dari template miliknya mas kolis. memang cukup menarik untuk menghiasi halaman blog, selain itu juga bisa meningkatkan Seo On Page karena dengan memasang haedline news dapat meningkatkan pege view blog anda.


Yuk....Q, langsung saja pelajari resepnya  Membuat Headline News Di blog sebagai berikut :
  1. Login ke blogger
  2. Masuk kehalaman Edit HTML dengan cara pada bagian Dashboard Pilih Template --> Edit HTML --> Proses atau Lanjutkan
  3. Jangan lupa Download Template Lengkap terlebih dahulu untuk mengantisipasi kesalahan edit html (yang belum paham baca Cara Upload dan Back-Up template Blog)
  4. Sekarang Cari Kode ]]></b:skin> (gunakan tombol CTRL + F dan F3 untuk memudahkan pencarian kode)
  5. Copas Kode berikut Diatas kode  ]]></b:skin>   
  6. /* Headline News
    -------------------*/
    .newspic {background:#000 url(http://4.bp.blogspot.com/-vqHATrTDsY8/TvguMe2lBTI/AAAAAAAAEUk/L8UwRygGp9s/s1600/news.gif) no-repeat top left;width:970px;margin:0 auto;padding:0 auto;height:32px;color:#fff;}
    .news {width: 970px;margin:0 auto;padding:0 auto;line-height: 1.4em;text-align:left;font-family:Arial;font-size:11px;color:#fff;overflow:hidden;clear:both;}
    .news a:link, .news a:visited{color:#fff;text-decoration:none;}
    .news a:hover {color:#ddd;text-decoration:underline;}  
    Keterangan :
    Warna merah dan warna biru adalah Ukuran panjang dan tinggi headline news
  7. Sekrangan Cari kode </head>
  8. Sudah ketemu, copas kode berikut dan letakan diatas kode </head>
  9. <script src='http://www.google.com/jsapi?key=ABQIAAAAUMsU2d40bO1-m8DeADFRexTdcQS31_Y0TkToW9tE1XWPEnv6YBSa1QfZaAr4GJ8-AZkWddpnW9Y0hA'></script>
    <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)?"<br />"+a[c].content:/snippet/i.test(this.showoptions)?"<br />"+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)?"<br />"+d[e].content:/snippet/i.test(b)?"<br />"+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>
    <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: 780px;
    height: 14px;
    border: 0px solid #aaa;
    padding: 0px;
    font:bold 16px Arial;
    text-transform:none;
    text-align:left;
    background-color:transparent;}
    code{ /*CSS for insructions*/
    color: #fff;}
    #example1 a:link, #example1 a:visited {color:#f2f2f2;text-decoration:none;}
    #example1 a:hover {color:#C8D3F2;text-decoration:none;}
    </style>
  10. Sekarang cari kode   <div id='header-wrapper'> atau   <div id='header-outer'> pilih salah satunya
  11. Jika sudah ketemu Copas kode berikut diatas salah satu kode tersebut
  12. <div class='newspic'>

    <div style='float:left;width:780px;padding:6px 0 6px 180px; position:relative; overflow:hidden;'>
    <script type='text/javascript'>
    var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 4000, &quot;_new&quot;)
    cssfeed.addFeed(&quot;Creating Website&quot;, &quot;http://dapur-tutorial.blogspot.com/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feed
    cssfeed.displayoptions(&quot;date&quot;) //show the specified additional fields
    cssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tag
    cssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by date
    cssfeed.entries_per_page(1)
    cssfeed.init()
    </script>
    </div>
    <div style='clear:both;'/>
    </div>
    Ganti Kode yang berwarna hijau dengan URL atau Alamat blog milik anda sendiri
  13. Ganti URL yang saya beri warna merah dengan URL blog anda dan jika blog anda masih baru newsticker ini biasanya tidak mau jalan karena google belum mengenal feed di blog Anda. Solusinya gampang Anda mesti buat API key sendiri di googlecode, atau langsung saja disini. Masukkan URL blog anda, kemudian ganti kode javascript paling atas pada langkah nomer 5 dengan kode yang barusan dapet dari googlecode.
  14. Sekarang Simpan Template
  15. Selesai dan lihat hasilnya.
Demikian Artikel Master Chef tetang Request Cara Membuat Headline News Di blog. Selamat mencoba semoga bisa bermanfaat.


Ditulis Oleh : Khoerul Warisin

Artikel Cara Membuat Breaking News di Blog ini ditulis oleh Khoerul Warisin . Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang Cara Membuat Breaking News di Blog dapat Anda sampaikan melalui kotak komentar dibawah ini.

11 komentar on Cara Membuat Breaking News di Blog :

Tips Trik SEO Blogger Pemula mengatakan... 1 Januari 2013 18.04

terima kasih atas informasi yang bermanfaat ini..

Anonim mengatakan... 9 April 2013 12.58

Awesome site you have herе but I was curiouѕ if you
knew of аnу foгums that cover
the sаmе topics discuѕsed in
this artiсle? I'd really love to be a part of community where I can get comments from other experienced people that share the same interest. If you have any recommendations, please let me know. Thanks a lot!

My web site: crear pagina web

Anonim mengatakan... 9 April 2013 17.22

It's not my first time to visit this site, i am browsing this web site dailly and obtain good facts from here daily.

Check out my website; www.everydayhealth.com

Anonim mengatakan... 10 April 2013 23.01

Rіdiсulοus storу theгe. What happened аfter?

Gooԁ luck!

Mу wеb blοg Maak Website

Anonim mengatakan... 1 Mei 2013 10.13

Thankѕ a bunch foг sharing this wіth аll of us you
aсtuallу гecognizе what you're talking about! Bookmarked. Please additionally discuss with my website =). We could have a link trade contract between us

Feel free to visit my blog CREARE UN SITO WEB CREARE UN SITO WEB Come creare un sito

Anonim mengatakan... 2 Mei 2013 09.24

Wow! This blog lοoκs exactly liκе
my old one! It's on a entirely different subject but it has pretty much the same page layout and design. Excellent choice of colors!

Stop by my blog; come creare un sito web gratis per sempre

Anonim mengatakan... 10 Mei 2013 13.46

Incгеdible ρoints. Solid arguments.
Keep up the grеat ωork.

Feel freе to visit my site diseño web

Anonim mengatakan... 13 Juni 2013 10.05

Νice blog right herе! Also your websіte гather a lot uρ fast!
Whаt web host are yоu the use of? Can I get youг asѕoсіate hуреrlіnκ
іn уour host? Ι wish my websіte loaded uр aѕ fаst аѕ youгs lol

Hеre іs my wеbpage Création boutique en ligne

Anonim mengatakan... 13 Juni 2013 11.45

Hi my friend! I wish to ѕау thаt thіs post is amazing, niсe wгitten and come with almost аll vital infos.
I wоuld lіke to see еxtra posts like thіs .


Feel fгee to surf to my weblog: COME CREARE UN SITO Creare Sito Creare un sito web

Anonim mengatakan... 26 Agustus 2013 00.50

Weleh komene english kabeh, ramudeng aq...

Anonim mengatakan... 14 September 2014 15.55

I cant believe I found this just now: http://clashofclanshelper.com/ - you receive free Clash of Clans gems instantly! I just tried that! (OBBYB0rJbY)

► ► SILAHKAN COMMENT DI BLOG DOFOLLOW INI ◄ ◄

Related Posts Plugin for WordPress, Blogger...
 


BLOG DOFOLLOW