26. joulukuuta 2013

KUVIEN VÄLIT PIENEMMIKSI ILMAN FLICKRIÄ

1. Siirry malli > muokkaa html-koodia





  

2. Avaat ensimmäisen nuolen ja liität viimeisten katkoviivojen (kuva) alle koodin:

 img {
 margin-top: -1px;
 margin-bottom: -1px; } 


 3. Muokkaat kohtia margin-top ja margin-bottom, jos haluat muokata välien suuruutta.

20. joulukuuta 2013

KOMMENTTIBOKSIN PYÖRISTYS

1. Malli > muokkaa html-koodia.
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;
}

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.

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

20. lokakuuta 2013

HARMAAT PALLOT POIS BLOGIN ALAOSASTA


1. Mene muokkaamaan HTML-koodia.

2. Paina ctrl + f ja etsi seuraava koodi:
  .blog-pager {
   background: $(paging.background);
   
}

3. Poista kokonaan rivi  background: $(paging.background); ja tallenna !
  

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.
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"

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

200 LUKIJAA

En olisi uskonut, että joskus tulee näin paljon lukijoita, kun apublogeja on niin monia. KIITOS TEILLE ♥
Kertokaa, mistä asiasta haluaisitte apupostauksen. Yritän toteuttaa niitä, kun on aikaa. :)

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

SANAVAHVISTUS POIS BLOGISTA

Sanavahvistus on se, kun lähetät kommentin ja sun pitää kirjoittaa koodi ja todistaa ettet ole robotti.
1. Siirry asetuksiin > Tekstit ja kommentit. (Anteeksi kuvan koko, mutta siis siirryt vaan noihin.)

2. Näytä sanavahvistus > Klikkaat kohtaa ei ja tallenna asetukset.

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);
}

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".
Anteeksi siitä, että kuva on noin pieni ): 3. Valitse kuvat ja, jos haluat voit laittaa vasemmasta alakulmasta "Only you", eli silloin kuvat näkyvät vain sinulle itsellesi. 4. Sen jälkeen klikkaat oikeasta yläkulmasta "Upload photo / photos", jos sinulla on yksi kuva siinä lukee Upload 1 Photo, jos taas enemmän siinä lukee esim, Upload 3 Photos.
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.

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.