Cara memasang newsticker di blog

Newsticker merupakan sebaris tulisan yang dapat berubah-ubah dalam menampilkan teks-teks berita singkat yang biasanya di tampilkan dalam acara berita di televisi. Jika anda adalah seorang penggemar acara berita, tentu anda pernah melihat newsticker yang biasanya terletak di bagian bawah tabung kaca anda.

Selain di tampilkan dalam acara berita televisi, fitur newsticker juga dapat di tamukan pada sebuah website atau blog, uang terkadang disebut juga sebagai fitur random post,

Dan berikut cara pemasangan pada blog atau blogger...

Langsung saja dari dashboard pada halaman templeat. Klik “ edit HTML”

Pertama-tama kamu cari kode: ]]></b:skin>

Copas kode di bawah ini dan tempatkan tepat di atas kode ]]></b:skin>

headline-wrapper{background:url(https://lh3.googleusercontent.com/-leV22rchdzc/UAP58mLNrFI/AAAAAAAADb4/sRUlcvkSIsA/s38/headline-bg.png) repeat-x;width:950px;height:30px;margin:0 auto;padding:0 auto}

.headline{width:950px;line-height:1.4em;text-align:left;font-family:Arial;font-size:12px;color:#4f4f4f;overflow:hidden;clear:both;margin:0 auto;padding:0 auto;text-shadow: 1px 1px 1px #000}

.headline a:hover{color:#eace12;text-decoration:none}

Berikutnya, cari kode </head>. Lokasinya tidak jauh dari kode ]]></b:skin> dan letakan kode di bawah ini tepat di atas kode </head>.

<script src='https://www.google.com/jsapi?key=ABQIAAAAlQIoliUVPjZwD8UDgw_U3RTUhB4JyH-ajz-fA9t4yePPPdGAfRTC_mtuh6Iq1MLEipD0I2rCi30Png' type='text/javascript'/>

<script src='http://exlorer-amran91.googlecode.com/files/HDN.js' type='text/javascript'/>

<style type='text/css'>

.titlefield{ /*CSS for RSS title link in general*/

text-decoration: none;}

.labelfield{ /*CSS for label field in general*/

color:#666;font-size: 100%;}

.datefield{ /*CSS for date field in general*/

color:#fff;font:normal 12px Arial;}

#example1{ /*Demo 1 main container*/

width: 900px;

height: 12px;

border: 0px solid #aaa;

padding: 0px;

font:bold 12px Arial;

text-transform:none;

text-align:left;

background-color:transparent;}

code{ /*CSS for insructions*/

color: #fff;}

#example1 a:link, #example1 a:visited {color:#60bafa;text-decoration:none;}

#example1 a:hover {color:#fff;text-decoration:none;}

</style>

Dan yang terakhir kamu cari kode <b:section  class=’header’  id=’header’. Namun sesungguhnya bukan itu yang kita cari tapi tepat di bawahnya kamu akan menemukan kode <b:includable id=’main’> nah di kode <b:includable id=’main’> lah kamu akan memasang tepat di bawahnya.

Dan di bawah inilah kodenya:

<div class='headline-wrapper'>

<div class='headline'>

<div style='float:left;padding:5px 5px 5px 10px;font:bold 12px Arial;color:#aeaeae;text-transform:none;'>

Headlines News :

</div>

<div style='float:left;width:800px;padding:5px 0; position:relative; overflow:hidden;'>

<script type='text/javascript'>

var cssfeed=new gfeedrssticker(&quot;example1&quot;, &quot;example1class&quot;, 3000, &quot;_new&quot;)

cssfeed.addFeed(&quot;Latest Movies&quot;, &quot;Letakkan URL blog Anda/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><div style='clear:both;'/>

</div>

Ganti tulisan warna merah dengan URL blog kamu....

Setelah mengganti yang berwarna merah dengan URL blog kamu,

Klik “simpan template”

Selesai semoga bermanfaat.........