lauantai 28. syyskuuta 2013

Tekstin otsikon ja bannerin välin pienentäminen

Jos olet poistanut blogistasi päivämäärän (niin kuin minä tästä blogista), saatat
harmitella suurta väliä, mikä on tekstin otsikon ja bannerin välissä. Ei huolta, sen
saa poistettua tällä koodilla, jonka minä itse keksin muita koodeja hyödyntämällä.

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

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

h3.post-title{
margin-top: -30px;
}

Punaiseksi värjättyä lukua pystyt muuttamaan mieleisesi mukaan.
Mitä pienempi luku on, sitä pienempi väli on. 

Huom! Koodi pienentää myös tekstin otsikon ja alatunnisteen väliä etusivulla!

Ilmoitathan, jos koodi ei toimi! En nimittäin tiedä, toimiiko koodi kellään
toisella, mutta ainakin omassa blogissani se toimii. 

xoxo iltsu

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

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

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

Koodi poistaa blogista päivämäärän. 

xoxo, iltsu

Postauksen alatunnisteen keskittäminen

Postauksen alatunnisteella tarkoiteaan alla olevassa kuvassa punaisella
rengastettua aluetta:


Alatunniste on siis postauksen alapuolella oleva "lokerikko" tai "tekstiryhmä".
 Alatunniste on normaalisti vasemmalla reunalla, ja jos sen haluaa keskittää,
tarvitaan koodia.

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

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

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

Esikatsele & tallenna, toimiiko. Huomioikaa, että koodi keskittää vain
alatunnisteen, ei esimerkiksi kommenttiboksia.

xoxo, iltsu

"5 stalkkeria paikalla" -gadget blogiin

KOODI UUDISTUNUT!

Olette mahdollisesti nähneet blogien sivupalkissa tms. 
"5 stalkkeria paikalla" tai "3 katselijaa paikalla" -juttuja. 
Jos ette, alla oleva kuva havainnollistaa gadgetia.


Omasta mielestäni kyseinen sivuelementti on kiva yksityiskohta gadgeteissa. 
Se on helppo laittaa blogiin lukemalla nämä ohjeet;

1. Mene tähän osoitteeseen: http://freehostedscripts.net/onlinecounter/
 
2. Scrollaa sivua alaspäin. Sinun pitäisi päästä alla olevan kuvan kohdalle (huom. sivulla ei ole noita värilaatikoita). 
Vihreällä kehyksellä varustettuun laatikkoon kirjoita se teksti, minkä haluat näkyvän, jos blogissasi on yksi stalkkeri.
Vaaleanpunaisen kehyksen sisään laita teksi, jonka haluat näkyvän, jos blogissasi vierailee kaksi tai useampi henkilö.
Paina sinisellä kehyksellä ympäröityä laatikkoa, kun olet valmis. 
4. Sitten vain kopioit laatikkoon ilmestyneen koodin.

LISÄÄMIINEN BLOGIIN
1. Mene ulkoasuun -> lisää gadget -> HTML/JavaScript


2. Kun olet klikannut HTML/JavaScript -kohtaa, pääset sivulle, jonka kenttä sinun tulee täyttää alla olevalla koodilla. Liitä tänne kopioimasi koodi. 
Gadgetille ei kannata laittaa otsikkoa, mutta jos välttämättä haluat, voit kokeilla sitä. Kun olet valmis, tallenna.


Toivottavasti koodi toimii! :)

xoxo, iltsu

perjantai 27. syyskuuta 2013

Päivämäärän ja bannerin välin pienentäminen

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

.date-header {
margin-top: -15px;
}
 
Muokkaamalla punaiseksi värjättyä numeroa voit vaikuttaa siihen,
miten suuri päivämäärän ja bannerin väli on. Luku voi
olla sekä positiivinen että negatiivinen.

xoxo, iltsu