News Update :

Membuat News Ticker

Newsticker atau Berita berjalan adalah salah satu cara untuk memodifikasi blog kita agar tampak keren, Selain itu Newsticker atau Berita berjalan bisa menampilkan recent post blog kita, sehingga pembacapun bisa melihat apa saja Berita terbaru dari blog kita.

Untuk  Cara Membuat NewsTicker / Berita Berjalan Pada Blog  seperti mirip blog Blog Petani Digital Ini ikuti langkah-langkah dibawah ini :

  1. Login ke blogger/blogspot kamu.
  2. Klik Rancangan atau design.
  3. Klik edit HTML.
  4. Beri crosscheck / centang pada kotak yang berada pada pojok template kamu. Dan jangan lupa download template kamu untuk berjaga-jaga agar jika terjadi kesalahan bisa dibackup. Cari kode  ]]>
 dan copy paste kode berikut dan letakkan tepat diatas kode ]]>

/* News Ticker Wrapper */ .newspic {background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXmju8p3vQ6xWFgzalWo9RIJvIkpQ655N5nLiI-ss1fXs567jITng1rGP7upPKK5DVLq6D9w0iAGelf1OLVXJfVE4-uHR556PQLhiErw7NfMspnYf05IQyhPXH3UOThJ3RJOuJZ2svhqM/s1600/headline.png) no-repeat top left;width:940px;margin:0 auto;padding:0 auto;height:28px;color:#ff0000;} .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{color:#ff0000;font-weight: bold;text-decoration:none} .news a:visited{color:#ddd;font-weight: bold;text-decoration:none} .news a:hover{color:#fff;font-weight: bold;text-decoration:underline}


Lalu Cari kode 
 dan letakkan kode berikut tepat diatas kode 




Dan langkah terakhir penempatan kode HTML untuk newstickernya, kamu bisa meletakkan ditempat yang kamu inginkan. dan disini sebagai contoh saya akan menempatkannya dibawah menu navigasi horisontal. silahkan cari kode   dan setelah kode   ditutup dengan kode 
 letakkan kode berikut tepat dibawah kode 





Berita Terbaru :








Ganti URL berwarna Hijau dengan URL blog kamu.
Nah, Sekarang simpan template kamu.
Keterangan:

Kode menu navigasi berbeda-beda, jika tidak menemukan kode pada nomor 7 coba kamu cari kode

dan letakkan kode HTML newsticker  letakkan tepat diatas kode


No comments:

Post a Comment