Label
Diposting oleh

Membuat News Ticker atau Berita Berjalan di Bagian Bawah 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.
  
 Maka,  Google Dynamic Feed gadget akan memanggil artikel dari blog/situs dari ketiga topik tersebut.

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'>
    <span style='color:#676767;font-size:11px;margin:10px;padding:4px;'> Loading...</span>
  </div>
Selain itu, Anda masih bisa mengedit nama blog pada gadget ini.
 
Jika defaultnya nama blog, menyesuaikan dengan topik yang Anda masukkan pada feeds expressions, Anda bisa mengeditnya dengan mengganti tulisan yang berwarna merah pada bagian ini:
var feeds = [
    {title: 'Mas Doyok',
     url: 'http://www.themasdoyok.com/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, selamat malam dan semoga bermanfaat...
Label:

Komentar

  1. Unknown18 Juli 2010 pukul 20.38

    pertamaxx gk yya..
    mangstap nih artikelnya,langsung praktek ah. .

    BalasHapus
  2. Babtista18 Juli 2010 pukul 20.42

    keduaxx kah saya?

    BalasHapus
  3. Unknown18 Juli 2010 pukul 20.42

    mantep kang, ane dah coba tp gk cocok buat template ane, huehue

    BalasHapus
  4. Unknown18 Juli 2010 pukul 20.44

    @6107631911223662035.0
    Bagaimanapun juga selalu keduaxxx ^^

    klo news tickernya dibuat sticky lebih keren tuh

    BalasHapus
  5. jurug18 Juli 2010 pukul 20.51

    perlu dicoba dulu mas

    BalasHapus
  6. Jerawat18 Juli 2010 pukul 21.01

    keren juga ni, mesti di coba..
    Thanks masDoy...

    BalasHapus
  7. Pak Tani18 Juli 2010 pukul 22.53

    iya bagus mas doy...
    saya sudah mencobanya....

    BalasHapus
  8. Akbar18 Juli 2010 pukul 23.17

    @8004987246072162069.0

    Hikhik aku aku ke tiga hikhik

    Trik INi ane udah cobah tapi ane gak pake kayak gitu ane cuma pasang iklan aja di situ hhahahhahaha :)

    BalasHapus
  9. mascipul18 Juli 2010 pukul 23.43

    InsyaAllah kpn2 sy coba...

    butuh wkt bwt sy agar ngerti...mklum nubi.hehe

    matur nuwun mas doy...

    BalasHapus
  10. ABe19 Juli 2010 pukul 00.37

    Sepp mas... kalau mau pakai banyak feed tapi titel yang disebelah kiri gak berubah..

    edit kode yg ini:

    var options = {
    stacked : false,
    horizontal : true,
    title : "JUDUL TETAP"

    contohnya lihat blog saya yak..sekalian mampir..huehe

    BalasHapus
  11. Abu inayat19 Juli 2010 pukul 04.57

    @7577934890516313497.0

    Ok bos mantap.. ta' copy ya buat koleksi...

    BalasHapus
  12. Rock19 Juli 2010 pukul 06.05

    Kayaknya keren juga nich...

    BalasHapus
  13. Reza19 Juli 2010 pukul 06.08

    terima kasih mas atas sharingnya... kapan2 saya terapkan di blogspot saya...

    BalasHapus
  14. Refline19 Juli 2010 pukul 06.21

    mantabz bgt mas

    BalasHapus
  15. Refline19 Juli 2010 pukul 06.21

    mantabz bgt mas

    BalasHapus
  16. Bagus19 Juli 2010 pukul 09.54

    Ciamik punya dah postingannya Mas Doy.. dicoba langsung manjur.. THx Mas

    BalasHapus
  17. icantulang19 Juli 2010 pukul 10.26

    ke tkp dulu kang

    BalasHapus
  18. agusta19 Juli 2010 pukul 10.41

    komen koq cumam pertamax keduax ketigax, ntar lama2 kalian klimaks orgasme disini!!!

    BalasHapus
  19. Manchester United Tech19 Juli 2010 pukul 12.24

    @8004987246072162069.0
    mantap mas, ane mau coba dulu..kalo yg di dynamid blog ane belum ada..wkwkwk

    BalasHapus
  20. Alexa-com Weblog19 Juli 2010 pukul 12.28

    wah mantap mas doy

    BalasHapus
  21. rafli pratama19 Juli 2010 pukul 18.31

    Manteb euy kang tutorialnya..

    BalasHapus
  22. Ari Purwoko Serba Gratisan19 Juli 2010 pukul 22.39

    coba ah..

    BalasHapus
  23. diaR_fReeZy20 Juli 2010 pukul 03.11

    mas..kq yg ditampilin gag artikel terupdate iia???
    mhon bntuanna...

    BalasHapus
  24. selang seling20 Juli 2010 pukul 13.15

    saya udah coba mas & berhasil, tapi pake yang feeds marquee, kalo page google dynamic feed blog saya gak kebaca...trims info nya.

    BalasHapus
  25. rpraja20 Juli 2010 pukul 14.11

    Coba kalau News tvOne atau MetroTv gitu, hahaha, pastinya mantap!

    BalasHapus
  26. empat-april20 Juli 2010 pukul 16.46

    thanks triknya boss :)

    BalasHapus
  27. udintech21 Juli 2010 pukul 10.03

    very good infonya gan

    BalasHapus
  28. Donny Sulistyo Nugroho21 Juli 2010 pukul 18.27

    news tickerku kok loading melulu to mas,uda 2 hari nih...hehee...

    BalasHapus
  29. suja22 Juli 2010 pukul 10.50

    @6107631911223662035.0
    baris keduax wkkkkkk

    BalasHapus
  30. mp322 Juli 2010 pukul 14.36

    mangtab bos!! blog Mp3 minta izin untuk coba bos!

    BalasHapus
  31. Dona23 Juli 2010 pukul 17.06

    I LLLLL UUUUUUUUUUUU

    BalasHapus
  32. Asha29 Juli 2010 pukul 13.50

    Good and Keep me...

    BalasHapus
  33. Santhosh29 Juli 2010 pukul 13.51

    In this country is given good information..

    BalasHapus
  34. RIKA LAFITA29 Agustus 2010 pukul 10.58

    Mas doyok,kok news ticker saya diam ditempat, gimana caranya biar bisa jalan. Trus bisa ga newstickernya di taro di bawah nama blog?? Terima kasih sebelumnya

    BalasHapus
  35. Belajar ngeblog @berita2+1 September 2010 pukul 05.47

    Langsung praktek..................

    BalasHapus
  36. baniadya29 Oktober 2010 pukul 15.30

    ok mas, trim tips nya...

    BalasHapus
  37. GAJAH MADA KEDUNGGALAR13 November 2010 pukul 07.24

    Makasih ya mas infonya

    BalasHapus
  38. ari wibowo23 Januari 2011 pukul 06.06

    trima kasih mas doyok

    BalasHapus
  39. n66ee24 Januari 2011 pukul 00.25

    mantabz.....n blogna juga rame...

    BalasHapus
  40. Karno22 Februari 2011 pukul 18.17

    Mas Doyok, kalau news tickernya dipindah ke atas bisa, gak? maksudnya posisinya di navbar gitu? Caranya gi mana?

    BalasHapus
  41. jogjarumah.com21 Maret 2011 pukul 00.16

    Nah ini postingan yang saya cari. terimakasih sudah sharing ilmunya, saya coba pasang di blog saya

    BalasHapus
  42. sandi27 April 2011 pukul 01.45

    mas klo artikel adsense ada ga,punya saya di tolak terus sama google...thx

    BalasHapus
  43. Japung2 Juni 2011 pukul 21.19

    Maz , kalo newssticker update berita dari salah satu stasiun TV ada gk maz,..trims...

    BalasHapus
  44. Hajsmy21 Juni 2011 pukul 09.46

    Makasih banyak mas tutornya

    BalasHapus

Posting Komentar

Postingan Populer