cara menambahkan video pada HTML 5

Atribut yang digunakan untuk menambahkan video:

Atribute	Value	Description
controls	controls	Menentukan kontrol video yang akan ditampilkan(Contoh: tombol play/pause)
autoplay	autoplay	Menentukan bahwa video akan mulaiberputar otomatis
src	URL	Menentukan alamat URL dari mana sumber video
width	pixels	Mengatur lebar dari video player
height	pixels	Mengatur tinggi dari video player
loop	loop	Untuk mengulang / memainkan kembali video yang telah selesai diputar.
muted	muted	Menentukan bahwa output suara akan dimute/dihilangkan
poster	URL	Menentukan gambaryang akan tampil ketika video masih belum berputar.
preload	auto metadata none	Menentukanjika dan bagaimana kapan video ini harus diputar menjalani proses loading ketika halaman terbuka.

format videoyang mendukung yaitu :

–Ogg(File Ogg dengan Video Codec Theora dan Audio Codec Vorbis) (.ogg)

–MPEG4(File MPEG4 dengan Video Codec H.264 dan Audio Codec AAC) (.mp4)

–WebM(File WebM dengan Video Codec VP8 dan Audio Codec Vorbis)(.webm)

Sintaks Penulisanya :

atau

<video src="judulvideo.ogg" controls="controls"></video>

atau

<video controls="controls"><source src="judulvideo.webm" type="video/webm"></video>

Mengenal Elemen baru pada HTML5

DOCTYPE UNTUK HTML5

1. DOCTYPEadalah instruksi untuk web browser tentang apa versi bahasa markup halaman yang ditulis.
2. Deklarasi DOCTYPE mengacu pada Document Type Definition(DTD).
3. DTDmenetapkan aturan untuk bahasa markup, sehingga browser dapat membuat konten halaman tersebut dengan benar.
4. Penggunaan DOCTYPE pada html5 lebih di sederhanakan.

Elemen baru pada HTML5

1. <article> Mendefinisikan sebuah artikel dalam dokumen 
2. <side> Mendefinisikan konten selain dari konten halaman
3. <bdi> Mendefinisikan sebuah bagian dari teks yang mungkin diformat dalam arah yang berbeda dari teks lain
4. <details> Mendefinisikan rincian tambahan bahwa pengguna dapat melihat atau menyembunyikan
5. <dialog> Mendefinisikan sebuah kotak dialog atau jendela
6. <figcaption> Mendefinisikan sebuah caption untuk <figure> elemen
7. <figure> Mendefinisikan konten mandiri, seperti ilustrasi, diagram, foto, daftar kode, dll
8. <footer> Mendefinisikan footer atau kaki dokumen
9. <header> Mendefinisikan sebuah header atau kepala dokumen
10. <main> Mendefinisikan isi utama dokumen
11. <mark> Mendefinisikan ditandai atau teks yang disorot
12. <menuitem> Mendefinisikan item perintah / menu bahwa pengguna dapat memanggil dari menu popup
13. <meter> Mendefinisikan pengukuran skalar dalam kisaran dikenal (gauge)
14. <nav> Mendefinisikan link navigasi dalam dokumen
15. <progress> Mendefinisikan proses dokumen
16. <rp> Mendefinisikan tampilan di browser yang tidak mendukung penjelasan ruby
17. <rt> Mendefinisikan penjelasan / pengucapan karakter (untuk tipografi Asia Timur)
18. <ruby> Mendefinisikan penjelasan ruby ​​(untuk tipografi Asia Timur)
19. <section> Mendefinisikan bagian dalam dokumen 
20. <summary> Mendefinisikan judul yang terlihat untuk elemen <details>
21. <time> Mendefinisikan tanggal / waktu
22. <wbr> Mendefinisikan kemungkinan line-break

Elemen-elemen baru di Form :

1. <datalist> Mendefinisikan pilihan untuk kontrol input
2. <keygen> Mendefinisikan sebuah pasangan kunci ( untuk forms )
3. <output> Mendefinisikan hasil perhitungan

Elemen-Elemen Media baru di HTML5 :

1. <audio> Mendefinisikan konten suara atau musik
2. <embed> Mendefinisikan wadah untuk aplikasi eksternal ( seperti plug-in )
3. <source> Mendefinisikan sumber untuk <video> dan <audio>
4. <track> Mendefinisikan lagu untuk <video> dan <audio>
5. <video> Mendefinisikan konten video atau film

 Elemen-elemen Graphics baru di HTML5 :

1. <canvas> Mendefinisikan gambar grafis menggunakan JavaScript
2. <svg> Mendefinisikan gambar grafis menggunakan 

Kaos NatGeo National Geographic "Traveller"

