Tag HTML video 5 nggawe gampang kanggo nambah video menyang kaca Web . Nanging nalika katon gampang ing lumahing, ana akeh bab sing perlu dilakoni kanggo nggawe video munggah lan mlaku. Tutorial iki bakal nggawa sampeyan liwat langkah-langkah kanggo nggawe kaca ing HTML 5 sing bakal mbukak video ing kabeh browser modern.
- Hosting HTML Panjenengan Dhewe 5 Video vs. Nggunakake YouTube
- Ringkesan Cepet Dhukungan Video ing Web
- Nggawe lan Ngowahi Video Sampeyan
- Ngonversi Video kanggo Ogg kanggo Firefox
- Ngonversi Video menyang MP4 kanggo Safari
- Ngonversi Video kanggo FLV kanggo Internet Explorer
- Tambah Element Video menyang Kaca Web Panjenengan
- Nambah JavaScript lan Flash Player kanggo Nggawe Explorer Internet Nganggo Part 1
- Uji ing Sawetara Browser Kaya Sampeyan
01 saka 10
Hosting HTML Panjenengan Dhewe 5 Video vs. Nggunakake YouTube
YouTube minangka situs gedhe. Dadi gampang kanggo nampilake video menyang kaca Web kanthi cepet, lan karo sawetara suntingan suntingan cukup apik ning eksekusi video kasebut. Yen sampeyan ngirim video ing YouTube, sampeyan bisa nyedhiyani kanthi yakin yen sapa wae bakal bisa nonton.
Nanging nggunakake YouTube kanggo Embed Video Sampeyan Wis Sawetara Drawbacks
Sebagian masalah karo YouTube ana ing sisih konsumen, tinimbang ing sisih desainer, kaya:
- Nggoleki lan ngindeks
- Outages server
- Isi dibusak (ketoke) kanthi arbitrarily
- Kontras banget
Nanging ana sawetara alasan kenapa YouTube uga gawe masalah kanggo pangembang isi, kalebu:
- Panjang maksimal 10 menit kanggo video (kanggo akun gratis)
- Kinerja upload luwih apik
- YouTube entuk hak panggunaan sing paling akeh kanggo video
- Sembarang pangguna YouTube entuk manfaat panggunaan sing tanpa wates kanggo video sampeyan
HTML 5 Video Nembus Sawetara Kauntungan Liwat YouTube
Nggunakake HTML 5 kanggo video bakal ngidini sampeyan ngontrol saben aspek video, saka sapa sing bisa ndeleng, suwene, apa isi isi, ngendi sing di-host lan cara server nindakake. Lan video HTML 5 menehi kesempatan kanggo ngode video sampeyan kanthi format akeh sing perlu kanggo mesthekake yen jumlah maksimum wong bisa ndeleng. Pelanggan ora perlu plugin utawa ngenteni nganti YouTube nganyari versi sing luwih anyar.
Saka Course, Video HTML 5 Penawaran Sawetara Drawbacks
Iki kalebu:
- Sampeyan kudu ngode video sampeyan ing paling ora telung codec sing beda
- Sampeyan kudu nyakup sawetara JavaScript kanggo njamin browser sing ora ndhukung HTML 5 bakal bisa
- Server sampeyan kudu bisa nangani syarat bandwidth hosting video
02 saka 10
Ringkesan Cepet Dhukungan Video ing Web
Nambahake video menyang kaca Web wis suwe dadi proses sing angel. Ana pirang-pirang perkara sing bisa salah:
- Pisanan, sampeyan nggunakake tag
- Supaya sampeyan ngalih menyang
- Banjur sampeyan mikir " Flash !" Lan encode video sampeyan minangka file FLV. Nanging Flash ora didhukung ing akeh piranti seluler lan akeh wong sing sengit marang Flash ora ana prakara cara sing digunakake (25% responden ing jajak pendapat nyuwun babagan carane sampeyan ngrasakake babagan Flash nyatakake yen dheweke ora bisa ngadeg Flash kanthi cara apa wae).
- Supaya sampeyan arep ngunggah video menyang situs sing ngemot video kaya YouTube, nanging sampeyan duwe masalah karo YouTube sing dibahas.
- Pungkasan, sampeyan arep nganggo HTML 5, nanging Internet Explorer ora ndhukung (ora nganti Internet Explorer 9). Lan sanajan sampeyan nindakake, ana loro standar codec video sing didhukung lan mung siji browser sing bisa nggunakake loro. Dukungan Browser kanggo Video Codecs lan Containers
Dadi apa sing kudu sampeyan lakoni? Nggawe video ora ono pilihan kanggo akeh situs, amarga video dadi luwih penting. Lan akeh situs wis bisa mlaku ing video.
Kaca-kaca ing ngisor artikel iki bakal ngetokake sampeyan carane nambah video menyang kaca Web sing digunakake ing Firefox 3.5, Opera 10.5, Chrome 3.0, Safari 3 lan 4, iPhone lan Android, Flash, lan Internet Explorer 7 lan 8. Sampeyan bakal uga duwe tombol sing sampeyan butuhake kanggo nambah support kanggo browser lawas liyane yen perlu.
03 saka 10
Nggawe lan Ngowahi Video Sampeyan
Babagan pisanan sing perlu nalika sampeyan arep nyelehake video ing kaca Web iku video sing asli. Sampeyan bisa uga njupuk terus-terusan lan ngowahi sawisé kanggo nggawe fitur, utawa sampeyan bisa nyetak lan ngrancang metu ahead of time. Loro-lorone cara kerja apik, iku mung apa sampeyan wis nyaman karo. Yen sampeyan ora ngerti apa jinis video sampeyan kudu nggawe, priksa gagasan iki saka Pedoman Video Desktop:
- Proyek Video Keluarga
- Marketing lan Video Promosi
- Video Virtual Tours
- Carane Videos
- Wedding Videos
Sinau Cara Rekam Video High-Quality
Priksa manawa sampeyan ngerti carane ngrekam ing jero ruangan lan njobo uga carane ngrekam audio. Lampu uga wigati banget - tembok-tembok sing cerah banget nyilakake mata, lan peteng banget katon mung muddy lan unprofessional. Sanajan sampeyan mung merencanakake duwe video 30 detik ing situs sampeyan, kualitas sing luwih dhuwur iku luwih apik sing bakal nggambarake situs web sampeyan.
Elinga uga hak cipta kasebut kanggo swara utawa musik (uga dhuwit stock) sing bisa digunakake ing video. Yen sampeyan ora duwe akses menyang kanca sing bisa nulis lan muter lagu kanggo sampeyan, sampeyan bakal nemokake musik bebas kraton kanggo muter ing latar mburi. Ana uga panggonan sing bisa nyedhiyakake rekaman kanggo nambah video.
Editing Video Sampeyan
Ora ketompo apa piranti lunak editing sing digunakake, mung anggere sampeyan kenal lan bisa nggunakake kanthi efektif. Gretchen, Video Guide Desktop, duwe sawetara tips editing video profesional sing bisa mbantu sampeyan ngowahi video supaya katon apik.
Simpen Video menyang MOV utawa AVI (utawa MPG, CD, DV)
Kanggo tutorial liyane iki, kita bakal ngira sampeyan duwe video sing disimpen ing sawetara format kualitas (non-kompresi) sing dhuwur kaya AVI utawa MOV. Nalika sampeyan nggunakake file kasebut, sampeyan bakal mbukak kabeh masalah karo video sing wis dibahas. Kaca-kaca ing ngisor iki bakal nerangake carane ngowahi file dadi telung jinis supaya bisa ditampilake kanthi jumlah paling gedhe browser.
04 saka 10
Ngonversi Video kanggo Ogg kanggo Firefox
Format pisanan sing bakal dikonversi dadi Ogg (kadhangkala disebut Ogg-Theora). Format iki minangka salah siji sing Firefox 3.5, Opera 10.5, lan Chrome 3 bisa ndeleng kabeh.
Sayange, nalika Ogg duwe dhukungan browser, akeh program video sing bisa dituku (Adobe Media Encoder, QuickTime, dsb.) Ora menehi pilihan konversi Ogg. Dadi cara mung kanggo ngonversi video menyang Ogg yaiku kanggo nemokake program konversi ing Web.
Pilihan Konversi
Ana alat online sing diarani Media-Convert sing ngakibatake ngubah macem-macem format video (lan audio) menyang format video (lan audio) liyane. Nalika kita nyoba nganggo video ujian 3 detik, kita ora bisa nyalin Mac. Nanging sampeyan kudu luwih apik. Situs iki duweni manfaat gratis.
Sawetara alat liyane sing ditemokake kalebu:
- Miro Video Converter (Windows Macintosh) - Program iki nduweni manfaat ngonversi menyang Ogg lan MP4 (H.264) lan iku sumber terbuka.
- Koyote Video Converter (Windows)
- Free Video Converter We think this has both a Windows and a Macintosh version, but it's hard to tell from their site
- Simple Theora Encoder (Macintosh) - iki sing kita cenderung digunakake.
Yen sampeyan duwe video sing disimpen ing format Ogg, simpen menyang lokasi ing situs web lan menyang kaca sabanjure kanggo ngowahi menyang format liya kanggo browser liyane.
05 saka 10
Ngonversi Video menyang MP4 kanggo Safari
Format sabanjure sampeyan kudu ngowahi video dadi MP4 (video H.264) supaya bisa diputer ing Safari 3 lan 4 lan iPhone lan Android. Plus, video H.264 bisa gampang diowahi kanggo file FLV kanggo nonton ing Flash.
Format iki luwih kasedhiya ing produk komersial, lan sampeyan mbokmenawa wis duwe program sing bakal dikonversi dadi MP4 yen sampeyan duwe editor video. Yen sampeyan duwe Adobe Premiere sampeyan bisa nggunakake Adobe Video Encoder, utawa yen sampeyan duwe QuickTime Pro sing bakal bisa uga. Akeh pengubah sing kita deleng ing kaca sadurunge bakal ngowahi video menyang MP4.
- Media-Convert - alat online
- Miro Video Converter (Windows Macintosh) - Program iki nduweni manfaat ngonversi menyang Ogg lan MP4 (H.264) lan iku sumber terbuka.
- SUPER (Windows) - bakal ngonversi jinis file sing beda-beda kanggo MP4 lan FLV
- Free Video Converter We think this has both a Windows and a Macintosh version, but it's hard to tell from their site
Simpen file MP4 menyang situs web banjur sampeyan kudu ngonversi menyang Flash kanggo nggunakake Internet Explorer.
06 saka 10
Ngonversi Video kanggo FLV kanggo Internet Explorer
Cara paling gampang kanggo ngonversi video menyang FLV yaiku nggunakake Flash dhewe. Iki minangka cara ngonversi video menyang Flash. Nanging yen sampeyan ora duwe Flash, ana rong tool populer kanggo ngowahi file FLV:
- SUPER (Windows) - bakal ngonversi jinis file sing beda-beda kanggo MP4 lan FLV
- ffmpegX (Macintosh) - bakal ngowahi akeh jinis file sing beda kanggo Mp4 lan FLV.
Simpen file FLV menyang situs web lan kaca sabanjuré bakal nuduhake sampeyan carane nulis HTML supaya sampeyan bisa muter video.
07 saka 10
Tambah Element Video menyang Kaca Web Panjenengan
Iku gampang banget kanggo nggunakake HTML 5 kanggo nambah video menyang kaca Web. Paling modern browser ndhukung HTML 5 video, sanajan padha ora kabeh ndhukung kanthi cara sing padha. Nanging apa tegese yen sampeyan nyimpen video minangka format Ogg lan MP4, sampeyan bakal bisa nulis mung papat utawa lima baris HTML kanggo dipapar ing browser paling modern (kajaba Internet Explorer 8). Punika kepengin:
- Tulis HTML 5 dokumentasi dokumèn supaya browser ngerti arep nyana HTML 5:
- Nggawe halaman Web sing bakal nggawe:
</ title> <br> </ head> <br> <body> <br><br> </ body> <br> </ html> </blockquote></li><li> Ing jero awak, pasang tag <video>: <blockquote> <video> </ video> </blockquote></li><li> Nentokake atribut apa sampeyan pengin video: <ul><li> autoplay - kanggo miwiti sanalika diundhuh </li><li> kontrol - ngidini nonton kanggo ngontrol video (ngaso, mundur cepet, maju cepet) </li><li> loop - miwiti video saka awal nalika rampung </li><li> preload - wis ngundhuh video supaya cepet siap nalika customer ngeklik </li><li> poster - nemtokake gambar sing pengin digunakake nalika video mandheg </li></ul> Disaranake nggunakake kontrol lan preload. Gunakake opsi poster yen video sampeyan ora duwe pemandangan pisanan sing apik. <blockquote> <kontrol video preload> </ video> </blockquote></li><li> Banjur nambah file sumber kanggo rong versi video (MP4 lan OGG) nang unsur <video>: <blockquote> <kontrol video preload> <br> <source src = "shasta.mp4" type = 'video / mp4; codecs = "avc1.42E01E, mp4a.40.2" '> <br> <source src = "shasta.ogg" type = 'video / ogg; codecs = "theora, vorbis" '> <br> </ video> </blockquote></li><li> Bukak kaca ing Chrome 1, Firefox 3.5, Opera 10, lan / utawa Safari 4 lan priksa manawa katon bener. Sampeyan kudu nyoba ing paling ora Firefox 3.5 lan Safari 4 - lagi saben nggunakake codec liyane. </li></ol><p> Mekaten. Sawise sampeyan duwe kode iki ing panggonan sampeyan bakal duwe video sing dianggo ing Firefox 3.5, Safari 4, Opera 10, lan Chrome 1. Nanging apa babagan Internet Explorer? </p> <h3> Internet Explorer Ora Seneng HTML 5 utawa <video> Tag </h3><p> Ing bagean sabanjure, Kita bakal ngomong apa sampeyan bisa nindakake kanggo entuk IE 8 kanggo muter apik karo tag HTML video 5 lan nampilake video. Sampeyan kudu nggunakake Lampu kilat. Kabar apik yaiku yen IE 9 bakal bisa ndhukung HTML 5 lan tag video. </p> <p> <strong>08 saka 10</strong> </p> <h3> Nambah JavaScript lan Flash Player kanggo Nggawe Explorer Internet </h3><p> Sampeyan bisa uga ngerteni manawa ana ing kaca HTML sadurunge, ora ana sumber kanggo file FLV. Lan yen sampeyan nguji kaca kasebut ing Internet Explorer, ora bakal bisa. Iku amarga Internet Explorer ora ngakoni HTML 5 lan ora bisa muter video OGG utawa MP4 kanthi native. Kanggo entuk Internet Explorer 7 lan 8, sampeyan kudu muter video minangka Flash. Nanging ana luwih maneh langkah-langkah kanggo nyedhiyakake fungsi kasebut tinimbang nambah file FLV. </p> <h3> Langkah 1: Njaluk Flash Video Player kanggo Website Sampeyan </h3> <p> Disaranake njupuk FlowPlayer amarga iku pamuter video Flash sumber sing bisa diinstal ing server Web lan nggunakake kapan sampeyan duwe video Lampu kilat kanggo muter. Versi gratis FlowPlayer nglebokake iklan menyang video, nanging sampeyan uga bisa tuku lisensi komersial yen sampeyan mbutuhake. </p> <p> Tindakake instruksi ing situs FlowPlayer kanggo nginstal FlowPlayer ing situs web sampeyan. Sabanjure, sampeyan bakal nginstal 2 file SWF lan file JavaScript ing situs sampeyan. Ing sisih ngisor HTML, (sadurunge tag </ body>) sampeyan bakal nambah garis: </p> <blockquote> <script src = "flowplayer.min.js"> </ script> </blockquote><p> Nanging Internet Explorer isih ora muter video, sampeyan kudu ngidini carane ngenali tag HTML 5. </p> <h3> Langkah 2: Ngakeni Internet Explorer Ngomong HTML 5 Tags </h3><p> Ana skrip berguna ing Google Code disebut "HTML Shiv" sing bakal ngewangi IE ngenali HTML 5 elemen. Dadi ing <head> saka dokumen HTML sampeyan pengin ngrujuk. Iku paling apik kanggo ngemot ing IE komentar saratipun supaya browser liyane ora bingung: </p> <blockquote> <! - [if IE]> <br> <script src = "http://html5shiv.googlecode.com/svn/trunk/html5.js"> </ script> <br> <! [endif] -> </blockquote><p> Oke, saiki IE bakal ngenali tag <video>, nanging ora ngerti apa sing kudu dilakoni karo file sumber sing wis klebu. </p> <h3> Langkah 3: Tambah Sumber Line kanggo File FLV </h3><p> Kaya sampeyan ing kaca sadurunge, sampeyan bakal nambahake garis menyang HTML 5 nang <video> elemen sing nuduhake sampeyan wis nyimpen file FLV ing server sampeyan. </p> <blockquote> <kontrol video preload> <br> <source src = "shasta.mp4" type = 'video / mp4; codecs = "avc1.42E01E, mp4a.40.2" '> <br> <source src = "shasta.ogg" type = 'video / ogg; codecs = "theora, vorbis" '> <br> <strong><source src = "shasta.flv" type = 'video / x-flv;</strong> <strong>codecs = "On2 VP6, Sorenson Spark, Video layar, Video layar 2, H.264" '></strong> <br> </ video> </blockquote><p> <strong>09 saka 10</strong> </p> <h3> Nambah JavaScript lan Flash Player kanggo Nggawe Explorer Internet - Part 2 </h3><p> Sayange, kita isih durung rampung. Saiki kita kudu ngandhani IE kanggo nggunakake pamuter video FlowPlayer Flash kita wis kasebut ing ndhuwur. </p> <h3> Langkah 4: Nguripake <video> Element Into Flash </h3><p> Kanggo iki, kita butuh script liya. We got script saka <a href="https://exse.eyewated.com/fls/2c43db937344104c.js">Dive Into HTML 5</a> . Nanging nalika dites, iku ora bisa digawe nganti pirang-pirang penyesuaian: </p> <ul><li> Sakitar baris 31: nambah lokasi instalasi FlowPlayer. </li><li> Ngubengi baris 42: ganti jinis file saka <blockquote> video / mp4 </blockquote> kanggo <blockquote> video / x-flv </blockquote></li><li> Ngubengi baris 94: wiwit karo <blockquote> yen (!! $ && !! $ (document) .ready) { </blockquote> kanggo mburi dokumen, ganti bagian sing arep dibaca: <blockquote> // yen (!! $ && !! $ (document) .ready) { <br> / * Panganggo jQuery bisa initialize sanalika DOM siap * / <br> // $ (document) .ready (html5_video_init); <br> //} else { <br> / * Everyone else can wait until onload * / <br> / * addEvent fungsi liwat http://www.ilfilosofo.com/blog/2008/04/14/addevent-preserving-this/ * / <br> var addEvent = function (obj, type, fn) { <br> yen (obj.addEventListener) <br> obj.addEventListener (ketik, fn, palsu); <br> liya yen (obj.attachEvent) <br> obj.attachEvent ('on' + type, function () {return fn.apply (obj, new Array (window.event));}); <br> } <br> addEvent (window, "load", html5_video_init); <br> //} </blockquote></li></ul><p> Sawise sampeyan nyunting berkas JavaScript, unggahna menyang server, lan pranala menyang ngisor kaca HTML (sadurungé </ body>): </p> <blockquote> <script src = "html5-video.js"> </ script> </blockquote><p> Whew! Saiki sampeyan wis rampung kabeh, sampeyan kudu ngunggah HTML supaya sampeyan bisa miwiti nyoba. </p> <p> <strong>10 saka 10</strong> </p> <h3> Uji ing Sawetara Browser Kaya Sampeyan </h3><p> Nguji kaca video sing kritis yen sampeyan pengin nglakoni sukses. Sampeyan kudu manawa kanggo nyoba kaca ing browser lan versi paling populer kanggo situs web sampeyan. </p> <p> Kita wis ketemu manawa bisa nggunakake piranti kaya BrowserLab lan AnyBrowser kanggo nguji video, ora kaya dipercaya minangka nggawa kaca ing browser dhewe. Nalika sampeyan nindakake sing sampeyan bisa ndeleng manawa digunakake utawa ora. </p> <p> Awit sampeyan tindak menyang kabeh masalah kanggo ngode video sampeyan ing telung format, sampeyan kudu nyoba kanggo mesthekake yen katon ing kabeh telu. Iki tegese, minimal, sampeyan kudu nyoba ing: </p> <ul><li> Firefox 3.5 </li><li> Safari 3 utawa 4 </li><li> Internet Explorer 7 utawa 8 </li></ul><p> Sampeyan bisa nguji ing Chrome, nanging wiwit Chrome bakal ndeleng kabeh telung cara (malah Flash, yen sampeyan duwe plugin), iku angel diwenehi yen ana masalah karo salah sijine sing liyane utawa codec sing digunakake Chrome. </p> <p> Kanggo tentrem pikiran sampeyan, sampeyan uga kudu nyoba ing browser lawas kanggo ndeleng apa sing dilakoni, utamané yen akeh pembaca sampeyan nggunakake browser lawas. </p> <h3> Njupuk Video Apa Ing Browser Luwih </h3><p> Minangka karo samubarang kaca Web, sampeyan kudu nimbang dhisik carane penting iku kanggo njaluk browser sing digunakake. Yen 90% pelanggan nggunakake Netscape, sampeyan kudu duwe rencana mundur kanggo wong-wong mau. Nanging yen kurang saka 1% ora, ora ketompo. </p> <p> Sawise sampeyan mutusake apa browser sampeyan arep nyoba ndhukung, cara paling gampang kanggo nggawe kaca alternatif kanggo ndeleng video kasebut. Ing kaca alternatif, sampeyan bakal nampilake video nggunakake HTML 4. Lan banjur salah siji nggunakake sawetara wangun deteksi browser kanggo pangalihan ing kono utawa mung nambahake pranala menyang kaca kasebut. </p> </div> <div class="amp-related-wrapper"> <h2>Alike posts</h2> <div class="amp-related-content"> <a href="https://jw.eyewated.com/tutorial-cepet-lan-reged-html/"> <amp-img src="https://exse.eyewated.com/pict/a813bb3a17c93131-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://jw.eyewated.com/tutorial-cepet-lan-reged-html/">Tutorial Cepet lan Reged HTML</a></h3> <div class="amp-related-meta"> Desain Web & Alat </div> </div> </div> <div class="amp-related-content"> <a href="https://jw.eyewated.com/kode-html-kanggo-karakter-basa-yunani/"> <amp-img src="https://exse.eyewated.com/pict/7a8b040e8474302f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://jw.eyewated.com/kode-html-kanggo-karakter-basa-yunani/">Kode HTML kanggo Karakter Basa Yunani</a></h3> <div class="amp-related-meta"> Desain Web & Alat </div> </div> </div> <div class="amp-related-content"> <a href="https://jw.eyewated.com/hubungan-antarane-sgml-html-lan-xml/"> <amp-img src="https://exse.eyewated.com/pict/7a7d935e524b3387-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://jw.eyewated.com/hubungan-antarane-sgml-html-lan-xml/">Hubungan Antarane SGML, HTML, lan XML</a></h3> <div class="amp-related-meta"> Desain Web & Alat </div> </div> </div> <div class="amp-related-content"> <a href="https://jw.eyewated.com/nggunakake-html5-kanggo-tampilan-video-ing-browser-saiki/"> <amp-img src="https://exse.eyewated.com/pict/4f309dbe503c33d3-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://jw.eyewated.com/nggunakake-html5-kanggo-tampilan-video-ing-browser-saiki/">Nggunakake HTML5 kanggo Tampilan Video ing Browser Saiki</a></h3> <div class="amp-related-meta"> Desain Web & Alat </div> </div> </div> <div class="amp-related-content"> <a href="https://jw.eyewated.com/apa-iki-blockquote/"> <amp-img src="https://exse.eyewated.com/pict/22ac97c040112fe9-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://jw.eyewated.com/apa-iki-blockquote/">Apa iki Blockquote?</a></h3> <div class="amp-related-meta"> Desain Web & Alat </div> </div> </div> <div class="amp-related-content"> <a href="https://jw.eyewated.com/html-5-referensi-html-5-tags-kanthi-aksara/"> <amp-img src="https://exse.eyewated.com/pict/1768218028e42fb8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://jw.eyewated.com/html-5-referensi-html-5-tags-kanthi-aksara/">HTML 5 Referensi - HTML 5 Tags kanthi aksara</a></h3> <div class="amp-related-meta"> Desain Web & Alat </div> </div> </div> <div class="amp-related-content"> <a href="https://jw.eyewated.com/tag-meta-charset-ing-html5/"> <amp-img src="https://exse.eyewated.com/pict/25d45722387b300c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://jw.eyewated.com/tag-meta-charset-ing-html5/">Tag Meta Charset ing HTML5</a></h3> <div class="amp-related-meta"> Desain Web & Alat </div> </div> </div> <div class="amp-related-content"> <a href="https://jw.eyewated.com/sinau-babagan-nggunakake-validator-html-kanggo-nggolek-kasalahan/"> <amp-img src="https://exse.eyewated.com/pict/b1275ec04383338c-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://jw.eyewated.com/sinau-babagan-nggunakake-validator-html-kanggo-nggolek-kasalahan/">Sinau babagan Nggunakake Validator HTML kanggo Nggolek Kasalahan</a></h3> <div class="amp-related-meta"> Desain Web & Alat </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://jw.eyewated.com/unsur-html-blok-level-vs-elemen-inline/">Unsur HTML: Blok-Level vs. Elemen Inline</a></h3> <div class="amp-related-meta"> Desain Web & Alat </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>See Newest</h2> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://jw.eyewated.com/cara-ngakses-yahoo-mail-ing-outlook-com/">Cara Ngakses Yahoo Mail ing Outlook.com</a></h3> <div class="amp-related-meta"> Email & Olahpesen </div> </div> </div> <div class="amp-related-content"> <a href="https://jw.eyewated.com/carane-tansah-baterai-mobilmu-saka-mati-mati/"> <amp-img src="https://exse.eyewated.com/pict/82521d3481c93665-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://jw.eyewated.com/carane-tansah-baterai-mobilmu-saka-mati-mati/">Carane Tansah Baterai Mobilmu Saka Mati Mati</a></h3> <div class="amp-related-meta"> Car Tech </div> </div> </div> <div class="amp-related-content"> <a href="https://jw.eyewated.com/apa-file-tex/"> <amp-img src="https://exse.eyewated.com/pict/f57766f6e44e3042-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://jw.eyewated.com/apa-file-tex/">Apa File TEX?</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://jw.eyewated.com/review-kromiumium/"> <amp-img src="https://exse.eyewated.com/pict/b7cbe77bdaf73516-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://jw.eyewated.com/review-kromiumium/">Review Kromiumium</a></h3> <div class="amp-related-meta"> Linux </div> </div> </div> <div class="amp-related-content"> <a href="https://jw.eyewated.com/apa-file-java/"> <amp-img src="https://exse.eyewated.com/pict/e40e23982d10315f-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://jw.eyewated.com/apa-file-java/">Apa File JAVA?</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://jw.eyewated.com/cara-ngatur-mac-motion-sensor-mac-sms/"> <amp-img src="https://exse.eyewated.com/pict/5081e844b5ee34aa-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://jw.eyewated.com/cara-ngatur-mac-motion-sensor-mac-sms/">Cara Ngatur Mac Motion Sensor Mac (SMS)</a></h3> <div class="amp-related-meta"> Macs </div> </div> </div> </div> <div class="amp-related-wrapper"> <h2>Sapid posts</h2> <div class="amp-related-content"> <a href="https://jw.eyewated.com/caller-id-explained/"> <amp-img src="https://exse.eyewated.com/pict/18102a370d4d39d5-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://jw.eyewated.com/caller-id-explained/">Caller ID Explained</a></h3> <div class="amp-related-meta"> Email & Olahpesen </div> </div> </div> <div class="amp-related-content"> <a href="https://jw.eyewated.com/apa-jenis-sambungan-apa-pemain-disc-blu-ray-duwe/"> <amp-img src="https://exse.eyewated.com/pict/df26c28203fe3cd7-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://jw.eyewated.com/apa-jenis-sambungan-apa-pemain-disc-blu-ray-duwe/">Apa Jenis Sambungan Apa Pemain Disc Blu-ray Duwe?</a></h3> <div class="amp-related-meta"> Ngarep Theater </div> </div> </div> <div class="amp-related-content"> <a href="https://jw.eyewated.com/need-for-speed-%E2%80%8B%E2%80%8Bmost-wanted-cidra-lan-rahasia-gamecube/"> <amp-img src="https://exse.eyewated.com/pict/c2761dba04183807-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://jw.eyewated.com/need-for-speed-%E2%80%8B%E2%80%8Bmost-wanted-cidra-lan-rahasia-gamecube/">Need for Speed Most Wanted Cidra lan Rahasia - Gamecube</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://jw.eyewated.com/cara-nampilake-sumber-pesen-ing-mozilla-thunderbird/">Cara Nampilake Sumber Pesen ing Mozilla Thunderbird</a></h3> <div class="amp-related-meta"> Email & Olahpesen </div> </div> </div> <div class="amp-related-content"> <a href="https://jw.eyewated.com/apa-tfti-tegese/"> <amp-img src="https://exse.eyewated.com/pict/a190ed9147ef2fd1-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://jw.eyewated.com/apa-tfti-tegese/">Apa TFTI Tegese?</a></h3> <div class="amp-related-meta"> Media sosial </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://jw.eyewated.com/nggunakake-windows-efs-sistem-gambar-enkripsi/">Nggunakake Windows EFS (Sistem Gambar enkripsi)</a></h3> <div class="amp-related-meta"> Web & Telusuri </div> </div> </div> <div class="amp-related-content"> <a href="https://jw.eyewated.com/aplikasi-locator-teman-glympse-vs-golek-kanca-kula/"> <amp-img src="https://exse.eyewated.com/pict/01f3d0e77bfb3228-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://jw.eyewated.com/aplikasi-locator-teman-glympse-vs-golek-kanca-kula/">Aplikasi Locator Teman: Glympse vs. Golek Kanca Kula</a></h3> <div class="amp-related-meta"> Tuku Guides </div> </div> </div> <div class="amp-related-content"> <div class="amp-related-text"> <h3><a href="https://jw.eyewated.com/the-7-best-gaming-laptops-to-buy-in-2018/">The 7 Best Gaming Laptops to Buy in 2018</a></h3> <div class="amp-related-meta"> Tuku Guides </div> </div> </div> <div class="amp-related-content"> <a href="https://jw.eyewated.com/milih-akun-sing-digunakake-kanggo-ngirim-pesen-ing-outlook/"> <amp-img src="https://exse.eyewated.com/pict/25cea776f7633050-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://jw.eyewated.com/milih-akun-sing-digunakake-kanggo-ngirim-pesen-ing-outlook/">Milih akun sing digunakake kanggo ngirim pesen ing Outlook</a></h3> <div class="amp-related-meta"> Email & Olahpesen </div> </div> </div> <div class="amp-related-content"> <a href="https://jw.eyewated.com/carane-mbatalake-aplikasi-beku-beku-ing-android/"> <amp-img src="https://exse.eyewated.com/pict/18b46edf65b73256-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://jw.eyewated.com/carane-mbatalake-aplikasi-beku-beku-ing-android/">Carane Mbatalake Aplikasi Beku Beku ing Android</a></h3> <div class="amp-related-meta"> Android </div> </div> </div> <div class="amp-related-content"> <a href="https://jw.eyewated.com/cara-instal-mod-ing-minecraft/"> <amp-img src="https://exse.eyewated.com/pict/cacfd234d8293870-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://jw.eyewated.com/cara-instal-mod-ing-minecraft/">Cara Instal Mod ing Minecraft</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> <div class="amp-related-content"> <a href="https://jw.eyewated.com/android-honeycomb-3-1/"> <amp-img src="https://exse.eyewated.com/pict/c34e474a8c823485-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://jw.eyewated.com/android-honeycomb-3-1/">Android Honeycomb 3.1</a></h3> <div class="amp-related-meta"> Android </div> </div> </div> <div class="amp-related-content"> <a href="https://jw.eyewated.com/zelda-klasik-free-download/"> <amp-img src="https://exse.eyewated.com/pict/8b2dfffd414e3035-120x86.gif" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://jw.eyewated.com/zelda-klasik-free-download/">Zelda Klasik Free Download</a></h3> <div class="amp-related-meta"> Gaming </div> </div> </div> <div class="amp-related-content"> <a href="https://jw.eyewated.com/carane-ndandani-kasalahan-kernel32-dll/"> <amp-img src="https://exse.eyewated.com/pict/5317621f8ba63697-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://jw.eyewated.com/carane-ndandani-kasalahan-kernel32-dll/">Carane Ndandani Kasalahan Kernel32.dll</a></h3> <div class="amp-related-meta"> Windows </div> </div> </div> <div class="amp-related-content"> <a href="https://jw.eyewated.com/cara-nganggo-kaca-tab-baru-di-google-chrome-for-windows/"> <amp-img src="https://exse.eyewated.com/pict/3428eeb3298132dc-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://jw.eyewated.com/cara-nganggo-kaca-tab-baru-di-google-chrome-for-windows/">Cara Nganggo Kaca Tab Baru di Google Chrome for Windows</a></h3> <div class="amp-related-meta"> Browser </div> </div> </div> <div class="amp-related-content"> <a href="https://jw.eyewated.com/njupuk-siri-nggarap-mac-sampeyan/"> <amp-img src="https://exse.eyewated.com/pict/3e69f5a2fe5e34fd-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img> </a> <div class="amp-related-text"> <h3><a href="https://jw.eyewated.com/njupuk-siri-nggarap-mac-sampeyan/">Njupuk Siri Nggarap Mac Sampeyan</a></h3> <div class="amp-related-meta"> Macs </div> </div> </div> </div></article> <footer class="amp-wp-footer"> <div class="amp-wp-footer-inner"> <a href="#" class="back-to-top">Back to top</a> <p class="copyright"> © 2024 jw.eyewated.com </p> <div class="amp-wp-social-footer"> <a href="#" class="jeg_facebook"><i class="fa fa-facebook"></i> </a><a href="#" class="jeg_twitter"><i class="fa fa-twitter"></i> </a><a href="#" class="jeg_google-plus"><i class="fa fa-google-plus"></i> </a><a href="#" class="jeg_pinterest"><i class="fa fa-pinterest"></i> </a><a href="" class="jeg_rss"><i class="fa fa-rss"></i> </a> </div> </div> </footer> <div id="statcounter"> <amp-pixel src="https://c.statcounter.com/12022999/0/02d06b5d/1/"> </amp-pixel> </div> </body> </html> <!-- Dynamic page generated in 1.251 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-03 22:46:38 --> <!-- 0.002 -->