MEMBUAT EFEK MARQUEE

Apa itu marquee ? Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Program marquee ini banyak diminati dan di pakai oleh para blogger di dalam blognya karena sifat program ini yang dinamis serta menarik untuk di lihat disamping untuk menghemat tempat pada halaman blog.





Marquee ini bisa di buat dengan menggunakan tag <marquee>...</marquee>.




Atribut yang sering di gunakan adalah :



BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks




DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks



BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan



Scroll --> teks bergerak berputar

Slide--> teks bergerak sekali lalu berhenti


Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)



TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks



SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.



SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik



LOOP="angka|-1|infinite" --> Mengatur jumlah loop




WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen




Agar lebih jelas akan saya sertakan contohnya :



Contoh marquee dari gerakan :



<MARQUEE align="center" direction="right"
height="200" scrollamount="2" width="30%">



marquee dari kanan ke kiri



</MARQUEE>




hasilnya :





marquee dari kanan ke kiri




ganti kata "left" dengan keinginan anda yaitu bisa : left, up, down .






Contoh marquee dari perilaku gerakan :



<MARQUEE align="center"
direction="left" height="200" scrollamount="3"
width="70%" behavior="alternate">




marquee menurut perilaku




</MARQUEE>







marquee menurut perilaku







Contoh marquee dengan variasi hurup dan warna latar belakang :





<div align="left">&ltFONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">



</MARQUEE></b></FONT></div>




hasilnya :

marquee dengan variasi hurup

Ada variasi lain dari marquee ini, yakni ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali, ini hanya di tambahkan sedikit program pada kolom marquee.



Contoh, silahkan arahkan mouse anda ke area marquee di bawah ini :



<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">



silahkan tunjuk ke sini



</marquee>






hasilnya :






silahkan tunjuk ke sini







Contoh marquee yang di dalam nya terdapat link :



<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">





<a href="http://rubrik-elektronik.blogspot.com" target="new">Rubrik Elektronik</a><br/>




<a href="http://electronic-rubric.blogspot.com" target="new">Electronic Rubric </a><br/>





<a href="http://kolom-iklan.blogspot.com" target="new">Kolom iklan </a><br/>





</marquee>






hasilnya :




Free Template





Kolom iklan



Kang Rohman









Mungkin itu saja beberapa contoh yang bisa di berikan, silahkan anda otak-atik sendiri agar tercipta variasi-variasi dari marquee ini.




Selamat ber eksperimen





Ingin pintar dalam bahasa HTML, silahkan download ebook nya di sini

Ingin pintar membuat website sendiri, silahkan klik di sini

cara mengupload gambar di blog

Agar posting artikel pada blog lebih menarik untuk dilihat, maka sebaiknya kita menyisipkan gambar di antara poting-an kita tersebut, di samping untuk lebih memperjelas apa yang kita sampaikan. Misalkan kita sedang menerangkan sesuatu, maka dengan adanya gambar akan lebih memperjelas maksud dari topik yang sedang kita jelaskan kepada para pembaca artikel kita. Bagi anda-anda yang masih bingung bagaimana caranya untuk memasukan gambar atau istilah resminya yaitu upload gambar, maka akan saya ulas langkah-langkahnya :

1. Login seperti biasa dengan id anda
2. Klik Posts
3. Klik New Post (bila sebelumnya anda telah mempunyai posting-an)
4. Klik toolbar yang bergambar seperti ini
5. Beri tanda tik/cek pada radio button pada pilihan Choose a layout, bila anda menginginkan posisi gambar bisa di tempatkan di mana saja, pilih pada radio button None, bila posisi gambar di sebelah kiri pilih left, bila ingin di tengah pilih Center, bila ingin di kanan pilih Right.
Beri tanda tik/cek pada Image size, bila ingin gambar yang di upload hasilnya kecil pilih Small, bila ingin sedang pilih Medium, bila ingin besar pilih Large
6. Beri tanda ceklis di samping tulisan Use this layout every time bila anda menginginkan setiap upload gambar settingnya seperti semula
7. Tekan tombol Browse, lalu masukan gambar dari komputer anda yang ingin di upload.
8. Klik Add another image bila gambar yang ingin di upload lebih dari satu gambar
9. Klik tombol UPLOAD IMAGE, tunggu beberapa saat sampai proses upload selesai
10. Klik Tombol Done untuk mengakhiri proses upload
    

Setelah proses upload anda selesai, untuk melihat gambar tadi, klik tombol Compose.
Nah disini anda bisa melihat gambar yang anda upload tadi sekaligus dapat mengatur kembali ukuran dari gambar ini, caranya yaitu klik gambar tersebut sampai gambar anak panah mouse anda berubah menjadi gambar panah empat penjuru. Arahkan mouse pada garis samping gambar sampai gambar mouse berubah menjadi panah dua arah, tekan tombol mouse lalu tahan dan gerakan kearah kiri atau kanan untuk merubah lebar gambar, bila susah sesuai dengan yang anda inginkan lepas tombol yang anda tahan tadi. Untuk mengatur tinggi gambar, arahkan mouse pada tepi bawah atau atas gambar sampai gambar mouse berubah menjadi anak gambar panah dua arah, tekan mouse lalu tahan kemudian gerakan mouse keatas atau kebawah untuk mengatur tinggi gambar, lepaskan mouse bila ukuran gambar sudah sesuai dengan yang anda inginkan.



