Blogger -koodiapua

En oikein tiennyt, mihin tää topikki pitäisi pistää mutta eiköhän tämä ole oikea paikka

Eli jakakaamme tässä topikissa tietoamme simsblogien ja simstarinablogien ulkoasukoodeihin liittyen! Saa myös kysyä kysymyksiä, että miten teet tuon tai tuon. Mä sain ehdotuksen simsblogiini, että jakaisin tietämystäni koodien parissa blogeissa, mutta pelkään liikaa että sitten niitä kysymyksiä alkaa tulla 10 päivässä ja kohta simsblogini on koodien puutarha + En edes kai saa jaella muiden rakentamia koodeja omassa blogissani (viimeksikin joku tuli valittamaan siitä, tosin en tiedä halusiko se vain trollata mutta mutta). Ja sitä paitsi, millaisen koodiapublogin nimi on Jennin Simsnurkkaus?

Voisin itse sanoa olevani aika hyvä koodeissa, olen tehnyt De Luca Trilogylle (Irvikissa) ja Sims With Me:lle (banssu) ulkoasun.

Neuvon tässä aloituksessa muutaman perusjutun, eli koodien sijoittaminen, koodien etsiminen ja blogitekstin ja päivämäärän keskittäminen:

Koodeja ei laiteta Bloggerissa mallin suunnittelutyökalun CSS -osaan, vaikka puhuisinkin jotain "laita tää koodisi CSS -osaan... syynä tähän on se, että mallin suunnittelutyökalussa ei välttämättä TOIMI kaikki koodit, osa voi jopa sekoittaa koko blogin. Koodit laitetaan HTML-koodiin, eli malli --> muokkaa HTML-koodia.

Koodeja etsitään painamalla CTRL+F / Cmd+F, kun olet ensin painanut HTML -koodista ensimmäisen nuolen auki (eli klikkaa nuolta).

Blogitekstin otsikon & päivämäärän + gadettien otsikon keskittäminen

BLOGITEKSTIN OTSIKKO:
Etsi koodi (painamalla CTRL + F /Cmd + F), ja kirjoita koodilaatikon yläreunaan tulevaan hakukenttään h3. Paina enteriä kerran, jotta pääset 2. hakutulokseen. Siinä pitäisi olla tämmöinen:

h3.post-title, .comments h4 {
 font: $(post.title.font);
 margin: .75em 0 0;
}

Opetan otsikon kustomointia lisää HTML -koodin kautta jos joku niin pyytää, mutta nyt tarvitsee vain lisätä tuon margin: .75em 0 0; alle, mutta yläpuolelle } -merkkiä määre text-align: center;

Esikatsele ja tallenna.

PÄIVÄMÄÄRÄ + GADGETTIEN OTSIKOT:
Etsi koodia h2 (se on taas se toinen hakutulos), koodin pitäisi ensin näyttää tältä:

h2 {
 margin: 0 0 1em 0;

Lisää taas noiden alle määre text-align: center;

Esikatsele ja tallenna, voilá!

Jenni, apuaaa!

Eli, mun ulkoasun "X kommenttia" kohdasta painaessa se näyttää kommentit (mindblowing) mutta myös sen "x kommenttia" sellasena mitä oon koodannu sen (?) joskus vuonna nakki. Mutta miks se sama keskitys ja fontti ei näy ennen kun painan siitä?

ennen:


ja linkistä painettaessa:


(^lisäksi tossa näkyy toi mitääntekemätön harmaa laatikko jossa on yleensä ne "kirjoittanut, kellonaika, jakonapit jne, saako sitä mitenkään pois? D:)

Kiitos jos viitit auttaa C:

Neuvon helpomman ensin; eli jakonapit ja sellaiset saat pois, kun meet ulkoasu (eli sinne josta voit lisätä widgettejä), ja painaa sitä isointa "blogitekstit"-laatikkoa, ja siellä otat ruksit pois noista kaikista joita et halua Voit jättää vaikka pelkät kommentit jos haluat niin.

Ja oletan, että oot koodannut vaan tuon toisen. Etkä varmaan ole myöskään erottanut kommentteja (h4) ja postauksen otsikkoa (h3) toisistaan? No, neuvon sen tässä samalla.

1. Mee muokkaamaan sun HTML-koodia.
2. Sun blogissa pitäisi olla koodi
   h3.post-title, .comments h4 {
3. Etsi mainittu koodi, ja erota koodi niin, että ne ovat kaksi eri koodia, tähän tapaan:

h3.post-title {
font-family: (fonttisi);
font-size: (fontin koko, esim 20px);
color: (fontin väri heksakoodina)
text-align: center;
}

.comments h4 {
color: (fontin väri englanniksi);
background-color: (jos et halua taustaväriä, kirjoita tähän "white" tai "transparent";
font-family: (fontin nimi);
font-size: (fontin koko prosentteina);
text-align: center;
}

(Ja siis sun tapauksessa fontin nimi on vissiin Courier New)

Ja sitten, neuvotaan se ENNEN kuin painat kommenttinappia:

1. Etsi koodistasi kohta post-footer, ja poista kaikki mitä sen ja seuraavan koodin välissä on (eli jos et ole sörkkinyt sitä, koodin alla on luultavasti tämä):

 margin: 20px -2px 0;
 padding: 5px 10px;

 color: $(post.footer.text.color);
 background-color: $(post.footer.background.color);
 border-bottom: 1px solid $(post.footer.border.color);

 line-height: 1.6;
 font-size: 90%;
}

2. Kun olet poistanut sen, lisää sama koodi mikä sulla on .comments h4-koodissa, ja jos haluat niin voit toki isontaa fonttia laittamalla prosenttilukua suuremmaksi

Esikatsele ja tallenna, siinä se! Kysy jos ei onnistu/ohjeissa oli jotain epäselvyyttä, oon nimittäin aika väsynyt.

Siis tarkoitat varmaan tätä paikkaa tolla html-koodilla, jos oikein tajusin?



mitään noista sun neuvomista koodijutuista ei löydy :l ei löydy tota h3 post title juttua, eikä post footeria. O:

July ootko klikannut ne ... tai >> tms auki?

//Ei näyttänyt heti kuvaa, mutta klikkaa nuo siniset ... auki.