Cara Membuat News Ticker Di Blog - Sudah tahu apa itu News Ticker? Jika Anda sering melihat televisi, tentu Anda sering melihatnya. Berita berjalan dibagian bawah layar televisi Anda. Apakah Anda tertarik memasangnya di blog Anda? Jika tertarik, mari ikuti tutorial berikut ini...
1. Login ke blogger
2. Klik Rancangan/Design
3. Tambahkan kode berikut ini di atas ]]></b:skin>
#newsticker {
background-color:#ffffff;
border-bottom:2px solid #000;
border-top:2px solid #000;
bottom:0;
font-family:Verdana;
font-size:11px;
left:0;
position:fixed;
text-align:left;
width:100%;
z-index:10000;}
4. Anda bisa menyimpan template Anda dahulu. Kemudian setelah itu silahkan Anda letakkan kode berikut ini di atas <body>
<div id='newsticker'>
script feeds berjalan Anda
</div>
Silahkan ganti yang bagian berwarna merah (script feeds berjalan) dengan script artikel terbaru Anda, Anda bisa memilih diantara dua pilihan berikut ini:
- Menggunakan feeds marquee
- Google Dynamic Feed
Modifikasi Google Dynamic Feed
Anda bisa memilih feeds marquee jika ingin artikel-artikel terbaru bergerak ke samping. Namun saya senang menggunakan layanan Google Dynamic Feed seperti yang saya terapkan di mas doyok answer (silahkan lihat di: answers.masdoyok.co.cc)
Jika ingin melanjutkan modifikasi, silahkan baca dulu artikel Google Dynamic Feed dengan klik yang tadi telah saya bagikan di atas. Anda bisa memasukkan beberapa blog sekaligus untuk dijadikan di berita berjalan Anda. Pada isian feeds expressions, silahkan isi dengan beberapa topik. Antar topik pisahkan dengan koma.
Misalnya: Mas Doyok, Blog Tips, Facebook.
Anda juga bisa mengganti pesan saat loading gadget dengan memodifikasi kodenya. Setelah klik Generate Code, silahkan Anda edit dulu codenya. Silahkan ganti kata yang berwarna merah pada bagian ini:
<div id='feed-control'>Selain itu, Anda masih bisa mengedit nama blog pada gadget ini.
<span style='color:#676767;font-size:11px;margin:10px;padding:4px;'> Loading...</span>
</div>
var feeds = [
{title: 'Mas Doyok',
url: 'http://www.masdoyok.co.cc/feeds/posts/default'
},
{title: 'Blog Tips',
url: 'http://feeds.feedburner.com/DailyBlogTips'
},
{title: 'Facebook',
url: 'http://topics.nytimes.com/top/news/business/companies/facebook_inc/index.html?rss=1'
}];
Silahkan mencoba,