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">
<font COLOR="#000000">
<B><MARQUEE onmouseover="this.stop()" onmouseout="this.start()" direction="left" BGCOLOR="#80ff00" width= 100%px scrollamount="3">
HEAD LINE NEWS CREATIVE BY REMO-XP | SILAHKAN GANTI DENGAN TEXT ANDA
</MARQUEE></b></font>
</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.
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.
pertamax... g ya..... langsung praktek dech
ReplyDeletekok g muncul head linenya cumamuncul creativ by
ReplyDelete@Rizky2009 : Masa sih sob?? saya udah coba n bisa kok, :D Creative by?? prasaan g ada tulisan creative by deh sob,,,
ReplyDeleteMmm
Coba anda coba sekali lg aja,, ok
blognya kerennnnnn
ReplyDeletemore tips about blogging yah :D
@wuri : ok,, sering: datang yah,, heheh
ReplyDeletemantap nih sob...
ReplyDeletesalam...
Ok blognya bagus, kreatif..thank infonya,..salam kenal.
ReplyDeleteko 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@sulaiman : bner sob, height n width nya harus disesuaikan,,
ReplyDeleteThanks gan infonya
ReplyDeletemas numpang ngopi ya..buat tambah pengalaman,sm buat tambah di blog..
ReplyDeletebos, buat memperbesar ukurannya (ukuran font) bagaimana???
ReplyDeletesalam damai...
ReplyDeletemau nanya kalau pasang headline news di mambo gimana caranya?
thanx
wah,, saya blm pernah make mambo sob,, jd kurang tau,, :D
ReplyDeletemau tanya bang remo kalu mau bwt tmbol next prev home kaya di bawah tu bagaimana??? thanks
ReplyDeletesalam kenal neh om remo.
ReplyDeletesaya 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...
thank's kk...blogku jd lebih byk pengunjungnnya..
ReplyDeleteMakasih gan ilmunya...
ReplyDeleteijin di copy...
:)]
This comment has been removed by the author.
ReplyDeleteThis comment has been removed by the author.
ReplyDeletethanx info bro!!!!
ReplyDeletenice info mas.. :D izin di praktekin yaa.. :)
ReplyDeleteoh iya.. mau sekalian tanya dong.. itu gimana bikin guestbook ngumpet gitu mas..??
ReplyDeletegan, kok di headline saya, kalo di minimize jadi engga keliatan ya ?
ReplyDeleteBang..
ReplyDeletemau tanya nih ..
kalo mau ganti warna hijaunya jadi warna Biru atau warna lain gimana yahh.. ??
ditunggu jawabannya bang...
thanks B4 to Remo-xp!!
bang remo,cara ngatur height and weihtnya gmana?
ReplyDeletemas mau numpang beljar,..masih pemula soalx :D
ReplyDeletebisa tp kok cuma bi bagian bawah blog aja keliatannya
ReplyDeletegmana dong ???
kk, caranya byar headlineny da d bwah gmana? (punyaq msh d atas, hehe.....)
ReplyDeletethanx..... :)
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;
ReplyDeleteoke skrg Contoh headlines nya bisa agan liat di blog ku : http://hafish-codeline8.co.cc
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
ReplyDeleteThanks
gan remo , tolong donk kunjungi blog saya dan kasih saran/masukan untuk blog saya..
ReplyDeletewww.xpentx.blogspot.com
udah saya search tp kok ]]> gak ketemu trus bang, mohon pencerahannya bang..
ReplyDeletewah mantab gan...dilanjut lagii...
ReplyDeletekang kasih tau juga dong cara bikin tab menu kaya akang di atas,
ReplyDeletesoftware, tips n trik daftar isi
nah yang kaya gitu, jadi pas di klik nyambung ke post post tentang itu,
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.