Sabtu, 22 Januari 2011

Cara Membuat Head Line News

Setelah sekian lama saya mencari cara untuk membuat yang satu ini, entah itu menanyakannya kepada Mbah Google, request ke sesama sahabat blogger, akhirnya ketemu juga. Ternyata namanya Head Line News, secara tidak sengaja saya menemukannya di salah satu blog sahabat saya. Head Line News ini merupakan cara untuk menampilkan teks yang berjalan, seperti yang nampak pada blog saya yang di bagian bawah. Ok lah sob kita langsung aja menuju TKP.


  1. Login ke Akun Blogger sobat.
  2. Masuk ke Tata Letak/ Rancangan lalu pilih tab Edit HTML.
  3. Klik Download Full Template, untuk mem-backup template sobat, jika terjadi kesalahan.
  4. Beri tanda centang pada Expand Template Widget.
  5. Copy kode di bawah ini persis di atas kode ]]></b:skin> 

#anima_sudut {
position:fixed;_position:relative;bottom:15px; right:0px;
clip:inherit;
_bottom:expression(document.documentElement.scrollbottom+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#anima_sudut a:link {
color:#000000;}
#anima_sudut a:visited {
color: #FFFFFF;
text-decoration:none;}
#anima_sudut a:hover {
color: #000000;}

Catatan : 
  1. Untuk menentukan posisinya, sobat bisa merubah bottom:15px; right:0px; dengan catatan top = atas, bottom = bawah, right = kanan, dan left = kiri.
  2. Untuk kode yang berwarna kuning untuk mendeskripsikan Link yang berwarna.
  3. Untuk kode yang berwarna merah untuk mendeskripsikan warna Link ketika di sorot.
6. Kemudian Copy Paste kode di bawah ini persis di ata kode </body>

<div id='anima_sudut'>
&lt;font COLOR=&quot;#000000&quot;&gt;
&lt;B&gt;&lt;MARQUEE onmouseover=&quot;this.stop()&quot; onmouseout=&quot;this.start()&quot; direction=&quot;left&quot; BGCOLOR=&quot;#80ff00&quot; width= 100%px scrollamount=&quot;3&quot;&gt;
SELAMAT DATANG DI <a href='http://www.asis-sugianto.blogspot.com/'> ASHTHO SOFTWARE EASY </a> | DAPATKAN FREE SOFTWARE TERBARU, FULL VERSION, FULL CRACK, PATCH, KEYGEN SERTA TIPS N TRIK MENGENAI KOMPUTER, WINDOWS DAN BLOG | UNTUK KENYAMANAN MENDOWNLOAD GUNAKAN INTERNET DOWNLOAD MANAGER <a href='http://asis-sugianto.blogspot.com/2010/04/internet-download-manager-518_20.html'> (IDM) </a> ATAU DOWNLOAD ACCELERATOR PLUS <a href='http://asis-sugianto.blogspot.com/2010/04/download-accelerator-plus-dap-9405.html'> (DAP) </a> | TERIMA KASIH ATAS KUNJUNGAN ANDA
&lt;/MARQUEE&gt;&lt;/b&gt;&lt;/font&gt;
</div>

Catatan : 
  • Untuk kode yang berwarna kuning, untuk mendeskripsikan warna latar belakang dari Head Line tersebut.

Tidak ada komentar:

Poskan Komentar