Add me on Google+
Add me on Facebook

Tutorial Blog: Membuat Headline Berita Berjalan

Diposting oleh Label: di
Tutorial Blog: Membuat Headline 
Berita Berjalan. Bagi para bloger, 
blog yang tampilannya bagus pasti 
lebih banyak dikunjungi orang. Dan disini kami Jasa SEO Murah akan membagikan salah satu cara agar tampilan blog Anda lebih keren dan terlihat menawan. Salah satunya yaitu dengan cara menambahkan headline berita berjalan di bawah header. Bagaimana cara membuatnya? Ikuti langkah berikut:
1. Login Blogger
2. Masuk Template lalu Edit HTML
3. Cari kode  ]]></b:skin>
4. Jika sudahh ketemu salin kode dibawah ini tepat di atas kode  ]]></b:skin>
/* Headline News
-------------------*/
.newspic {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRUDHU2LHLWZYjwLl_SRQ66an_ogRqQ5rr4gE7evk2MGaBlrhygCmiWPkt5D4b9NJFVIjgJebVjIeHS_hvqoonBm0lzShKZo1z3PRNXDc0Zs4Uk8xc5wlniumEB_9NTwrvCloXEqMoMZc/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;}
5. Selanjutnya cari kode  </head>
6. Salin kode di bawah ini tepat di atas  </head>




7. Sekarang cari code <div id='header-wrapper'> atau   <div id='header-outer'>
8. Salin kode berikut tepat di atas  <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://fandimin.blogspot.com/feeds/posts/default&quot;) //Specify &quot;label&quot; plus URL to RSS feedcssfeed.displayoptions(&quot;date&quot;) //show the specified additional fieldscssfeed.setentrycontainer(&quot;div&quot;) //Wrap each entry with a DIV tagcssfeed.filterfeed(10, &quot;date&quot;) //Show 10 entries, sort by datecssfeed.entries_per_page(1)cssfeed.init()</script></div><div style='clear:both;'/></div>
keterangan: http://fandimin.blogspot.com bisa diganti dengan url blog Anda.

9. Simpan dan lihat hasilnya.

Selamat Mencoba :*
Posting Komentar

Back to Top