No huhhuh mitä HTML!

No ajattelin aluks et olisin laittanu tähän postaukseen paljon kuvia, jottei teillä olis tylsää kuunnella kun selitän jostain randomista. Eli HTML-koodista. Oon huomannu että monet tarvii siinä vähän apua, ja yritän auttaa nyt vähän kertomalla muutaman yksinkertaisen pienen kikan. En itekkään oo mikään mestari, mutten aio myöskään kertoa kaikkea, sillä pitäähän mulla olla jotain ässiä hihassa. Kai.


Mitä useimmat aloittelevat blogaajat yrittää, on saada Youtubesta otettu biisi littanaksi. Kyseessä on ihan simppeli kikka, joka onnistuu niin videoilla jotka valitaan suoraan Youtubesta kuin myös Bloggerin lisää videotoiminnolla.

1. Valitse haluamasi video. Bloggerissa on suora toiminto, mutta Youtubessa videon HTML-koodin löytää videon alla olevan "Share" kohdan "Embed" osioista. Sen sinisen osion kun kopio joko painamalla Ctrl ja C tai vain klikkaamalla oikealla ja kopioi.

          Kyseinen koodi näyttää suurin piirtein tältä: 

<iframe width="640" height="360" src="http://www.youtube.com/embed/U1GMKGjMt3o" frameborder="0" allowfullscreen></iframe>

    2. Tätä koodia ei liitetä suoraan blogitekstiin, vaan mennään blogitekstin HTML-osioon joka löytyy ylävasemmalta. Sinne koodi laitetaan haluamaasi kohtaan, ja sen pitäisi näyttää suurinpiirtein tältä

Oivallista, nyt pääsemmekin itse muutoksiin.

    3. Koodista löytyy widht="640" height="360". Tätä halutaan muuttaa. Widht muutetaan haluamaasi pituuteen, itse laitan sen blogini pituuteen (Blogin pituuden voi säätää blogisi mallia mukauttamalla). Itselläni se on 800. Sitten muutetaan height 25, joka on minimaalinen koko että play-nappia voi painaa.
Loppu tulos pitäisi näyttää tältä:




Embed- eli HTML-koodeja löytyy monista nettisivuista ja ohjelmista. Ne useimmiten löytyvät juuri "Share"-osioista. Esimerkkinä Spotify, Soundcloud sekä Twitter. Näissä HTML-koodin on usein paljon enemmän muokkailtavissa, joten sen saa mahtumaan haluamaansa tilaan helpommin.

                                    

                        Opitaan kaikki HTML-koodia!!! — Robin Korhonen (@Rob_inDaHood) April 30, 2013

HUOM! välistä kertovaa "&nbsp;"-koodia on aika turha käydä laittamaan kymmeniä kertoja. Voit laitaa välit suoraan "Luo"-osiossa täysin vapaasti. MUISTA KÄYDÄ ESIKATSELEMASSA! Sillä tekstissä tilanne voi näyttää täysin erilaiselta kuin lopullisessa versiossa!

Toivottavasti tästä oli ainakin joillekin hyötyä, tiedän tosin että kokeneemmat osaavat nämä asiat kuin vettä vain. Mutta ei me kaikki voida olla kokeneita :D
Tossa vielä kuva musta leffateatterissa seksikkäät lasit päässä.