Noniin, jatkan taas!

Menkää tsekkaamaan mun lifestyle blogi Believe In Yourself, siellä bloggaan vielä aktiivisemmin =)

Linkki

Käy ihmeessä katsomassa seuraava postaus, jos haluat yhtään tietoa siitä, miksi et saa tällä hetkellä neuvojani. Linkki: Klikkaa tästä!

Kommenttiboksin pyöristäminen

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

 Lisää alla oleva koodi:

.comments .comment-block {
background-color: #F2F2F2;
border: 10px solid #F2F2F2;
border-radius: 40px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-khtml-border-radius: 15px;
}

Pyöreyttä ja väriä voi muokata -color ja border kohdista :)

Harmaa tausta pois kommentin vastauksesta

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

.comments .comment-thread.inline-thread {
background-color: transparent;
}

Toiveita? Ideoita?

Nyt olisi sulla hyvä tilaisuus vaikuttaa materiaaliin, mitä tässä blogissa julkaisen! Eikun pyyntöjä satelemaan kommenttiboksiin, jos apua tarvitsette! :)

Päivämäärän poistaminen blogista

...onnistuu lisäämällä seuraavan koodin CSS:ään:

.date-header {display :none !important;}

Kuinka saada lisää lukijoita?

"Huhhuh. Blogiin ei ole tupsahtanut lisää lukijoita ainakaan kuukauteen. Mitäs nyt, kun ei täällä ole ketään aktiivistakaan kävijää? Ai niin! Internet! .... Etsin tottakai, kuinka saada blogiin lisää lukijoita! Postaa aktiivisesti? Mähän postaan jo! Ole oma itsesi. Sitä mä takuulla jo olen." Ja kasapäin muita vinkkejä, kuinka saada enemmän lukijoita. Pyhpah, kaikki sanoo; "Ei ne kuitenkaan tepsi!" Aion jakaa näitä vinkkejä just nyt just sun kanssa! Ole tarkkana, ja yritä parhaasi mukaan!

Yritä niin siitä se lähtee. Ei kenellekään rahaakaan tai merkkivaatteita mistään taivaista tupsahda.

Älä ole laiska varsinkaan tekstin suhteen. Kuka jaksaa lukea huonosti ja liian vakavasti kirjoitettua tekstiä, ellei kysymyksessä ole oikeasti jotakin vakavaa, tai vakavan puoleilen mielipidekirjoitus?

Jaksa odottaa, sillä ajan kanssa saat kenet tahansa kiinnostumaan teksteistäsi. On paljon ihmisiä, joita kiinnostaisi, mutta eivät vielä tiedä sitä!

Markkinoi blogiasi. Mainosta hieman siellä sun täällä, ja kerro somessa uusista postauksista!

Älä ole liian ankara nimittäin itsellesi. Välillä voi kyllä, mutta älä aina. Bloggaamisen on tarkoitus olla viihdyttävää lukijalle, että itse bloggaajalle/bloggaajille. Lopeta kaikki stressaaminen ja muu.

Lisää lukijavinkkejä?

Gadgettien keskittäminen

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

.sidebar {
text-align: center;
}

Jos tulee ongelmia, niin kysykää vaan, vastaan kunhan kerkeän! :)

Tunnisteet samankokoisiksi

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

.Label a {
font-size: 10px;
}

Luku 10 määrää tunnisteiden koon :)

Ylävälilehtien reunojen pyöristys

Malli > Mukauta > Lisää CSS:

.tabs-inner .widget ul {
border-radius: 16px;
}

Luku 16 määrää pyöreyden :-)

Tekstin otsikon ja päivämäärän keskittäminen

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

.date-header {
text-align: center;
}

.post-title {
text-align: center;
}

Blogiarkiston keskittäminen

Mene Malli > Mukauta > Lisää CSS:

#ArchiveList {
text-align: center;
}

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! :-)