Nicee. Huomasin, että tää on nyt mun 100. blogi postaus! :O Oikeesti, voiko tää olla mahdollista, että just vähän yli vuodessa näin monta postausta. Ja onko siitäkin jo vuos, kun aloitin bloggaamisen :O No mutta nyt ajattelin vähän kertoilla ja näyttää kuvilla, että miten mä olen muokannut tota mun blogin ulkoasua ja, että mitä kaikkia koodeja mä käytän blogissani ->
Jos aloitetaan ihan uusimmasta jutusta, jonka olen muokannut blogiin elikkä noi "sivu jutskat" asetuksista, jotka näkyvät heti tossa blogin alussa ->
Etusivu - Tietoja minusta - Ota yhteyttä - Facebook - Instagram - Ask.fm
Ja kysymys kuuluukin miten itse tein nämä?
- Etusivu:
1. Mene ulkoasuun bloggerista
2. Sieltä lisää Gadget ja siitä valitse "Sivut"
(tässä vaiheessa minulla näyttää tämä sarake ulkoasussa tältä)
3. Kun painat "muokaa" jutskaa tämän vierestä niin aukee tällänen ->
(Itse lisäsin tähän "+Lisää ulkoinen linkki"-kohtaan oman blogin etusivun linkin jonka saa, kun laittaa oman blogin sivun ihan alhaalta..) Ja sitten itse laitoin otsikoksi "Sivut", koska se tuli ensimmäisenä mieleen..
Sitten tämä vähän helpompi kohta eli "Tietoja minusta"(sekä Ota yhteyttä tein samalla tavalla):
1. Mene bloggerista "Sivut"- kohtaan ja "luo uusi sivu" (voin sanoa, että se on samalla tavalla, kun normi postauksen teko..
Ja sitten, kun sulkaiset tän sivu jutun niin se ilmestyy tonne ulkoasuun ja sieltä sinne Gadgettiin, johon laitoit sen "Sivut-kohdan". Mun tapauksessa siis näin ->
(Ja sitten laitat ruksin tohon niin pitäs näkyy siel blogin alussa ihan niinkun mullakin)
Face-, Insta ja ask.fm- linkit laitoin samalla tavalla, kun toi "Etusivu-juttu"
Ja kun klikkaat tosta +Lisää ulkoinen linkki niin sitten aukee tällänen ->
Ei se sen vaikeempaa loppujen lopuks ollut ;) Toivottavasti tästä oli apua niille joilla on ollut ongelmia näiden teossa.
Ja sitten lyhyesti, mitä koodeja käytän blogissa:
1. Ihan ekaksi mene taas bloggeriin ja valitse sieltä "Malli" ja siitä sitten "Mukauta"
(Tämän jälkeen aukee tällänen sivu ja ekaks klikkaa "Lisäasetukset" ja sen jälkeen "Lisää CSS" eli toisin sanoen "Lisää koodit" ->
1. koodi muokkaa kuvien leveyksiä: (Ja punaisella merkittyjä lukuja voi laittaa korkeammaks tai pienemmäks ihan oman mielen mukaan)
.post-body img {
max-width: 470px;
height: 520px;
}
TAI
.post-body img {
max-width: 200px;
height: 200px;
}
(Huomasitte kenties eron)?
2. koodi muokkaa kuvien kulmien kaarevuutta:
.post-body img {
border-radius: 30px;
}
TAI
.post-body img {
border-radius: 70px;
}
Tää 3. koodi koostuu kahdesta-osasta ja tämä koodi keskittää tän (Etusivu-Ask.fm)-kohdan
.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}
 | ||
Koodilla
|
Ei kommentteja:
Lähetä kommentti