Loading...

Tekhnik Membuat Newsticker Berita Berjalan Untuk Blogger

Kamis, 17 Oktober 2013

Share On:
Pernahkah anda mengunjungi sebuah blog dengan newsticker berjalan di bawah blogger? mungkin contohnya dapat dilihat pada gambar dibawah ini :


newsticker ini berisi tentang cuplikan berita pendek yang mewakili berita secara keseluruhan sehingga bisa memberikan informasi terbaru kepada pengunjung blog arbakid tentang peristiwa yang sedang terjadi saat ini dan pada akhirnya pengunjung dari blog arbakid tidak akan ketinggalan informasi terbaru.

Cara membuat berita berjalan pun sangat mudah, untuk membuat berita berjalan atau newsticker diblogspot tinggal ikuti saja langkah-langkah dibawah ini :

  1. login ke blogger
  2. masuk ke edit HTML dan cari kode berikut ini : ]]></b:skin>
  3. Copast script dibawah ini dan letakkan di atas kode tersebut
  4. #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. langkah berikutnya, pada Edit HTML cari kode berikut ini : </body>
  6. Copast script dibawah ini dan letakkan di atas kode tersebut
  7. <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>
  8. secara otomatis berita ini akan tampil di posisi bawah blog
  9. untuk merubahnya tinggal diganti saja script pada langkah ke 4 dengan script berikut ini
  10. #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); }
  11. Selesai
Semoga bermanfaat. Salam..
source : here

Berkomentarlah dengan Sopan, Sara, SPAM akan dihapus...
ADVERTISMENT
Share this article :

1 komentar:

 
Support : Jasa Buat Web Pangkalpinang | Tips Blogger | Special Thanks
Copyright © 2013. Saungjiwa Blog - All Rights Reserved
Inspired by Sportapolis Shape5.com
Proudly powered by Blogger