Cara Membuat Head Line News

remoxp
35
Pada kesempatan kali ini saya akan memenuhi janji saya tentang tata cara membuat head line news seperti punya saya, buat sobat blogger yang ingin mempelajari dasar-dasar nya silahkan baca artikel saya tentang cara membuat efek marquee dan cara memasang gambar di sudut layar.

Cara yang saya gunakan untuk membuat head line news sebenarnya hampir sama ketika saya memasang gambar di sudut layar, cuma ada beberapa code yang harus di ubah. Cuma beberapa kok, nggak banyak. Hehehe
Okehh, kita langsung aja sob,

pertama, login ke akun blogger masing-masing, lalu tata letak - edit HTML.
Kemudian cari kode ]]></b:skin>. Gunakanlah fasilitas search untuk mencari nya dengan menekan CTRL+F.
Copy scipt dibawah ini, lalu paste diatas code ]]></b:skin> yang tadi.

#anima_sudut {
position:fixed;_position:relative;top:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

Untuk menuntukan posisinya, sobat blogger bisa merubah top:10px; left:10px; .( top=atas, bottom=bawah, right=kanan, left=kiri)

Note : Kalau sobat sobat blogger sudah punya script( #anima_sudut) di html blog sobat, tambahkan angaka dibelakangnya atau semacamnya untuk membedakan nya.
Contoh : #anima_sudut2


Kemudian copy-paste code dibawah ini diatas code </body>.
<div id="anima_sudut">
&lt;font COLOR="#000000"&gt;
&lt;B&gt;&lt;MARQUEE onmouseover="this.stop()" onmouseout="this.start()" direction="left" BGCOLOR="#80ff00" width= 100%px scrollamount="3"&gt;
HEAD LINE NEWS CREATIVE BY REMO-XP | SILAHKAN GANTI DENGAN TEXT ANDA
&lt;/MARQUEE&gt;&lt;/b&gt;&lt;/font&gt;
</div>

CATATAN :
Jangan lupa samakan variabel script di atas dengan yang dibawah.
Misalnya, yang diatas menggunakan nama #anima_sudut2 maka yang di bawah otomatis harus disamakan juga menjadi anima_sudut2.
Jangan lupa ganti height dan width nya sesuai dengan ukuran blog anda. kalau tidak di ganti juga tidak masalah. suka-suka pokonya, hehehe

Sekian tips blogging dari saya, semoga bisa membantu.

Selamat Mencoba.

Post a Comment

35 Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.

Saya tidak online 24 Jam dan hanya sendiri mengurus blog ini, mohon maaf bila komentar anda tidak di balas.
Mohon gunakan kata-kata yang sopan dalam memberikan komentar.
Komentar SPAM, SARA, dan sejenisnya tidak akan di tampilkan.
Komentar hanya Thanks, Mantap, Pertamax, dll. Tidak akan di tampilkan.

  1. pertamax... g ya..... langsung praktek dech

    ReplyDelete
  2. kok g muncul head linenya cumamuncul creativ by

    ReplyDelete
  3. @Rizky2009 : Masa sih sob?? saya udah coba n bisa kok, :D Creative by?? prasaan g ada tulisan creative by deh sob,,,
    Mmm
    Coba anda coba sekali lg aja,, ok

    ReplyDelete
  4. blognya kerennnnnn
    more tips about blogging yah :D

    ReplyDelete
  5. @wuri : ok,, sering: datang yah,, heheh

    ReplyDelete
  6. Ok blognya bagus, kreatif..thank infonya,..salam kenal.

    ReplyDelete
  7. ko di blog saya Head Line News ga full sesuai blog saya?ga panjang cuma setengah blog jd apanya yang mesti di ruba height dan width?

    ReplyDelete
  8. @sulaiman : bner sob, height n width nya harus disesuaikan,,

    ReplyDelete
  9. mas numpang ngopi ya..buat tambah pengalaman,sm buat tambah di blog..

    ReplyDelete
  10. bos, buat memperbesar ukurannya (ukuran font) bagaimana???

    ReplyDelete
  11. salam damai...

    mau nanya kalau pasang headline news di mambo gimana caranya?

    thanx

    ReplyDelete
  12. wah,, saya blm pernah make mambo sob,, jd kurang tau,, :D

    ReplyDelete
  13. mau tanya bang remo kalu mau bwt tmbol next prev home kaya di bawah tu bagaimana??? thanks

    ReplyDelete
  14. salam kenal neh om remo.

    saya termasuk orang baru di dunia blog-blogan gini
    setelah berkunjung ke blognya om remo, isinya mantabz. numpang belajar ya om. nanti tak praktekin di blog saya.
    biar ikutan keren kayak blognya si om kita ini
    makasih...

    ReplyDelete
  15. thank's kk...blogku jd lebih byk pengunjungnnya..

    ReplyDelete
  16. Makasih gan ilmunya...

    ijin di copy...
    :)]

    ReplyDelete
  17. This comment has been removed by the author.

    ReplyDelete
  18. This comment has been removed by the author.

    ReplyDelete
  19. nice info mas.. :D izin di praktekin yaa.. :)

    ReplyDelete
  20. oh iya.. mau sekalian tanya dong.. itu gimana bikin guestbook ngumpet gitu mas..??

    ReplyDelete
  21. gan, kok di headline saya, kalo di minimize jadi engga keliatan ya ?

    ReplyDelete
  22. Bang..
    mau tanya nih ..
    kalo mau ganti warna hijaunya jadi warna Biru atau warna lain gimana yahh.. ??
    ditunggu jawabannya bang...

    thanks B4 to Remo-xp!!

    ReplyDelete
  23. bang remo,cara ngatur height and weihtnya gmana?

    ReplyDelete
  24. mas mau numpang beljar,..masih pemula soalx :D

    ReplyDelete
  25. bisa tp kok cuma bi bagian bawah blog aja keliatannya
    gmana dong ???

    ReplyDelete
  26. kk, caranya byar headlineny da d bwah gmana? (punyaq msh d atas, hehe.....)
    thanx..... :)

    ReplyDelete
  27. saat agan menaruh code diatas ]]> agan akan menemui code left:0px; Kemudian left agan ganti menjadi( bottom )abis tuh 0px seterah mw agan ganti brp 12 jg boleh tapi saya sarnkan 0 saja :)jadinya akan kaya gini dech gan code: bottom:10px;

    oke skrg Contoh headlines nya bisa agan liat di blog ku : http://hafish-codeline8.co.cc

    ReplyDelete
  28. bang remo, sudah q coba tapi posisix malah d.bwh, gimana ya cara utk menampilkan head line news dibagian atas blog, punya q masih diatas nch,,,,, mohon penerangannya
    Thanks

    ReplyDelete
  29. gan remo , tolong donk kunjungi blog saya dan kasih saran/masukan untuk blog saya..

    www.xpentx.blogspot.com

    ReplyDelete
  30. udah saya search tp kok ]]> gak ketemu trus bang, mohon pencerahannya bang..

    ReplyDelete
  31. wah mantab gan...dilanjut lagii...

    ReplyDelete
  32. kang kasih tau juga dong cara bikin tab menu kaya akang di atas,

    software, tips n trik daftar isi

    nah yang kaya gitu, jadi pas di klik nyambung ke post post tentang itu,

    ReplyDelete

Saya tidak online 24 Jam dan hanya sendiri mengurus blog ini, mohon maaf bila komentar anda tidak di balas.
Mohon gunakan kata-kata yang sopan dalam memberikan komentar.
Komentar SPAM, SARA, dan sejenisnya tidak akan di tampilkan.
Komentar hanya Thanks, Mantap, Pertamax, dll. Tidak akan di tampilkan.

Post a Comment
Our website uses cookies to enhance your experience. Learn More
Accept !