Tänään päätin jakaa teille muutamia ulkoasu vinkkejä, joita tulee ainakin itse käytettyä! tosin näitä ohjeita kyllä löytyy tosi monesta blogista, mutta halusimpa tännekkin nyt kirjoitella :) Monessa blogissa huomaa tosi paljon kysymyksiä ulkoasusta ja esimerkiksi siitä kuinka keskittää postauksen päivämäärä sekä otsikko?
1. Ekana päivitämme otsikon: ollessasi blogisi etusivulla, klikkaat oikeassa yläreunassa olevaa painiketta ULKOASU.
2. Jos et automaattisesti päädy kohtaan MALLI klikkaa itsesi sinne ja paina sitten MUOKKAA HTML-KOODIA.
3. Sitten painat näppäimistöstäsi samanaikaisesti Ctrl ja F, sen jälkeen kirjoita näytölle ilmestyneeseen laatikkoon posts.
4. Rullaa niin kauan kuin kohdallesi osuu teksti: h3.post-title ja sen jälkeen liität h3.post-title koodin alle tekstin: text-align:center; } jonka jälkeen koodin pitäisi näyttää tältä:
h3.post-title, .comments h4 {
font: $(post.title.font);
margin: .75em 0 0;
text-align:center
}
}
5. Muista aina esikatsella ensin kuin tallennat mitään! :) Muuten joudut aloittamaa alusta jopa koko blogin muokkaamisen!
_________________________________________________________________________________________________________________
Seuraavaksi ohje päivämäärän keskittämiseen:
1. Ollessasi kohdassa muokkaa html-koodia. Etsit samalla tavalla ( ctrl & f ) ja kirjoitat laatikkoon /* Headings. Nyt kohdallesi täytyisi osua koodi: h2 {
margin: 0 0 1em 0;
font: $(widget.title.font);
color: $(widget.title.text.color);
text-transform: uppercase;
}
2. Lisää koodin text-transform: uppercase; jälkeen yksi väli alaspäin ja liitä koodi: text-align: center; }
3. Jonka jälkeen koodin pitäisi näyttää tältä: h2 {
margin: 0 0 1em 0;
font: $(widget.title.font);
color: $(widget.title.text.color);
text-transform: uppercase;
text-align: center;
}
}
4. Esikatsele ja tallenna! :)
_________________________________________________________________________________________________________________
Seuraavaksi neuvon kuinka liittää postaukseen "youtube-palkki"
1. Menet youtubeen ja kirjoitat hakuun haluamasi kappaleen / videon.
2. Paina videon alla olevaa kohtaa JAA
3. Sitten painat kohtaa UPOTA, ja sitten raksistat kohdan: käytä vanhaa upotuskoodia
4. Seuraavana kopioit laatikossa olevan linkin ja siirryt blogisi postaukseen.
5. Painat uudessa postauksessa ollessasi vasemman reunan HTML- painiketta.
6. Liität linkkisi sinne, ja vaihdat alemmat kohdat width ja height'in mieleiseksesi. Meillä käytössä on width= 820 height= 25
7. Sitten vaihdat kohtaan LUO ja ei huolta jos linkki ei näytä siinä oikealta! Esikatselet sen niin homma varmasti sujuu :) Lopputulos täytyisi näyttää jokseenkin tältä:
jos näistä oli teille apua niin hyvä juttu! :-- ) Kysymyksiä näistä voi laittaa alle ja jos muita blogi pulmia esiintyy niin voi kysyä toki!
♥Inka
Ei kommentteja:
Lähetä kommentti