Sivujen keskittäminen

Mene Malli > Mukauta > Lisää CSS:

.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}

Harmaat pallot pois blogin alaosasta

Lisää CSS.ään alla oleva koodi:

.blog-pager {
  background: none;
}

Omanlainen kursori blogiin

Monet minulta kyselivät Lifestyle-blogini puolella, kuinka sain omanlaiseni kursorin. Ajattelin nyt vihdoin antaa teille apua tähän!

1. Mene ensin cursors-4u nettisivulle (on toki muitakin, mutta tämä on minusta paras ja simppelein!)

2. Valitse kategoria, ja etsi mieluisesi kursori, ja klikkaa sitä.

3. Kun rullaat kursorin sivulla hieman alaspäin huomaat Option #1:sen ja Option #2:sen. Valitse Option #2, ja kopioi sen alapuolella olevassa laatikossa oleva teksti.

4. Liitä juuri kopioimasi koodi; Malli > Mukauta > Lisää CSS

Valmis!

Tekstin otsikon varjostus hiiren vietäessä päälle -efekti

Kuinka saada otsikkoon varjostus hiiren vetäessä sen päälle?

Lisää alla oleva koodi CSS:ään:

h3.post-title a:hover{
text-shadow: black 3px 2px 2px; 
}

Black kohta tarkoittaa varjostuksen väriä. Väri voi olla heksakoodi, tai grey / black jne. Punaiset kakkoset määrittävät, millainen varjostuksesta tulee paksuudeltaan. Ensimmäinen kakkonen määrittää, miten vinoon oikealle/vasemmalle (riippuu käytetäänkö posiitivista vai negatiivista lukua) varjostus menee. Toinen kakkonen määrittää, miten alas varjostus menee otsikon "oikeasta tekstistä", eikä varjosta. Kolmas kakkonen määrittää varjon selkeyden: jos käytetään numeroa 1, varjo on musta ja ikään kuin ohut. Jos kohdassa käytetään numeroa 10, varjosta ei enää saa teksin suhteen oikeastaan mitään selvää, joten itse suosittelen designin vuoksi ehkä numero 5:sta. 

Jos haluat varjon otsikkoon pysyvästi = ilman, että siihen viedään hiiri päälle, lisää seuraava koodi edellisen tilalle:

h3.post-title a:link{
text-shadow: black1px 2px 4px; 
}

Kohdat ovat täysin samat kuin ensimmäisessäkin koodissa, nyt vain varjo pysyy koko ajan.

Blogin kulmien pyöristäminen

Jos haluat blogiisi pyöristetyt kulmat, noudata seuraavia ohjeita:

Malli -> Mukauta -> Lisäasetukset -> Lisää CSS

Lisää CSS:ään alla oleva koodi: 

.content-inner {
border-radius: 100px;
}

Mitä isommaksi muutat "100"px lukua, sitä pyöristetymmät blogin kulmista tulevat.

HUOM! Tämä koodi ei muuta blogisi banneria automaattisesti pyöreäksi, joten sun täytyy tehdä se itse jollakkin muokkausohjelmalla.

Postausten kuvien pyöristäminen

Malli > Mukauta > Lisää alla oleva koodi CSS:ään:

.post-body img {
border-radius: 30px;
}

Lukua 30 muokkaamalla, voit muokata kuvien pyöreyttä.

Kommenttiavatarin pyöristäminen

Eli kuinka saada komemntoijan kuva pyöreäksi?

Lisää alla oleva koodi CSS:ään:

.avatar-image-container, .avatar-image-container img {
width: 40px !important;
max-width: 40px !important;
height: 40px !important;
max-height: 40px !important;
padding: 0 !important;
margin: 0px 0px 0px 0px;
border: 0px;
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
-khtml-border-radius: 999px;
border-radius: 999px; 
}

Muuttamalla 40-pikseleitä voit muuttaa avatarin kokoa, ja 999-pikseleillä voit muokata avatarin pyöreyttä.

Kuva, jota painamalla voi liittyä lukijaksi

1. Tee sellainen kuva, kuin haluat.

2. Mene kohtaan 'Ulkoasu'.

3. Lisää uusi gadget siihen kohtaan, mihin haluat lukijapalkkikuvasi.

4. Lisää kuva, mutta älä vielä tallenna.

5. Lisää "linkki"-kohtaan seuraava linkki: http://www.blogger.com/follow-blog.g?blogID= mutta älä vieläkään tallenna.

6. Mene kohtaan 'Yleiskatsaus'.

7. Kopioi osoiterivissä oleva numerosarja (...blogID= ja #overviewin välissä oleva.) ja liitä se koodisi loppuun.

Jos on jotain kysymyksiä tähän liittyen, niin kysy ihmeessä, vastaan tottakai :-)

Otsikon ja päivämääräotsikon välin pienentäminen

1. Mene kohtaan malli ja muokkaa HTML-koodia

2. Etsi kohta (CTRL + F) h3.post-title, .comments h4 {. Kokonaisen koodin pitäisi näyttää tältä:

h3.post-title, .comments h4 {

  font: $(post.title.font);

  margin: .75em 0 0;

3. Muokkaa margin- kohdan jälkeen olevaa 75- numeroa pienemmäksi tai suuremmaksi. Jos haluat pienemmäksi, pienennä numeroa. (Pienin numero on 10)

Ensimmäinen postaus tässä blogissa

Moi! On aina yhtä vaikeaa tehdä "ensimmäinen postaus", vaikka olenkin blogannut vaikka kuinka kauan. Blogin pienimuotoinen esittely löytyy jo sivupalkista, joten mitään muuta ei tarvitsekaan kertoa, kuin se, että tämä blogi on siis "apublogi", jonka sinä varmaan jo tiesitkin. Jos et päätynyt tänne lifestyle-blogini kautta, niin moi, mä olen Tia, ja tämä blogi on Blogineuvoja! :-)