JNet99

Enjoy Saja Bro

Tulisan berjalan vertical :

knickersTulisan berjalan vertical :

Salam bro,
Mungkin kita semua tidak asing lagi dengan perintah Marquee. Bagi yang pernah mendapat pelajaran di sekolah atau di kuliah perintah ini mungkin tidak asing lagi. Tapi sangat sedikit penjelasan yang didapat dari turunan atau kombinasi dari perintah ini. Sehingga tampilannya yang didapat kurang menarik selain huruf-huruf yang hanya dapat bergerak dari kanan kekiri
Misalnya kita tulis perintah begini :

<marquee>tulisan saya</marquee>

Perintah diatas merupakan perintah sangat sederhana, perintah ini sebenarnya dapat dikembangkan sehingga tulisan dapat bergerak kesegala arah sesuai dengan keinginan kita dan dapat dikombinasikan dengan beberapa perintah lainnya sehingga tampilannya menjadi menarik.

contohnya saat kita ingin  mengembangkan web sendiri dan ingin menampilkan daftar nama teman atau daftar apa saja yang banyak sekali sehingga cukup memakan halaman web. Bagaimana caranya agar semua bisa tampil tetapi tidak memakan halaman web tersebut, sehingga kita mendapatkan suatu halaman yang efisien dengan tampilan menarik dan kreatif.

Berikut ini adalah contoh perintah yang harus kita tuliskan, dan bisa ditaruh dihalaman web.

<marquee direction="up" scrolldelay="500"
style="border:solid;height:50px ;width: 150px;
border-width:thin;background-color:#FFCCCC">
- <a href="http://jnet99.wordpress.com">JNet99</a><br>
- <a href="http://gustidana.wordpress.com">gustidana
</a><br>
- <a href="http://cyberwhite.wordpress.com">cyberwhite
</a><br>
</marquee>

Penjelasan perintah :
Direction : perintah ini untuk mengendalikan arah tulisan, ada beberapa option yaitu “down” : tulisan bergerak turun, “left” : dari kiri kekanan, “right” : dari kanan kekiri, “up” : tulisan bergerak naik.

Scrolldelay : perintah ini untuk mengatur cepat lambatnya pergerakan.

Style : merupakan perintah kombinasi untuk membuat model yang akan kita bikin. Model yang kita bikin lewat perintah berikut ini :

Border : artinya kita bikin bordir dengan option : medium, thin, thick, dashed, dotted, double, groove, hiden, inset, none, outset, ridge, solid, inheret. Dan disini saya memakai solid saja sebagai contoh. Anda bisa coba-coba yang lainnya.

Height : tinggi bordir yang akan dibikin dengan ukuran pixel.

Width : lebar bordir.

Border-width : merupakan tingkat ketebalan garis dan mempunyai option medium, thin, thick.

background-color : warna background.

Cuma sayangnya perintah ini tidak bisa dijalankan di wordpress, karena wordpress sangat membatasi perintah-perintah html yang bisa digunakan.

Anda bisa coba di blogspot seperti contoh ini http://jnet99.blogspot.com

Dan bisa juga ditaruh di Gadget nya blogspot.

Anda juga bisa mencoba di notepad (program bawaan windows) dan disimpan dalam extension *.htm, untuk menjalakannya tinggal double click.

Mudah-mudahan bisa bermanfaat bagi pembaca.

Artikel terkait

Filed under: Tips & Tricks, html , , , , , , ,

10 Responses

  1. ridwan mengatakan:

    mas tanya donk..

    klo aq pingin ketika tulisan ni berjalan trus kita klik pada baris tertentu trus dia berhenti gmn ya..

    jawab :
    Skripnya dibawah ini :

    <marquee id=m1 onclick=”this.stop()” direction=”up” scrolldelay=”500″
    style=”border:solid;height:100px ;width: 300px;
    border-width:thin;background-color:#FFCCCC”>
    disini isi tulisan Anda <br />
    disini juga tulisan Anda <br />
    Yang ini juga donk
    </marquee><br />
    <button onclick=”m1.start()”>slide</button>

    Intinya terletak pada id=m1 onclick=”this.stop()”
    dan
    komponen button

    Cara kerjanya

    Saat Anda klik pada baris yang diinginkan maka akan gerakan akan berhenti, tapi untuk menjalankannya kembali Anda harus klik tombol slide.

    Silakan Anda coba dan apapun hasilnya beritahu saya kembali

  2. nursohib mengatakan:

    terima kasih mas infonya, nanti saya praktekan. dan pasti akan kembali lagi.

    jawab :makasih kembali, hati2 perintah marquee hanya tidak berlaku di worpress.com

  3. Gusti Dana mengatakan:

    Om Jose….naruh kodenya dimana??.Maksudnya di stylesheet css,tema,atau body tema??.Makasih atas triknya:).Saya jjs ketulisan yang lain dulu ya…:)

    jawab : Biasanya di Widget saja sudah cukup. Atau di dalam postingan tapi dibuat sticky agar selalu tampil diatas

  4. hasheem mengatakan:

    kalo tulisan yangberjalan di wordpress lalu pakek kode apa yaa…. :-D mohon bantuannya ato kalo buat sendiri bagaimana caranya….
    jawaban…

    ….
    ….

    jawab : kalau Anda menggunakan wordpress.com tentu tidak bisa, soalnya perintah-perintahnya banyak dibatasi, kecuali Anda menggunakan wordpress.org.

  5. movaz mengatakan:

    makasih mas….. saya copy paste d blog saya…

Leave a Reply

delicious