Jual Kaos NatGeo National Geographic "Traveller" Bahan Cotton Combad 30S Dengan Sablon Matsui. Setara Dengan Kualitas Distro. COD Jogja, Diluar Jogja Bisa Kirim Kirim Via JNE, TIKI, POSINDONESIA. Harga Rp75.000/nett (Belum Termasuk Ongkir) Untuk Memulai Order klik disini.
Untuk Pembelian Kaos NatGeo National Geographic "Traveller" Lebih Dari 5pcs Kami Menyediakan Harga Nego, Silahkan Hubungi Kami Atau Klik klik disini Untuk Proses Nego Harga.
Kami Tunggu Orderan Kaos NatGeo National Geographic "Traveller" nya Ya Gan, Terima Kasih ^^

Kaos NatGeo National Geographic "Adventure"

Jual Kaos NatGeo National Geographic "ADVENTURE" Bahan Cotton Combad 30S Dengan Sablon Matsui. Setara Dengan Kualitas Distro. COD Jogja, Diluar Jogja Bisa Kirim Kirim Via JNE, TIKI, POSINDONESIA. Harga Rp75.000/nett (Belum Termasuk Ongkir) Untuk Memulai Order klik disini.

Untuk Pembelian Kaos NatGeo National Geographic "Adventure" Lebih Dari 5pcs Kami Menyediakan Harga Nego, Silahkan Hubungi Kami Atau Klik klik disini Untuk Proses Nego Harga.
Kami Tunggu Orderan Kaos NatGeo National Geographic "Adventure" nya Ya Gan, Terima Kasih ^^

Kaos COC

Jual Kaos COC "Clash Of Clans" Bahan Cotton Combad 30S Dengan Sablon Matsui. Setara Dengan Kualitas Distro. COD Jogja, Diluar Jogja Bisa Kirim Kirim Via JNE, TIKI, POSINDONESIA. Harga Rp70.000/nett (Belum Termasuk Ongkir) Untuk Memulai Order klik disini.
Untuk Pembelian Kaos COC Lebih Dari 5pcs Kami Menyediakan Harga Nego, Silahkan Hubungi Kami Atau Klik klik disini Untuk Proses Nego Harga.
Kami Tunggu Orderan Kaos COC nya Ya Gan, Terima Kasih ^^

Kaos Vespa

Jual Kaos VESPA Bahan Cotton Combad 30S Dengan Sablon Matsui. Setara Dengan Kualitas Distro. COD Jogja, Diluar Jogja Bisa Kirim Kirim Via JNE, TIKI, POSINDONESIA. Harga Rp70.000/nett (Belum Termasuk Ongkir) Untuk Memulai Order klik disini.
Untuk Pembelian Kaos Vespa Lebih Dari 5pcs Kami Menyediakan Harga Nego, Silahkan Hubungi Kami Atau Klik klik disini Untuk Proses Nego Harga.
Kami Tunggu Orderan Kaos Vespa nya Ya Gan, Terima Kasih ^^

Kaos ADVENTURE #3

Jual Kaos ADVENTURE "Mountain Climing" Bahan Cotton Combad 30S Dengan Sablon Matsui. Setara Dengan Kualitas Distro. COD Jogja, Diluar Jogja Bisa Kirim Kirim Via JNE, TIKI, POSINDONESIA. Harga Rp70.000/nett (Belum Termasuk Ongkir) Untuk Memulai Order klik disini.
Untuk Pembelian Kaos Adventure Lebih Dari 5pcs Kami Menyediakan Harga Nego, Silahkan Hubungi Kami Atau Klik klik disini Untuk Proses Nego Harga.
Kami Tunggu Orderan Kaos ADVENTURE nya Ya Gan, Terima Kasih ^^

Kaos ADVENTURE #2

Jual Kaos ADVENTURE "TRAVELLER INDONESIA" Bahan Cotton Combad 30S Dengan Sablon Matsui. Setara Dengan Kualitas Distro. COD Jogja, Diluar Jogja Bisa Kirim Kirim Via JNE, TIKI, POSINDONESIA. Harga Rp70.000/nett (Belum Termasuk Ongkir) Untuk Memulai Order klik disini.
Untuk Pembelian Kaos Adventure Lebih Dari 5pcs Kami Menyediakan Harga Nego, Silahkan Hubungi Kami Atau Klik klik disini Untuk Proses Nego Harga.
Kami Tunggu Orderan Kaos ADVENTURE nya Ya Gan, Terima Kasih ^^

Kaos ADVENTURE #1

