5. joulukuuta 2014
9. marraskuuta 2014
NEUVOJA ALOITTAVALLE BLOGGAAJALLE
Ajattelin kertoa tässä postauksessa mitä aloittavan bloggaajan kannattaa tehdä blogissaan. Mä oon blogannut jo yhteensä noin 2 vuotta niin tiedän kyllä jo mitä ei kannata tehdä.
Ulkoasu
Ulkoasua kannattaa muokata ja ottaa pois valmis malli. Apublogeja on todella monia ja niistä löytyy hyviä ohjeita, joilla saa esimerkiksi kuvien reunat pois. Voit kirjoittaa suoraan googlehakuun asian, jonka haluaisit tietää tai mennä johonkin apublogiin ja etsiä sieltä olisiko sellaista postausta. Perus asiat kuten otsikon- ja päivämäärän keskittäminen, bannerin keskittäminen, kuvien reunat pois ja kuvien välien pienennys yms. kannattaa heti alkuun etsiä.
Kuvat
Kuvat kannattaa laittaa isoiksi. Ainakin vähintään siihen Bloggerin erittäin suuri kokoon. Ja kaikki kuvat laittaa samankokoisiksi, koska on tyhmää, että joka toinen kuva on ihan erikokoinen. Kuvista tulee (ainakin mulla) parempi laatuisia, kun lataan ne Flickrin kautta. Kannattaa myös karsia turhia kuvia, eikä laittaa montaa samanlaista kuvaa samasta asiasta ja yrittää ottaa hyvälaatuisia kuvia niin, että odottaa kameran tarkentamista.
Teksti
Ensimmäisenä tekstin fontti kannattaa laittaa mallin suunnittelu työkalussa helposti luettavaksi ja fontin koko myös riittävän suureksi. Ei kannata laittaa teksteihin montaa hymiötä, koska se näyttää vain tyhmältä. Jos haluat laittaa, suosittelen yhden tai kahden laittamista koko tekstiin. Kirjoita myös kiinnostavista aiheista, ei vaan niin että: "Kävin tänään koulussa, tulin kotiin, sit en enää tehnyt muuta kuin kävin suihkussa." Muista myös oikeinkirjoitus.
Banneri
Eli ylätunniste kannattaa tehdä itse ottamista kuvista tai tehdä siitä tekstibannerin. Ei ole järkeä laittaa esimerkiksi Weheartit:ista otettuja kuvia banneriin. Jos et itse osaa tehdä banneria niin voit pyytää kaveriasi tekemään, jos hän osaa tai sitten jotain bloggaajaa, jolla on omassa blogissaan banneripaja.
Osoite & nimi
Blogin osoitteeseen kannattaa panostaa, koska myöhemmin voit haluta vaihtaa sen ja sitten välttämättä kaikki lukijat eivät enää löydä sinne. Osoite ja blogin nimi kannattaa myös laittaa samaksi. Ei ainakaan kannata laittaa blogin nimeksi "My life", koska se on niin yleinen ja ainakin mun mielestä niin tyhmä nimi.
Ulkoasu
Ulkoasua kannattaa muokata ja ottaa pois valmis malli. Apublogeja on todella monia ja niistä löytyy hyviä ohjeita, joilla saa esimerkiksi kuvien reunat pois. Voit kirjoittaa suoraan googlehakuun asian, jonka haluaisit tietää tai mennä johonkin apublogiin ja etsiä sieltä olisiko sellaista postausta. Perus asiat kuten otsikon- ja päivämäärän keskittäminen, bannerin keskittäminen, kuvien reunat pois ja kuvien välien pienennys yms. kannattaa heti alkuun etsiä.
Kuvat
Kuvat kannattaa laittaa isoiksi. Ainakin vähintään siihen Bloggerin erittäin suuri kokoon. Ja kaikki kuvat laittaa samankokoisiksi, koska on tyhmää, että joka toinen kuva on ihan erikokoinen. Kuvista tulee (ainakin mulla) parempi laatuisia, kun lataan ne Flickrin kautta. Kannattaa myös karsia turhia kuvia, eikä laittaa montaa samanlaista kuvaa samasta asiasta ja yrittää ottaa hyvälaatuisia kuvia niin, että odottaa kameran tarkentamista.
Teksti
Ensimmäisenä tekstin fontti kannattaa laittaa mallin suunnittelu työkalussa helposti luettavaksi ja fontin koko myös riittävän suureksi. Ei kannata laittaa teksteihin montaa hymiötä, koska se näyttää vain tyhmältä. Jos haluat laittaa, suosittelen yhden tai kahden laittamista koko tekstiin. Kirjoita myös kiinnostavista aiheista, ei vaan niin että: "Kävin tänään koulussa, tulin kotiin, sit en enää tehnyt muuta kuin kävin suihkussa." Muista myös oikeinkirjoitus.
Banneri
Eli ylätunniste kannattaa tehdä itse ottamista kuvista tai tehdä siitä tekstibannerin. Ei ole järkeä laittaa esimerkiksi Weheartit:ista otettuja kuvia banneriin. Jos et itse osaa tehdä banneria niin voit pyytää kaveriasi tekemään, jos hän osaa tai sitten jotain bloggaajaa, jolla on omassa blogissaan banneripaja.
Osoite & nimi
Blogin osoitteeseen kannattaa panostaa, koska myöhemmin voit haluta vaihtaa sen ja sitten välttämättä kaikki lukijat eivät enää löydä sinne. Osoite ja blogin nimi kannattaa myös laittaa samaksi. Ei ainakaan kannata laittaa blogin nimeksi "My life", koska se on niin yleinen ja ainakin mun mielestä niin tyhmä nimi.
10. lokakuuta 2014
POSTAUKSEN OTSIKON ALLE VIIVA
1. Mene kohtaan malli ja siitä muokkaa HTML-koodia
2. Etsi haulla (CTRL + F) tai rullaa kohtaan h3.post-title, .comments h4 {
3. Lisää sen alle koodi: border-bottom: 1px solid #000000;
4. Voit muokata viivan väriä vaihtamalla jonkun muun värikoodin #-merkin jälkeen ja viivan paksuutta muokkaamalla kohtaa 1px. Esikatsele ja tallenna.
2. Etsi haulla (CTRL + F) tai rullaa kohtaan h3.post-title, .comments h4 {
3. Lisää sen alle koodi: border-bottom: 1px solid #000000;
4. Voit muokata viivan väriä vaihtamalla jonkun muun värikoodin #-merkin jälkeen ja viivan paksuutta muokkaamalla kohtaa 1px. Esikatsele ja tallenna.
21. syyskuuta 2014
GADGETTIEN OTSIKOIDEN KIRJAIMIIN VÄLIT
Otsikosta on varmaan vaikea ymmärtää, mutta tarkoitan siis alla olevan kuvan kirjainten välejä.
/* Headings
----------------------------------------------- */
h2 {
3. Lisää siihen { ja } sisälle koodi letter-spacing: 5px;
4. Voit muokata numeroa haluamasi kokoiseksi ja muista sen jälkeen esikatsella ja tallentaa!
1. Mene Malli > muokkaa HTML-koodia.
2. Rullaa alas niin kauan kunnes tulee kohta:
----------------------------------------------- */
h2 {
3. Lisää siihen { ja } sisälle koodi letter-spacing: 5px;
4. Voit muokata numeroa haluamasi kokoiseksi ja muista sen jälkeen esikatsella ja tallentaa!
25. elokuuta 2014
SCROLL TO TOP- NUOLI
Tämä ohje oli yksi teidän toiveista ja ajattelin sen nyt ensimmäisenä toteuttaa, koska tämä on niin simppeliä.
Nuoli tulee siis blogin oikeaan alareunaan, kun sivua rullaa vähän alaspäin. Katso esimerkki täältä.
1. Ensimmäisenä pitää tehdä jossain kuvanmuokkausohjelmassa nuoli/kuva, jonka haluat sitten vievän ylöspäin. Muista tallentaa PNG-muodossa!
2. Lataa kuvasi esimerkiksi Photobuckettiin ja avaa kuva ja kopioi sen linkki.
3. Sitten menet kohtaan ulkoasu > lisää gadget > HTML/Javascript
Nuoli tulee siis blogin oikeaan alareunaan, kun sivua rullaa vähän alaspäin. Katso esimerkki täältä.
1. Ensimmäisenä pitää tehdä jossain kuvanmuokkausohjelmassa nuoli/kuva, jonka haluat sitten vievän ylöspäin. Muista tallentaa PNG-muodossa!
2. Lataa kuvasi esimerkiksi Photobuckettiin ja avaa kuva ja kopioi sen linkki.
3. Sitten menet kohtaan ulkoasu > lisää gadget > HTML/Javascript
4. Liität gadgettiin koodin: <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script><script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$("#rb-top").fadeIn()}else{$("#rb-top").fadeOut()}});$("#rb-top").click(function(){$("body,html").animate({scrollTop:0},800);return false})});</script><a id='rb-top' style='display: none; position: fixed; bottom: 20px; right:20px; cursor:pointer;font:12px arial;'><img src='kuvasiosoite.fi' width="40px" height="40px"/></a>
5. Korvaat sinisellä merkityn tekstin oman kuvasi osoitteella ja, jos haluat kuvan olevan esim. enemmän toisella reunalla muokkaat kohtaa, joka on merkitty punaisella. Muitakin pikselilukuja voi muuttaa. Kokeilemalla löytää parhaan tuloksen.
6. Esikatsele ja tallenna!
11. elokuuta 2014
MITÄ HALUAT TIETÄÄ?
Taas on aika, kun en ole postannut pitkään aikaan, eikä ole ideoita. Saatte taas kertoa kommenteissa mihin haluaisitte apua.
12. heinäkuuta 2014
LUKIJAGADGET BLOGIIN
Lukijagadget on välttämätön, jos haluaa jonkun liittyvän blogiinsa. Tämä on simppeliohje, joten näytän sen kuvilla.
1. Mene sivusta kohtaan ulkoasu ja klikkaa oikealta "Lisää gadget".
1. Mene sivusta kohtaan ulkoasu ja klikkaa oikealta "Lisää gadget".
2. Valitse vasemmalta "Muita laajennuksia" ja rullaa vähän oikealle päin niin löydät + merkin, jota klikkaat.
3. Määritä gadgetin otsikko ja klikkaa "Tallenna"
4. Klikkaa oikealta ylhäältä "Tallenna asettelu"
15. kesäkuuta 2014
PALVELUN TARJOAA BLOGGER- POISTAMINEN
1. Mene malli > muokkaa HTML-koodia
2. Lisää HTML-koodin alkuun (Simplessä katkoviivan alle) koodin:
#Attribution1 {
display: none;
}
2. Lisää HTML-koodin alkuun (Simplessä katkoviivan alle) koodin:
#Attribution1 {
display: none;
}
27. toukokuuta 2014
BLOGIN KULMIEN PYÖRISTYS
1. Mene malli > muokkaa HTML-koodia
2. Avaat ensimmäisen nuolen ja etsit (CTRL + F) haulla koodin .content-inner { ja liität siihen osan:
border-radius: 55px;
-webkit-border-radius: 55px;
-moz-border-radius: 55px;
-khtml-border-radius: 55px;
HUOM! numeroita voit muokata haluamasi kokoiseksi
Valmiin koodin pitäisi siis näyttää suurinpiirtein tältä:
.content-inner {
border-radius: 55px;
-webkit-border-radius: 55px;
-moz-border-radius: 55px;
-khtml-border-radius: 55px;
}
3. Esikatsele ja tallenna!
2. Avaat ensimmäisen nuolen ja etsit (CTRL + F) haulla koodin .content-inner { ja liität siihen osan:
border-radius: 55px;
-webkit-border-radius: 55px;
-moz-border-radius: 55px;
-khtml-border-radius: 55px;
HUOM! numeroita voit muokata haluamasi kokoiseksi
Valmiin koodin pitäisi siis näyttää suurinpiirtein tältä:
.content-inner {
border-radius: 55px;
-webkit-border-radius: 55px;
-moz-border-radius: 55px;
-khtml-border-radius: 55px;
}
3. Esikatsele ja tallenna!
30. huhtikuuta 2014
KOMMENTOIJIEN KUVAT PYÖREIKSI
1. Mene kohtaan muokkaa HTML-koodia ja lisää alla oleva koodi sen alkuun.
.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;
}
2. Jos haluat suurentaa tai pienentää kuvaa, muokkaat vain kaikkia kohtia, joissa on 40px.
3. Esikatsele ja tallenna!
.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;
}
2. Jos haluat suurentaa tai pienentää kuvaa, muokkaat vain kaikkia kohtia, joissa on 40px.
3. Esikatsele ja tallenna!
20. maaliskuuta 2014
INSTAGRAM WIDGET
1. Mene osoitteeseen http://snapwidget.com/.
2. Eteesi avautuu tälläinen sivu. Kirjoitat käyttäjänimesi, widgetin koon, widgetin tyypin jne. Kun olet valmis, painat "Get Widget".
3. Kun olet laittanut asetukset, saat koodin, jonka kopioi ja liität blogin HTML/JavaScript osioon (ulkoasu > lisää gadget > HTML/JavaScript).
6. maaliskuuta 2014
KYSY
Mulla ei ole nyt mitään ideaa, mistä voisin tehdä postauksen, koska aikaa ei aina niin paljoa ole. Laittakaa kysymyksiä kommenttiboksiin ja saatan tehdä niistä postauksen.
18. helmikuuta 2014
LUKIJAPALKKI
Monella nämä lukijapalkit lagaavat, eikä blogeihin pysty liittymään. Liittymään pystyy kuitenkin toistakin kautta.
1. Mene hallintapaneeliin.
2. Vasemmassa reunassa näet kaikki blogit, joita luet. Sen yläpuolella on kohta "lisää". Klikkaa sitä.
3. Kirjoita blogin osoite ja valitse haluatko lukea yksityisenä vai julkisena. Valmis !
17. tammikuuta 2014
BLOGIIN SIVUJA
1. Mene reunassa olevaan osioon sivut.
2. Tee joko tyhjä sivu tai verkko-osoite. Verkko-osoitteessa pitää vain lisätä linkki, johon haluaa sivun vievän. Tyhjä sivu näyttää ihan samanlaiselta kuin postausta tehdessä. Kirjoitat siihen mitä haluat sivulle ja painat julkaise.
3. Kun sivusi ovat valmiit, laitat "näytä sivut muodossa" kohdasta ylävälilehdet tai sivulinkit, jotta sivut näkyvät. Ylävälilehdet tulevat bannerin alle ja sivulinkit gadgetteihin, tallenna !