Nah sekarang bagaimana cara memasukan foto untuk mengisi Profile kita?, caranya sama seperti langkah-langkah di atas, cuma ada sedikit perbedaan yaitu kamu harus menghapus beberapa kode tersebut. Jika foto kamu sudah selesai di upload (langkahnya sama seperti di atas). Tekanlah menu Edit HTML untuk melihat kode HTML dari Foto anda tadi, copy / paste kode HTML tersebut kedalam program notepad (agar lebih mudah) atau bisa juga ditulis di kertas. Kemudian klik publish. Untuk memasukan foto kedalam Profile kita, silahkan ikuti langkah berikut:

1. Setelah upload gambar, klik menu Dasboard
2. Klik menu Edit Profile
3. Di dalam form - form isian profile ada tulisan Photo URL, nah disini paste kode HTML yang telah anda copy tadi ke dalam notepad tapi jangan semuanya, yaitu yang di paste adalah kode setelah tulisan [src="] yaitu link yang di mulai dengan [http://] dan berakhir dengan [.jpg] atau [.jpeg]
4. Klik Save Profile, maka foto anda yang cantik dan ganteng sudah terpampang di blognya dan bisa dilihat oleh seluruh dunia
5. Selesai

setting domain di co.cc

Seperti yang sudah kita ketahui, bahwa co.cc adalah top level domain yang bisa kita dapatkan secara gratis. Kita bisa mengganti nama blog kita dari "http://namadomain.blogspot.com" atau "http"//namadomain.wordpress.com" (dll) menjadi "http://namadomain.co.cc" . Dengan co.cc kita bisa mengontrol DNS Records, A, MX, dan CNAME records, sehinga domain co.cc bukan hanya sekedar "URL Forwarding".
Berikut ini akan saya coba mengungkapkan tentang cara setting domain di co.cc:

Ada 3 tipe pengaturan di co.cc. Ketiganya memiliki fungsi tersendiri. berikut ini penjelasanya:

1. Managed DNS
Ini biasanya digunakan untuk sebuah web yang memerlukan web hosting dan mengharuskan untuk mengarahkan Name Server-nya ke hosting tersebut. Misal untuk membuat web di 000webhost, atau bisa juga untuk blog wordpress yg menggunakan hosting dari luar. Metode ini tidak cocok digunakan untuk blogger/blogspot yang menggunakan hosting default dari blogger/blogspot.
Cara setting untuk metode ini yaitu dengan mengisi pada kolom "Name Server 1 dan Name Server 2 dengan name server yg sesuai dengan hosting yang digunakan. Misal, bagi yang menggunakan hosting dari 000webhost maka untuk kolom "Name Server 1" disi dengan "ns01.000webhost.com" dan kolom "Name Server 2" disi dengan "ns02.000webhost.com". Kemudian klik tombol "Setup". Selesai


2. Zone Records
Zone records cocok digunakan bagi para pengguna blogger/blogspot. berikut ini cara setting untuk Zone Records

• Pada kolom "Host" isikan dengan nama domain yg sudah km daftarkan, misal "www.namadomain.co.cc" (jangan lupa dikasih "www")
• Untuk option "TTL" biarkan saja, gak perlu dirubah2
• Pada option "Type" pilih yang "CNAME"
• Untuk kolom "Value" isikan "ghs.google.com"
Sehingga akan seperti pada gamabr dibawah ini:

Langkah selanjutnya yaitu merubah settingan di blogger/blogspot caranya begini:

• Login ke blogger/blogspot kemudian masuk ke menu "Setting-->Publishing"
• Kemudian pilih "Switch to: • Custom Domain
• Setelah itu klik pada "Already own a domain? Switch to advanced settings"
• Kemudian isikan nama domain kamu yang baru pada kolom "Your Domain".

• Selanjutnya klik tombol "Save Setting"

Selesai. Kalau berhasil (Settingnya sudah benar) maka domain kamu yang baru akan aktif dalam waktu antara beberapa jam sampai 2 hari. Jadi sabar aja menunggunya. Blog kamu akan tetap bisa diakses dengan melalui domain yang lama.

3. URL Forwarding
URL forwarding bisa digunakan untuk apa aja, bisa web ato blog. Tapi URL Forwarding ini hanya memforward domain yg baru (yang di co.cc) ke domain lama. Jadi domain lama akan 100% seperti semula tanpa ada perubahan apapun, cuma kita bisa mengakses web/blog kita dengan mengetikkan nama domain baru kita di browser. Jika menggunakan URL Forwarding maka yang terindex di google atau Search engine yang lain adalah tetap Domain kita yang lama.
Untuk setting URL Forwarding sangat mudah, kita hanya mengisikan data-data yang diminta dan disesuaikan dengan web/blog kita, seperti "Redirect to:, Page Title, URL Hiding, Meta Description dan Meta Keywords". Kita tidak perlu lagi mensetting domain di web/blog kita lagi.
Note: Metode ini tidak dianjurkan jika tidak terpaksa

Jadi kesimpulannya adalah:

• Jika kamu memakai layanan blogger/blogspot maka gunakanlah "Zone Records"
• Jika domainnya digunakan untuk web yg memerlukan hosting atau untuk wordpress maka gunakanlah "Manage DNS"
• Jangan menggunakan "URL forwarding" jika tidak terpaksa. Misal untuk untuk blog dari multiply yang tidak support custom domain.