Jual Kaos ADVENTURE "Born To Be Traveller" Bahan Cotton Combad 30S Dengan Sablon Matsui. Setara Dengan Kualitas Distro. COD Jogja, Diluar Jogja Bisa Kirim Kirim Via JNE, TIKI, POSINDONESIA. Harga Rp70.000/nett (Belum Termasuk Ongkir) Untuk Memulai Order klik disini.
Untuk Pembelian Kaos Adventure Lebih Dari 5pcs Kami Menyediakan Harga Nego, Silahkan Hubungi Kami Atau Klik klik disini Untuk Proses Nego Harga.
Kami Tunggu Orderan Kaos ADVENTURE nya Ya Gan, Terima Kasih ^^

CARA SABLON KAOS DENGAN TINTA PLASTISOL

Setelah sebelumnya saya membahas tentang cara sablon kaos manual, berikut ini saya jelaskan mengenai sablon kaso dengan tinta plastisol. Pada dasarnya cara sablon kaos dengan tinta plastisol dan tinta rubber biasa(matsui,dsb) sama saja, yang membedakan hanya tinta yang dipakai dan finishingnya saja. Tinta ruber adalah tinta sablon berbasis air (water based), sedangkan tinta plastisol adalah tinta sablon berbasis minyak (oil based). Berikut ini langkah langkah cara sablon kaos dengan tinta plastisol:

1. Siapkan kaos jadi / kain di atas papan yang sudah tersedia, dan pastikan screen sablon sudah diukur dan disetting pada kaos / kain tsb.
2. Siapkan GEL (terdiri dari 2 bagian yaitu : penebal dan pelembut), aduk secara merata dengan perbandingan 1 : 1 
3. Tempatkan GEL tsb. di atas screen yang akan digunakan untuk menyablon.
4. Siapkan Rakel / alat untuk menyablon, saput atau gesut rakel secara merata pada screen, hingga benar-benar yakin hasil saputan tsb. merata (hal ini sangat pokok dan penting karena untuk tingkat penyablonan berikutnya)
5. Keringkan saputan GEL tsb. dengan HotGun atau Flash Dryer (Hairdyer tidak akan mampu untuk mengeringkan), kemudian saput lagi sesuai keinginan dan keringkan lagi seperti proses di atas tsb.
6. Siap kan  plastysol ink di atas screen warna putih (khusus kain warna gelap) saput dengan rakel secara merata dan keringkan lagi seperti di atas.
7. Saput lagi minimal 2 kali
8. Siapkan plastysol ink warna yang dikehendaki di atas screen, kemudian saput lagi seperti pada sebelumnya hingga beberapa kali (jangan lupa setiap saputan harus dikeringkan dahulu hingga benar-benar kering / matang)
9. Minimal saputan warna 3 hingga 6 kali.

Berikut ini adalah langkah-langkah proses Finishing (HotPress) Sablon Plastysol : 

1. Siapkan  HotPress, nyalakan pada suhu kira-kira 170 atau 180 derajat Celcius, biasanya pemanas dapat mencapai pada suhu tsb kurang lebih 30 menit.
2. Siapkan kain / kaos hasil sablonan diatas matras hotpress dan jangan lupa ukur tekanan mesin hotpress dengan kain /kaos.
3. Lapisi kain / kaos dengan kertas di atasnya dan mesin press siap digunakan
4. Proses pengepresan pada umumnya membutuhkan waktu 15 hingga 25 detik.
5. Kaos / kain siap digunakan.

Sekian penjelasan CARA SABLON KAOS DENGAN TINTA PLASTISOL. Semoga Bermanfaat^^. 

CARA SABLON KAOS MANUAL

Dalam dunia cetak saring atau printing ada beberapa tahapan yang harus dilalui dari urusan pra cetak, peralatan sampai finishing. Setelah mengenal cara belajar membuat desain kaos, rasanya perlu mengetahui proses cara cetak sablon kaos "cara sablon kaos manual". 

Kualitas bahan sangat menentukan kualitas akhir dari hasil produksi. Contoh, bahan katun combed memiliki gramasi yang beragam, mulai dari 20S, 24S dan 30S. Semakin besar gramasinya maka kain semakin ringan dan tipis. Di tempat kami menggunakan cotton combed 20s dan 30s.Ada beberapa teknik dalam menyablon kaos, yaitu teknik manual dan digital printing. 

Teknik sablon kaos manual, dimana proses dilakukan dengan proses cetak manual menggunakan screen dan rakel Dan alat – alat penunjang lainya.
Berikut alat dan bahan yang perlu disiapkan:

