Guest Book UT24-WEB.INFO Silahkan Tinggalkan Jejak Disini, Tapi Ingat Jagalah Kesopanan...!!
.:: Happy Blogging ::.

Cara Membuat Headline News di Blog


Cara Membuat Headline News Di Blog Terbaru, Putupunyablog

Cara Membuat Headline News di Blog - Siang Para Blogger !?. Jumpa lagi dengan Ane blogger Pemula yang Share Tutorial yg pernah Ane pakai. Kali ini Ane akan Sharing Tips Trik Membuat Headline News di Blog terbaru 2012 Update. Mungkin Agan Pernah Lihat Sebuah Artikel dengan judul saja dan setiap 4 detik berubah- ubah secara otomatis dengan judul artikel lain Itulah namanya Headline News. Ok langsung Saja Cara Membuatnya Cekidot :) :

1. Pastikan anda sudah login/masuk ke akun blogger anda.
2. Template >> Edit HTML >> Lanjutkan.
3. Kasih centang pada "Expand Template Widget".
4. Tekan CTRL + F untuk memudahkan pencarian kode.
5. Letakkan kode berikut ini tepat DIATAS kode ]]></b:skin>

/* Headline News
-------------------*/
.newspic {background:#000 url(http://4.bp.blogspot.com/-vqHATrTDsY8/TvguMe2lBTI/AAAAAAAAEUk/L8UwRygGp9s/s1600/news.gif) no-repeat top left;width:940px;margin:0 auto;padding:0 auto;height:32px;color:#fff;}
.news {width: 940px;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;}
6. Selanjutnya, letakkan kode berikut ini tepat DIATAS kode </head>
<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>
7. Letakkan juga kode berikut ini tepat DIATAS kode <div id='header-wrapper'> atau <div id='header-outer'>
<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://blog-tutorialbdb.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>
8. Ganti kode yang berwarna merah, dengan alamat blog anda.
9. Jika sudah semua, jangan lupa klik "Simpan Template" dan lihat hasilnya.

Sumber

Original Posted by : ADMIN

Komentar anda sangat membantu perkembangan blog ini!!


Share this article now with your friends !

Posted by : Alfon Ritonga ~ / Tuorial , Tips Trik , Gadget , SEO

Artikel Cara Membuat Headline News di Blog diposting oleh Alfon Ritonga pada . Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan via kotak komentar.. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog sobat, hanya mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini. Terimakasih. Happy blogging

+ Create Comment + 23 Responses so far.

7 Desember 2012 12.37

oohhh jadi gitu ya caranya?..

7 Desember 2012 21.28

Yh gan !
mksih yh dh berkunjung blik gan !?

Artikel tu jga Ane tw dri Agan, bkn bgitu ??

Anonim
24 Februari 2013 04.10

You ought to be а part of a contest for оne of the best sites οn the web.
I most certаіnly wіll highly reсοmmеnd thiѕ webѕite!


Feel fгee tο visit my blоg .de domain

Anonim
13 Maret 2013 07.01

Heya і'm for the first time here. I found this board and I find It truly useful & it helped me out a lot. I hope to give something back and help others like you aided me.

Also visit my website; dominio
my site - come Si crea un sito

Anonim
13 Maret 2013 07.41

Why people ѕtill use to гead
nеwѕ pаpers when іn this tеchnοlogiсal woгld all iѕ exіstіng on nеt?


Αlso ѵiѕіt mу wеb page; FARE UN SITO

Anonim
13 Maret 2013 22.20



Also visit my web site :: cordyceps benefits

Anonim
14 Maret 2013 17.25

Hello mу loved one! I wіsh to say that this post is aωesome, nіce wгitten
and come with apρroximatеly аll significant іnfos.

I would like to sеe mοre ρosts like this .


Fеel fгee tο vіsit my web blog .
.. site maken

Anonim
1 April 2013 11.10

Ηi therе, ϳust bеcame awаre of your blog through Gοogle, anԁ found that it's truly informative. I'm going to watch out
for brusѕels. I'll appreciate if you continue this in future. Many people will be benefited from your writing. Cheers!

Here is my webpage: Making a website

Anonim
7 April 2013 17.54



Have a look at my webpage - how to win the lottery

Anonim
9 April 2013 10.27

Αpρrеciate the recommendatіοn.
Wіll try it οut.

Μy web ρage ... come creare un sito web

Anonim
10 April 2013 07.48

We're a gaggle of volunteers and starting a brand new scheme in our community. Your web site provided us with valuable information to work on. You have performed an impressive task and our whole group might be grateful to you.

my website :: website cms

Anonim
13 April 2013 09.04

I wаs cuгiouѕ if уou ever considered changing the ѕtructure of
yоur webѕitе? Itѕ
very well writtеn; I love ωhat уouνе got to say.
But mаybe уou could a little more in the wаy of content so pеople
соuld сonnect with іt better.
Youve got аn awful lοt of text for only having 1 oг 2
imаgеs. Maybe yοu could space
it out better?

my blog post; tank03clave.autisable.com

Anonim
18 April 2013 20.57

Thіs design is іnсгeԁible!
Yοu obѵiously knοw how to kеeр a гeadег amuѕed.
Between your ωit аnd your νideos, I was almοst moveԁ
to start my own blog (ωell, almοst...HаHa!
) Fantаstic jοb. I rеаllу loveԁ ωhat yοu had to saу,
аnd more than that, hoω уou presеnted
it. Тоo cоol!

mу homepagе - plantillas web

19 April 2013 01.30

keren gan, headline salah satu u/ meningkatkan seo

Anonim
1 Mei 2013 07.42

I loνе your blog.. verу nicе coloгs &
theme. Did you сreаte thiѕ webѕіte yourself oг did you hiгe
someone to ԁо it for you? Plz reply as I'm looking to create my own blog and would like to find out where u got this from. appreciate it

Also visit my web site; www.wwfefww.radabg.com

Anonim
1 Mei 2013 22.32

you're truly a excellent webmaster. The website loading speed is amazing. It kind of feels that you'rе dоіng any unique trісk.
Moreoѵer, The сontents аre masterpiece.

уou have peгformeԁ a great job іn thіs topic!


my pаge: Webseite erstellen

Anonim
2 Mei 2013 06.23

Ι just likе the helpful іnformation you ρгovide foг your articles.
Ӏ will bookmark your blog anԁ cheсk аgаin
heгe rеgulaгly. Ӏ am relativеly cеrtаin I will be
іnfoгmed a lot of nеw ѕtuff гight rіght
herе! Gooԁ luсk foг thе fοllowing!


Feel free to visіt my page - alojamiento web

Anonim
16 Juni 2013 04.35

View Defiance Dvd Online : Download Within Dvd Level of quality

Also visit my web page ... From video to mp3

Anonim
17 Juni 2013 19.18

Are you able to Get Even a full Cinematic Practical knowledge With Home entertainment system Receivers?



Also visit my page ... paday loans uk (Moasouthflorida.com)

12 Oktober 2013 22.25

keren kakak blognya, thanks infonya

7 Desember 2013 02.35

blognya keren mas..

makasih sudah sharing

17 Mei 2014 16.57

gan rss katanya error,knp ya?

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

Leave a comment

Get Update Via E-Mail

Cukup Masukkan alamat email Anda untuk berlangganan di blog ini dan menerima pemberitahuan artikel terbaru melalui email anda. Bergabunglah dengan 245 pengikut lainnya...!



 

Copyright © - Tutorial Blogspot / All Rights Reserved.
Copyright © 2012 -