Membuat Newsticker di Blogspot


Assalamuallaikum...

Setelah saya banyak bertanya dengan mbah google , Kemudian saya mendapatkan sebuah pencerahan dari Mbah Google , yaitu Bagaimana cara membuat Newsticker / Berita berjalan yang berada di sebuah kolom, yang biasanya ini merupakan sebuah Widget yang biasa di gunakan di Bawah televisi dan juga website berita ternama atau website berita Pemerintahan. Seperti contohnya yang saya ambil dari Website Pemerintah Kalimantan Selatan Kalselprov.go.id yang di sana menggunakan Newsticker yang berada di bawah Menu navigasi dan Header,


Bagaimana sih cara membuatnya?
Cara membuatnya mudah saja kok, sobat tidak perlu memerlukan waktu yang banya, karena saya akan memberikan tutorial yang mudah dan hasilnya sih perbandingan dengan gambar di atas 11 Banding 9. Hehehe

Mungkin tidak berlama - lama ya? Inilah tutorial pembuatannya :
1. Sobat pastinya harus Login dahulu ke Akun Blog Sobat
2. Kemudian Sobat Pilih Rancangan > Edit HTML,
3. Kemudian Cari ]]></b:skin>,
4. Jika sudah ketemu kemudian Letakan Kode di bawah ini Tepat di Atas kode ]]></b:skin>,
#berita {
position:fixed;_position:absolute;bottom:0px; center:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); } 
5. Kemudian Sobat cari kode </body>,
6. Setelah itu Letakan Kode html di bawah ini tepat di Atas kode </body>,
<div id=' berita '>
<iframe allowtransparency='true' frameborder='0' height='17' id='NewsWindow' marginheight='0' marginwidth='0' scrolling='no' src='http://www.elshinta.com/v2003a/scrolling.htm' style='background-color: transparent;' width='1200'/>
</div>
7. Akan otomatis Newsticker ini akan berada di bawah blog Sobat, Untuk Merubahnya silahkan sobat ganti Posisinya dengan mengedit sedikit kode di bawah ini, yang telah Sobat taruh di atas ]]></b:skin>,


< 
>

#berita {

position:fixed;_position:absolute;top:0px; center:0px;

clip:inherit;

_top:expression(document.documentElement.scrollTop+

document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); } 


*KETERANGAN
Pada Kode yang berwarna merah diatas silahkan di ganti dengan kehendak Sobat dalam menentukan Posisi Newsticker berada,



8. Kemudian Klik Save Template

Alhamdulillah Pembuatan Newsticker pada blog sobat sudah selesai, Semoga Berguna dan Bermanfaat bagi sobat yang telah berkunjung ke Blog saya.

0 Response to "Membuat Newsticker di Blogspot"

Post a Comment