Cara Buat Headline / Breaking News

Baca Juga

Assalamu Alaikum WR.WB

Cara Buat Headline / Breaking News

selamat pagi jelang siang buat semuanya .. Ketemu lagi dengan Admin Oon .. pada kesempatan kali ini .. sesuai janji postingan sebelum nya .. yaitu Cara Buat Efek Load Page Pada Blogspot .. sekarang saya akan berbagi Cara Buat Headline / Breaking News .. sebelum ke pembahasan kali ini .. lihat juga postingan sebelumnya ..

Review Load Page | Baca Selengkapnya

http://so-gaul.blogspot.co.id

Baca Juga : CARA BUAT FORM GOOGLE SEARCH ENGINE ( CSE / CUSTOM SEARCH ENGINE )

Cara Membuat dan Memasang Headline Breaking News Pada Blogspot - kata headline breaking news .. mungkin sudah tak asing lagi di telinga sobat .. umumnya breaking news digunakan .. di media berita dunia nyata .. namun tak hanya di dunia nyata .. di dumay atau dunia maya breaking news bisa kita terapkan di blog kita ..

Baca Juga : CARA BUAT GOOGLE ANALYTICS PADA BLOG ( Blogspot.com )

Nah dengan memasang Breaking news maka dapat memperindah tampilan blog sobat .. dan juga bisa untuk meningkatkan pageview suatu blog .. Widget ini berupa judul artikel yang nantinya ditampilkan secara bergantian dan dilengkapi dengan tanggal posting artikel tersebut .. sehingga kayak breaking news sungguhan di tipi - tipi ( Tv - Tv ) .. nanti hasilnya kurang lebh akan seperti gambar dibawah ini :

Review Cara Buat Headline / Breaking News

http://so-gaul.blogspot.co.id

Baca juga : CARA MEMBUAT TAMPILAN WEB, WAP DAN BLOG PAS DI SEGALA UKURAN LAYAR

Berikut Cara Membuat Headline Breaking News di Blog

1. Login dulu ke Blogger.Com
2. Klik rancangan » Edit HTML
3. Letakkan kode di bawah ini .. dan letakan di atas kode ]]></b:skin>

.newspic { background:#252525 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZZWJJwNLkBnp8NLspqaRQo2eneKEhETDCrrEItIFrThZs4dAS9YIc-N20yqtHrIMXLg6bVQece6N4l-cKQhYXGHgSnXPpZpIOBprlJxpGjjSkSai_iIcd0cv__dvevj85HQgUrRQf1Ko/s1600/BRK+NW. png) no-repeat top left;width:<font color="#0000FF"><b>979</b></font>px; margin:0 auto;padding:0 auto; height:24px;color:#fff; } .news { width: <font color="#0000FF"><b>979</b></font>px;margin:0 auto;padding:0 auto;line-height: 1.2em;text-align:left;font-family:Arial;font-size:11px; color:#fff;overflow: hidden;clear:both; } .news a:link, .news a:visited { color:#000000; text-decoration:none; } .news a:hover { color:#ddd; text-decoration:underline; }

Catatan :

Sesuaikan kode yang berwarna biru dengan ukuran template blog sobat ..

4. Kemudian letakkan kode di bawah ini .. dan letakan tepat di atas kode </head>

<script src='http://www.google.com/jsapi?key=ABQIAAAAUMsU2d40bO1-m8DeADFRexTdcQS31_Y0TkToW9tE1XWPEnv6YBSa1QfZaAr4GJ8-AZkWddpnW9Y0hA'></script> <script type='text/javascript'< // </div>');this.feedcontainer=document.getElementById(c);this.itemcontainer=""}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+'" alt="'+gfeedfetcher_loading_image+'" /> Loading news...';var a=this;for(var b=0;b0&&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<strong>))}};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+""};gfeedfetcher._sortarray=function(a,b){var b=(b=="label")?"ddlabel":b;if(b=="title"||b=="ddlabel"){a.sort(function(e,d){var g=e<strong>.toLowerCase();var f=d<strong>.toLowerCase();return(gf)?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")?"<ul><li>\n":"";gfeedfetcher._sortarray(a,this.sortstring);for(var c=0;c'+a[c].title+"";var b=/label/i.test(this.showoptions)?'</li></ul><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=="")?"</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){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=="")?"</span><ul><li>\n":"";for(var e=0;e'+d[e].title+"";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><li>")?"</li></ul><p>\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, #example a:visited { color:#f2f2f2; text-decoration:none; } #example1 a:hover { color:#C8D3F2; text-decoration:none; } </style>

Baca Juga : Cara Hapus Atau Sembunyiin Atributtion Powered Blogger

5. Cari kode <div id='header-wrapper'> .. jika tidak ada .. cari kode </header> .. ingat bukan </head> .. tapi </header> .. dan letakkan kode di bawah ini .. tepat di bawahnya kode <div id='header-wrapper'> atau </header>

<div class='newspic'> <div style='float:left;width:979px;padding:1px 0 6px 130px; position:relative; overflow:hidden;'> <script type='text/javascript'> var cssfeed=new gfeedrssticker("example1", "example1class", 4000, "_new") cssfeed.addFeed("Creating Website", "<font color="#FF0000"><b>http://so-gaul.blogspot.com</b></font>/feeds/posts/default") //Specify "label" plus URL to RSS feed cssfeed.displayoptions("date") //show the specified additional fields cssfeed.setentrycontainer("div") //Wrap each entry with a DIV tag cssfeed.filterfeed(10, "date") //Show 10 entries, sort by date cssfeed.entries_per_page(1) cssfeed.init() </script> </div> <div style='clear:both;'/> </div>

Catatan :

Ganti http://so-gaul.blogspot.com dengan url blog sobat ..

6. Klik save dan lihat hasilnya

Nah sangat mudah kan ?? .. Cara Membuat Headline Breaking News pada Blogger .. jika sobat tertarik dengan widget tesebut .. silahkan praktekan tutorial diatas ., ok mungkin sampai disini perjumpaan kita .. semoga tutorial .. cara memasang Headline Breaking News di Blog .. dapat bermanfaat bagi anda Semua ..

Baca Label : Selengkapnya .. Mengenai Tutorial Bogging

Post Selanjutnya

Cara Buat Pop Up Like/Share Fb/G+/Twitter/FP Fb

http://so-gaul.blogspot.co.id

Baca Juga : Jenis - Jenis Marquee

Penulis

Dari, Majalengka, Rajagaluh - Jawa Barat OCHA Jangan jadikan sesuatu ke gagalan sebagai ketakutan untuk mengulang nya kembali .. Sehingga anda tak mau mencoba nya lagi .. Tapi jadikan lah ke gagalan sebagai awal ke suksesan untuk menjadi yang lebih baik dari sebelum nya ..." [View More]

Itu lah Postingan kali ini .. mengenai » Cara Buat Headline / Breaking News « .. yang bisa saya bagikan .. Pada kesempatan yang ke 41x nya ini .. Kurang lebih nya mohon di maklum aja .. Jika ada salah - salah kata atau pun penulisan .. Semoga bermanfaat dan sampe ketemu lagi di lain waktu dan lain kesempatan .. Akhir kata saya ucapkan ..

Wassalamu'Alaikum WR.WB