Showing posts with label atau. Show all posts
Showing posts with label atau. Show all posts

Thursday, March 23, 2017

MELETAKKAN GAMBAR DI SEBELAH KANAN ATAU KIRI ARTIKEL

MELETAKKAN GAMBAR DI SEBELAH KANAN ATAU KIRI ARTIKEL




Meletakkan gambar atau image memang bisa memperindah tampilan suatu blog,tapi jika kita menaruhnya kurang serasi bisa saja merusak pandangan bahkan membuat jenuh bagi pengunjung. Apalagi jika gambar tersebut berada di antara artikel yang kita buat. Sebenarnya di sini yang ingin saya katakan adalah ketika kita meletakkan gambar apa adanya pada artikel yang akan terlihat menjorok ke atas.
Untuk mengatasi hal ini sobat bisa menyisipkan kode css dengan menambahkan ukuran dan letak gambar. Selanjutnya bisa meletakkan gambar tersebut di sebelah kanan maupun pada sebelah kiri dari artikel kita.

Gambar di samping akan terlihat mengambang di sebelah kiri setelah kita menambahkan kode css nya. Misalkan disini saya punya alamat gambar <img src="http://i761.photobucket.com/albums/xx252/darma_bucket/th_garudajpn.png"> Kita tinggal menambahkan letak dan ukurannya yang akan menjadi seperti ini <img src="http://i761.photobucket.com/albums/xx252/darma_bucket/th_garudajpn.png" align="left" width="100" height="100">

Gambar di samping akan terlihat mengambang di sebelah kanan dengan mengganti posisi left menjadi right. Sobat juga bisa menyesuaikan juga lebar dan tingginya.

Gambar di samping akan terlihat menjorok ke atas ketika kita letakkan apa adanya tanpa menambah ukuran dan letak gambar.

Semoga bermanfaat !

Available link for download

Read more »

Friday, March 10, 2017

MEMBUAT TEXT BERJALAN ATAU MARQUEE

MEMBUAT TEXT BERJALAN ATAU MARQUEE




M
ungkin ada sobat yang berminat memasang text berjalan atau marquee pada blognya. Saya ingin berbagi sama sobat yg belum tahu saja.Bagi yang sudah tahu silahkan bernostalgia. Text berjalan ini dalam bahasa HTML biasa disebut dengan marquee atau bahasa jawanya Markun. He..he..! "maaf pak markun bercanda." Bahasa apaan tu..? yang jelas Ingrislah.

Tag yang kita gunakan adalah:

<marquee>text yang kita inginkan</marquee>

text yang kita inginkan

Ini standart marquee agar berjalan dari kanan ke kiri.Kemudian kita bisa mengembangkannya dengan menambah beberapa astribut:

BGCOLOR=warna
DIRECTION=Mengatur arah gerakan (left,right,up.down)
BEHAVIOR=karakter gerakan (scrol,slide,alternate)
scrol(teks bergerak berputar)
slide(teks bergerak sekali lalu berhenti)
alternate(teks bergerak dari kiri ke kanan lalu balik)
TETLE=pesan muncul saat mouse berada di atas teks
SCROLLAMOUNT=mengatur kecepatan gerakan
SCROLLDELAY=mengatur tenggang waktu
LOOP=mengatur jumlah

Sekarang langsung saja kita pratekkan:

Dari arah kiri ke kanan

<marquee direction="right" >dari kiri ke kanan</marquee>

dari kiri kekanan

Arah bolak-balik

<marquee behavior="alternate" >arah bolak balik</marquee>

arah bolak-balik

Dari kanan ke kiri dengan kecepatan "15"

<marquee direction="right" scrollamount="15" >dari kanan ke kiri dengan kecepatan 15</marquee>

dari kanan kekiri

Arahkan mouse text berhenti

<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">arahkan mouse teks berhenti</marquee>

arahkan mouse text berhenti

Jika ingin turun atau naik tinggal ganti direction="down" atau "up"

<marquee direction="down" width="100%" height="100">dari atas ke bawah</marquee>

dari atas ke bawah

Dengan latar belakang warna

<marquee width="50%" bgcolor="orange">dari kanan ke kiri</marquee>


dari kanan ke kiri


<div align="left"> <span style="font- family:georgia;"<>marquee scrollamount="3" behavior="alternate" width="70%" bgcolor="red">dengan warna</marquee></span></div>


dengan warna


Dengan gambar atau foto

<marquee scrollamount="3" scrolldelay="10" width="50%" height="10%"><img src="http://picasion.com/pic12/001e4f5663e28f41208c938e9c7da3cf.gif" /></div></marquee>





Silahkan dicoba

Available link for download

Read more »