26. joulukuuta 2013
20. joulukuuta 2013
KOMMENTTIBOKSIN PYÖRISTYS
1. Malli > muokkaa html-koodia.
2. Lisäät html:lään alla olevan koodinpätkän.
2. Lisäät html:lään alla olevan koodinpätkän.
.comments .comment-block {
background-color: #e7e7e7;
border: 10px solid #e7e7e7;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-khtml-border-radius: 15px;
}
border: 10px solid #e7e7e7;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-khtml-border-radius: 15px;
}
3. Jos haluat muokata taustaväriä, klikkaa itsesi TÄNNE, rullaa alas ja kopioi mieleinen väri.
Liitä väri toiselle ja kolmannelle riville e7e7e7:n tilalle.
27. marraskuuta 2013
MITEN AJASTAA POSTAUS
1. Mene luomaan postausta.
2. Näet sivussa "viestiasetukset", sen alapuolelta painat kohtaa aikataulu.
3. Kun olet klikannut aikataulua valitse "määritä päivämäärä ja aika".
4. Lisäät siihen haluamasi päivän ja kellonajan ja painat valmis.
5. Sen jälkeen painat kohtaa "julkaise". Ei huolta se ei silti julkaise postaustasi heti.
2. Näet sivussa "viestiasetukset", sen alapuolelta painat kohtaa aikataulu.
3. Kun olet klikannut aikataulua valitse "määritä päivämäärä ja aika".
4. Lisäät siihen haluamasi päivän ja kellonajan ja painat valmis.
5. Sen jälkeen painat kohtaa "julkaise". Ei huolta se ei silti julkaise postaustasi heti.
15. marraskuuta 2013
UUDET OHJEET FLICKRIN KAUTTA LATAAMISEEN
1. Kirjaudut Flickriin esim. googletililläsi.
2. Kirjautumisen jälkeen sivusto näyttää jotakuinkin tältä. Klikkaa kohtaa upload.
3. Eteesi avautuu tälläinen näkyvä. Klikkaa isoa pinkkiä laatikkoa, jossa lukee choose photos and videos.
4. Valitset kuvat, jotka haluat ladata. Kohdasta add voit lisätä kuvia ja visible to everyone- kohdasta voit laittaa kuvasi yksityiselle.
5. Klikkaa kuvaasi, jonka haluat ensimmäisenä lisätä blogiisi.
6. Eteesi avautuu tämännäköinen kohta. Mene punaisen neliön kohdalle ja klikkaa sitä.
7. Valitse minkä koon haluat ja kopioit koko koodin.
8. Viimeisenä menet luomaan postausta ja liität koodin postauksen HTML- osaan.
1. marraskuuta 2013
MITEN BLOGI YKSITYISEKSI
1. Mene kohtaan asetukset.
2. Käyttöoikeudet > blogin lukijat > muokkaa
3. Yksityinen - vain blogin kirjoittajat
2. Käyttöoikeudet > blogin lukijat > muokkaa
3. Yksityinen - vain blogin kirjoittajat
20. lokakuuta 2013
14. lokakuuta 2013
VÄHÄN VALAISEVAA TIETOA
En ole ennen tätä sanonut, vaikka olisi pitänyt, ymmärsin tämän asian itsekkin vasta. Eli kannattavampaa on lisätä HTML:lään kaikki koodit, joita yleensä löydätte, ei CSS:sään. Ei tietenkään mihin sattuu. Jos koodi löytyy jo aikaisemmin, sitä voidaan vain täydentää ja jos koodia ei ole voidaan, uusi lisätään omaan kohtaansa.
Jos muokkaat ulkoasua kannattaa vanhasta tallentaa kopio (malli, varmuuskopioi / palauta, lataa koko malli). Kun haluat vanhan ulkoasun takaisin, teet kaikki kohdat samanlaisesti, mutta viimeisenä painatkin lataa tiedosto.
Cursori / kursori: koneen hiiri, joka voi blogissa on minkälainen vaan.
Jos muokkaat ulkoasua kannattaa vanhasta tallentaa kopio (malli, varmuuskopioi / palauta, lataa koko malli). Kun haluat vanhan ulkoasun takaisin, teet kaikki kohdat samanlaisesti, mutta viimeisenä painatkin lataa tiedosto.
Cursori / kursori: koneen hiiri, joka voi blogissa on minkälainen vaan.
Favicon: välilehdissä blogin vieressä oleva kuvake. tässä blogissa musta neliö, jonka sisällä on valkoinen b- kirjain.
Banneri: blogin ylätunniste, jossa lukee blogin nimi.
Sanavahvistus: kun kommentoit ja siihen tulee laatikko, johon sun pitää "todistaa ettet ole robotti"
Sanavahvistus: kun kommentoit ja siihen tulee laatikko, johon sun pitää "todistaa ettet ole robotti"
23. syyskuuta 2013
MAALAUSVÄRIN MUUTTAMINEN
1. Lisäät blogiin HTML-koodiin kohdan: ::selection { color: #000000; background: #E4E4E4; }
Itse oon laittanut sen Blogger template style kohdan jälkeen, mutta sen voi laittaa itse minne haluaa (ei tietenkään minkään koodin sisälle !)
2. Väriä saa muutettua niin, että menee osoitteeseen html-color-codes.info, rullaa alas kohtaan html color picker:iin ja valitsee värin ja liittää sinne, johon tuon koodin lisäsi.
15. syyskuuta 2013
YHDEN KOON TUNNISTEET
Lifestyleblogista löytyy esimerkki tästä ohjeesta, eli kaikki tunnisteet ovat siis samankokoisia.
Tämä on helppoa, lisäät vaan HTML-koodiin kohdan:
.Label a{
font-size: 11px;
}
Ja font-sizea voi muokata haluamansa kokoiseksi.
28. elokuuta 2013
SIVUJEN KESKITTÄMINEN
1. Siirry kohtaan malli > muokkaa HTML-koodia
2. Sen jälkeen lisäät kohdan:
.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}
4. Tallenna !
12. elokuuta 2013
BLOGIARKISTO KAHTEEN OSAAN
Lifestyleblogissa tätä tultiin kyselemään, joten tein postauksen :--)
1. Lisäät HTML:lään (mieluiten alkuun) koodin:
#ArchiveList {
column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
column-gap: 0.5em;
-moz-column-gap: 0.5em;
-webkit-column-gap: 0.5em;
text-align: left;
color: #999999;
}
2. Jos haluat blogiarkiston kolmeen tai useampaan osaan, muokkaa kaikkiin column kohtiin haluamasi numero.
4. elokuuta 2013
BANNERIN HARMAA TAUSTA POIS
Olen huomannut, että monilla on tämä ongelma bannerin kanssa, joten päätin tehdä lyhyen ohjeen.
1. Tee banneri jossain kuvanmuokkausohjelmassa. Tämä banneri on tehty Picmonkeyllä ja Paintilla.
2. Tallenna kuva PNG-muodossa, ei JPG-muodossa.
3. Save to my computer ja valmis ! Ja, jos tämä ei toimi niin kannattaa ladata Photobucketin kautta ja liittää kuvan URL-osoite bannerikenttään.
15. heinäkuuta 2013
OTSIKON JA PÄIVÄMÄÄRÄN VÄLI PIENEMMÄKSI
Multa oli pyydetty tätä postausta. Itse etsin tähän vähän ohjeita, mutta en ole varma toimiiko ne kaikilla.
1. Menen ulkoasu > Muokkaa HTML-koodia
2. Etsi kohta h3.post-title, .comments h4 {. Mulla koodi löytyy riviltä 390 ja sen pitäisi näyttää tältä:
h3.post-title, .comments h4 {
font: $(post.title.font);
margin: .75em 0 0;
3. Muokkaat margin- kohdan jälkeen olevaa 75- numeroa pienemmäksi tai suuremmaksi.
Jos haluat väliä pienemmäksi, laita pienempi numero. Pienin mahdollinen numero on 10. Jos taas isommaksi, laita suurempi numero.
18. kesäkuuta 2013
12. toukokuuta 2013
TÄYTETTY BANNERI IPICCYLLÄ
1. Menet Ipiccyyn (voit esim. ladata valkoisen kuvan tai painaa 'Create new blend' . Painat ylhäältä kohtaa 'Blender', joka on tuo punainen neliö-kohta.
2. Painat kohtaa 'Text', kirjoitat tekstisi jonka haluat banneriin ja muokkaat halutessa väriä, fonttia ja tekstin kokoa, jota voit muokata venyttämällä tekstiä. Tallenna kohdasta 'Done', kun olet valmis.
3. Menet ylhäältä kohtaan 'Textures' ja painat kohtaa 'Own Texture', lisäät haluamasi kuvan ja muokkaat kohtaa 'Blend Mode'. Itse laitoin esimerkiksi siihen kohtaan 'Add'.
4. Tallennat kaikki ja sen jälkeen menet kohtaan 'Save', jossa tallennat kuvan koneellesi.
7. toukokuuta 2013
8. huhtikuuta 2013
TEKSTIN OTSIKKOON TAUSTAVÄRI
1. Siirry malliin > Paina mukauta > Lisäasetukset > Lisää CSS
2. CSS:ssään lisäät tähän koodin: .post-title { background-color: väri tähän;
3. Kohtaan 'väri tähän' lisäät englanniksi sen värin, jonka haluat otsikon taustaväriksi.
Viimeisenä esikatselet ja tallennat. Kaikilla tämä koodi ei valitettavasti toimi, eivätkä kaikki värit toimi.
13. maaliskuuta 2013
TAUSTAVÄRI GADGETTIEN JA PÄIVÄMÄÄRÄN OTSIKOILLE
1. Ulkoasu > Malli > Muokkaa HTML-koodia.
2. Avaat ensimmäisen nuolen ja koodi löytyy n. 285 riviltä (mulla löytyy siitä)
3. Kaikilla ei löydy koodi samasta kohtaa, mutta näyttää tältä:
h2 {
margin: 0 0 1em 0;
font: $(widget.title.font);
color: $(widget.title.text.color);
}
margin: 0 0 1em 0;
font: $(widget.title.font);
color: $(widget.title.text.color);
}
4. Lisäät koodin alle tekstin: background: #000000;
5. Taustaväriksi tulee oletuksena musta, mutta väriä voi kyllä vaihtaa, linkistä: http://html-color-codes.info/ löytyy erilaisia värivaihtoehtoja joista voit valita minkä värin haluat.
6. Rullaa alas ja etsi sieltä kohta jossa lukee HTML color picker. Valitse väri ja kopioi värin koodi merkin # vierestä. Liitä se background: #000000; koodin tilalle, mutta ÄLÄ POISTA ; TAI # -merkkejä.
7. Esikatsele ja tallenna. :----)
10. maaliskuuta 2013
KUN HIIREN VIE OTSIKON PÄÄLLE SE LEVENEE
Kaikki tulivat minulta kysymään tätä fearless sky -blogissa, joten tein nyt sitten ohjeen.
1. Etsi HTML-koodista kohta <head>
2. Lisää sen alapuolelle: <style type="text/css">A:hover{letter-spacing: 2px;}</style>
3. Esikatsele ja tallenna !
4. maaliskuuta 2013
1OO LUKIJAA !!
Jo 100 lukijaa :o En olisi ajatellut, että saan tähänkin blogiin niin paljon lukijoita, koska on monia tälläisiä "apublogeja". En voi muutakuin kiittää teitä, kiitos ♥ Ehdotuksia, minkä postauksen teen ! :)
24. helmikuuta 2013
MITEN LATAAN KUVAT FLICKRIN KAUTTA
1. Kirjaudu sisään ja klikkaa kohtaa "Upload". |
2. Seuraavaksi klikkaa "Choose photos and videos to upload". |
5. Klikkaa kuvaa, jonka olet ladannut, jos sinulla on monta kuvaa niin sitten vaan teet tämän yksi kerrallaan. |
6. Viimeisenä klikkaa kohtaa "Share", rastitat sieltä HTML ja valitset minkä kokoisena haluat kuvasi näkyvän. Toisessa blogissani KLIKKAA TÄSTÄ kuvat ovat kokoa 800. 7. Sen jälkeen menet luomaan postauksen ja liität koodin HTML kenttään, luo postaus ! ;) |
10. helmikuuta 2013
FASHIOLISTA GADGET
En ole ikuisuuteen tehnyt postausta, joten tässä olisi nyt sitten Fashiolista gadgetin ohjeet.
1. Kirjaudu Fashiolistaan, jos et ole jo kirjautuneena sisään.
2. Mene seuraavaan linkkiin: http://www.fashiolista.com/content/widgets/
3. Valitse linkistä haluamasi malli, joka näkyy sitten blogissasi gadgettien kohdalla.
4. Lisää gadget ja kopioi koodi HTML / JavaSprict kenttään > tallenna.
9. tammikuuta 2013
BLOGIIN KÄVIJÄLASKURI- GADGET
Monet ovat tätä minulta kysyneet, joten tein siitä postauksen. (:
1. Ensin menet osoitteeseen http://freehostedscripts.net/onlinecounter/.
2. Aika ylhäällä lukee "TRACKING SCRIPTS" ja siinä on ekana "Online Users Counter", paina sitä.
3. Siinä missä lukee "Online User" kirjota siihen mitä haluat, että siinä lukee kun on YKSI vierailija.
4. Kirjota siihen "Online Users" mitä haluat silloin lukevan, kun on esim. 2 vierailijaa tai enemmän.
5. Paina "Generate html code", kopioi koodi ja laita gadgetteihin HTML / JavaScript laatikkoon.
2. Aika ylhäällä lukee "TRACKING SCRIPTS" ja siinä on ekana "Online Users Counter", paina sitä.
3. Siinä missä lukee "Online User" kirjota siihen mitä haluat, että siinä lukee kun on YKSI vierailija.
4. Kirjota siihen "Online Users" mitä haluat silloin lukevan, kun on esim. 2 vierailijaa tai enemmän.
5. Paina "Generate html code", kopioi koodi ja laita gadgetteihin HTML / JavaScript laatikkoon.
7. tammikuuta 2013
KUVIEN REUNAT / KEHYKSET POIS
Malli > Muokkaa HTML-koodia > Paina CTRL + F ja kirjoita hakuun .post-body img, .post-body .tr-caption-container, .Profile img, .Image img, > Tekstin alapuolella on koodi, joka on tälläinen:
background: $(image.background.color);
border: 1px solid $(image.border.color);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}
> Muuta siitä tälläinen (ota ykköset pois nollien perästä) :
background: $(image.background.color);
border: 0px solid $(image.border.color);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .0);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .0);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .0);
}
6. tammikuuta 2013
FAVICONIN LAITTAMINEN
Ulkoasu > Favicon > Muokkaa > Valitse tiedosto > Tallenna > Tallenna asettelu
Faviconin pitää olla neliönmuotoinen ja sen pitää olla aika pieni esim. 200 x 200 voi olla ihan hyvä.
Siinä voi kestää jopa viikko että favicon päivittyy, että kärsivällisyyttä vaan !
Myös favicon.cc sivustolla pystyy tekemään faviconin kun laittaa jonkun kuvan siihen.