INFO ANYAR | UAS Mata Kuliah Hukum Bisnis dilaksanakan tanggal 10-06-2016 pukul 14.00 - 15.30 | RKAKL Online Klik Disini | Chek in Online Garuda Klik Disini | Cek Garuda Miles Klik Disini | Materi MK Hukum Bisnis, Lihat Pada Menu Materi Kuliah Hkm. Bisnis |

11 Maret 2012

Otak Atik Teks Berjalan (Marquee) di Header

Membaca tutorial Nthoeng (maaf saya cari-cari nama aslinya 'gak nemu) tentang membuat teks berjalan (marquee)pada blog, memberi inspirasi kepada saya untuk selalu meng-update informasi melalu menu teks berjalan ini. Dari beberapa contoh yang ada, nampak sebagian besar model teks berjalannya sederhana.

Akhirnya dari otak-atik maka jadilah hasilnya seperti ini

Terima kasih anda sudah berkunjung di Website Agha_ku | Silahkan Download Materi Kuliah IT For Bussiness | Jangan Lupa Tinggalkan Komentar Anda |

Scipt dari contoh di atas adalah :
<center>
<p><div style='border: 2px solid #993300; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:3px; background-color: #FFFFFF; width:600px; padding:6px 10px 7px 10px;'>
<marquee direction='left' scrollamount='3'>Terima kasih anda sudah berkunjung di Website <a href='http://gustibogor.blogspot.com/' style='color: #CC0000;'>Agha_ku</a> | Silahkan Download Materi Kuliah <a href='http://gustibogor.blogspot.com/2012/03/deskrips-mata-kuliah-it-for-business.html/' style='color: #CC0000;'>IT For Bussiness</a> | Jangan Lupa Tinggalkan Komentar Anda |</marquee></div></p></center>
Dari contoh di atas, ada beberapa hal yang harus telaah ketika akan membuat teks berjalan di blog yaitu :
  1. Jangan Lupa, ketika memulai baca bismillah
  2. Masuk ke Blogger anda, pilih Rancangan kemudian pilih Edit HTML
  3. Centang Expand Expand Template Widget
  4. Tempatkan posisi tulisan tersebut sesuai dengan model template anda, bisa saja di simpan di bawah </head>, <div class='widget-content'> atau di posisi mana yang tepat menurut anda.
  5. Radius untuk memperbesar/memperkecil ukuran pada sisi border
  6. px (pixel) untuk menentukan besar kecilnya ukuran/bentuk, bisa borderm huruf, tinggi atau lebarnya (dalam tulisan ini keberulan tentang text area)
  7. scrollmunt berfungsi untuk menghitung kecepatan teks tersebut berjalan, lebih besar angkanya maka lebih cepat.
  8. Ingat, sebelum ada klik SIMPAN TEMPLATE, sebaiknya lakukan dulu PRATINJAU, supaya kalau masih ada perubahan, adan tinggal kembalu ke EDIT HTML.
  9. Jika dianggap sudah pas, silahkan klik SIMPAN TEMPLATE

Reaksi:

0 komentar:

Posting Komentar