1. siapkan desaign yang akan di cetak kedalam kaos.
2. siapkan screen yang sudah jadi, (sudah tercetak gambar desaign) baca "cara afdruk dan mencetak screen sablon".
3. siapkan alat sablon seperti screen (yang telah difilm),cat, meja sablon (jika diperlukan, rakel(alat penggesut), bahan (kaos),presisi, triplek(alas kaos) dan alat2 penunjang lainnya sesuai dengan kebutuhan.

setelah alat dan bahan siap selanjutnya saya jelaskan cara sablon kaos manual hingga finishingnya,
Pada tahap ini, Ambil screen dan setelah itu taruh kain yang akan disablon diatas meja / Triplek, tuang cat pada screen secukupnya kemudian gesut menggunakan rakel. maka jadilah hasil sablonan. 

Perlu diperhatikan, selain bahan kaos yang berkualitas bagus seperti combed, cat sablon juga sangat mempengaruhi hasil sablonan, misal menggunakan cat rubber (karet), ada cat tertentu yang akan menghasilkan kualitas yang bagus, tentunya cat yang tidak mudah pecah. beberapa cat rubber yang kualitasnya jelek sudah kelihatan apabila diraba akan terlihat kaku, kasar dan tentu saja mudah pecah. 

Setelah kaos selesai disablon, 
Tahap finishing sablon kaos adalah dengan menggunakan mesin press / setrika. Kenapa harus di press/strika?...... karena dengan proses press yang suhunya diatas 100 derajat akan menghilangkan kadar air yang terdapat dalam cat sablon dan akan menghasilkan kualitas sablon yang lebih rapat dan akan terasa halus jika diraba. Tidak semua produk sablon kaos dipasaran melalui tahap ini. 
sekian penjelasan tentang cara sablon manual yang saya pelajari sendiri,
semoga bermanfaat^^

Cara Membuat Text Berjalan Dengan HTML

Kali ini saya akan membahas mengenai Cara Membuat Text Berjalan Dengan HTML. coding berjalan ini bisa kita buat dengan marquee.

• cara membuat marquee atau teks berjalan

untuk membuat teks berjalan kita perlu memasukkan kode sebagai berikut:

<marquee> ini contoh tulisan bergerak biasa</marquee>

dan akan ditampilkan seperti ini;

Ini Contoh Tulisan Yang Bergerak Biasa

• cara membuat tulisan yang bergerak dari kanan kekiri

<marquee direction="left"> ini contoh tulisan bergerak dari kanan ke kiri</marquee>

dan hasilnya akan seperti ini;

Ini Contoh Tulisan Bergerak dari Kanan ke Kiri

• membuat tulisan bergerak dari kiri kekanan, disini kode yang kita pakai tidak jauh berbeda denngan yang bergerak dari kanan ke kiri, yaitu;

<marquee direction="right"> ini contoh tulisan bergerak dari kiri ke kanan</marquee>

dan hasil yang ditampilkan seperti ini;

Ini Contoh Tulisan Bergerak Dari Kiri ke Kanan

• adapun  jika ingin membuat tulisan yang memantul/bolak-balik dari kanan ke kiri dan sebaliknya.

<marquee behavior="alternate">ini contoh tulisan yang bergerak bolak-balik</marquee>

hasilnya akan terlihat seperti ini;

warungkaosjogja

• tulisan yang bergerak/ muncul hanya setengah layar saja.

<marquee widht="50%"> ini contoh tulisan bergerak/muncul setengah layar</marquee>

dari kode diatas dapat kita lihat bahwa yang membuat tulisan tersebut hanya muncul setengah yaitu besar persennannya, kalau kita tulis 100% maka akan jadi utuh satu layar tulisan tersebut bergerak.

dan dari kose diatas akan ditampilkan seperti ini;

warungkaosjogja

• untuk mengatur kecepatan pergerakan tulisan perlu kode scrollamount="angka" , dan semakin besar angka maka akan semakin kencang pula.

<marquee scrollamount="13">ini contoh marquee speed 13. . . </marquee>

dan hasilnya seperti yg dibawah ini;

warungkaosjogja

• membuat tulisan bergerak turun, disini diperlukan penambahan kode height sebagai ruang bergerakan tulisan tersebut.

<marquee direction="down" height="80">ini contoh tulisan beergerak kebawah</marquee>

dan hasil yang akan ditampilkan seperti ini;

warungkaosjogja

• untuk membuat tulisan/teks bergerak ke atas, kita hanya perlu mengubah

<marquee direction="down"  menjadi <marquee directin="up"

• memberikan background color pada tulisan/teks yang berjalan, disini saya menggunakan warna hijau bgcolor="35F297.

<marquee behavior="alternate" bgcolor="hijau" style="background-color: #35f297;">Contoh Tulisan Dengan Background Warna Hijau</marquee>

dan hasilnya adalah;

warungkaosjogja