sunnuntai 27. heinäkuuta 2014

Tästä alkaa blogilla tienaaminen!

Olette ehkä huomanneet blogissani mainostusbannereita. Ei, en ole ottanut kauppoihin mitään yhteyttä yhteistyökumppanuuden merkeissä vaan liityin TradeTracker Finlandin kumppanuusmarkkinointiyhtiöön julkaisijaksi. Asiasta puhutaan myös Affliate-markkinointina. Aihe ei varsinaisesti liity blogikoodeihin tai ulkoasuneuvoihin (joita blogini on tähän asti postauksissaan käsitellyt), mutta kuitenkin eräänä osana bloggaamiseen, josta on takuulla iloa ja totta kai rahallista hyötyä, mikäli kaipaa lisää paksuutta lompakkoonsa. Kuten minäkin, hih. Mutta hei, nyt teitä varmasti kummastuttaa koko asia, sillä suuri osa teistä on tuskin TradeTrackerista kuullutkaan. Jos haluatte kuulla asiasta tarkemmin, jatkakaa ihmeessä lukemista. 

Tässä on suoralainaus TradeTrackerin sivuilta: "TradeTracker tarjoaa verkossaan oleville julkaisijoille mahdollisuuden ansaita tuloja verkkosivustoiltaan. Tämä on mahdollista mainostamalla TradeTrackerin välittämien ainutlaatuisten mainostajien kampanjoita."
Yksinkertaistettuna homma toimii niin, että a) sinulla on jokin nettisivusto, esimerkiksi blogi b) rekisteröidyt ilmaiseksi TradeTrackeriin julkaisijaksi (=julkaiset sivustollasi yhden tai monen nettisivun, yleensä nettikaupan, mainoksia) & c) alat julkaisemaan TradeTrackerin 384 laajan mainostajan valikosta jotain/joitakin mainoksia nettisivustollasi. Eri mainostajilla on eri tapoja antaa julkaisijalle rahaa yrityksen mainoksista: jotkut antavat sentin pari PELKÄSTÄ MAINOKSEN KLIKKAUKSESTA (helppoa tienaamista kuin mikä, makoiletpa sitten sängynpohjalla!) jotkut mainoksen klikkaamisesta, joka johtaa jonkin yrityksen tuotteen ostopäätökseen. Tapoja tienata TradeTrackerin mainostusportaalilla on muitakin, mutta nuo kaksi ovat helpoimmat ymmärtää - ainakin itselleni :-D.

MIKSI VALITA TRADETRACKER?
- Saat itse valita mainokset 384 mainostajan valikosta, mitkä lisäät blogiisi. Tämä helpottaa tienaamista - jos sinulla on vaikkapa muotiblogi, voit lisätä blogiisi mainoksia nettivaatekaupoista. Tämä toiminto eroaa esimerkiksi Googlen AdSensestä, jossa Google itse päättää, mitä mainoksia blogissasi näyttää. Lisäksi olen kuullut AdSenstä roiman määrän huonoa palautetta...
- Oletteko koskaan kuvitelleet rahan ansaitsemisen olevan näin helppoa? Eihän bloggaamisella rikastu kuin vain harvat ja valitut, mutta pienikin taskuraha ilman varsinaista työntekoa kuulostaa hyvältä vaihtoehdolta. Rahaa ilman raatamista. Sounds great, eikö?
- Liittyessä saa 10€:n alkusumman TradeTracker-tilillesi. Sekin kuulostaa mainiolta! Ja tosiaan, TradeTracker eikä sen mainostajatkaan velota julkaisijoilta lantin lanttia. Rahan tuloa ei voi estää, vai kuinka? 
- Kokeilun arvoinen projekti, ja vaikka tienaamisesi jäisi muutaman euron lukemiin, et häviä mitään. Paitsi miinuksena toki se, että TradeTracker-tililläsi pitää olla vähintään 25€ ennen summan siirtämistä tilille.

Alla olevaa banneria klikkaamalla voit liittyä TradeTrackerin jäseneksi ja ansaita 10€ euron pohjamunan julkaisijaurallasi. Helppoa, turvallista ja hyödyllistä - kukapa ei kaipaisi näin helppoa rahaa itselleen :-D (jos en ihan väärin ymmärtänyt, klikkaamalla blogissani olevia TradeTrackerin mainoksia ja liittymällänne sitä kautta TradeTrackerin julkaisijaksi, saan siitä pienen ansion myös itselleni.)



Hei, kertokaa ihmeessä kokemuksianne affliate-mainonnasta ja TradeTrackerista, jos tähän tapaan päädytte / olette jo päätyneet! Mä tulen kertomaan jossain vaiheessa tarkemmin, miten bloggaamisella tienaaminen lähtee käyntiin ja jääkö tästä käteen vaan pariin muumitikkariin riittävät tuotot vai tosiaan isommatkin summat. (:

lauantai 26. heinäkuuta 2014

Ratkaisuja blogin pyöristämisestä koituviin ongelmiin

Blogin kulmien pyöristämisestä koituu monelle bloggaajalle ongelmia, joihin niksiä voi olla itse vaikea ratkoa. Viime aikoina mulle on tullut paljon kysyttävää juurikin pyöristämisen koodista johtuvista ongelmista. Ongelmia, joita kulmien pyöristämisestä saattaa koitua, on monia, joten olen koonnut tähän postaukseen ikään kuin ensiapupaketin, jolla voitte yrittää ratkoa ongelmaanne. Tässä vielä linkki kulmien pyöristämispostaukseen: http://blogikoodeja.blogspot.fi/2013/10/blogin-kulmien-pyoristaminen.html

ONGELMA 1 ~ BANNERISTA AIHEUTUNEET PUSKEVAT KULMAT

Kulmia pyöristäessä voi tulla ylläolevan kuvan osoittama tilanne vastaan: pyöristetyistä kulmista törröttää valkoiset (toki voi olla myös muunväriset) kulmat. Tässä tapauksessa törröttävät kulmat johtuvat bannerista, jonka kulmia ei ole pyöristetty. Pyöristyskoodi itsessään ei pyöristä banneria, joten suorakulmion muotoinen banneri voi helposti pompata esiin pyöristetyistä kulmista.
Miten korjata ongelma?
- Pyöristä bannerisi kulmat jollakin kuvankäsittelyohjelmalla, esimerkiksi netistä ladattavalla ilmaisella Photoscapella tai netissä käytettävällä Picmonkeyllä klikkaamalla kohtaa "Rounded Corners". IPiccyllä voit esimerkiksi poistaa kaikki ylimääräiset kohdat tekemällä ne läpinäkyviksi kohdasta "Erase Background". 
- Voit myös yrittää saada kulmat banneria siirtämällä / blogia leventämällä / molemmilla syrjään.
Kun lisäät tämän koodin CSS:ään, saat banneria siirtymään vasemmalle:
.header-outer {
margin-left: 20px;
}

Lukua 20 voit muuutaa mieleisesi mukaan.

Kun lisäät tämän koodin CSS:ään, saat banneria siirtymään alaspäin:
.header-outer {
margin-top: 20px;
}

Lukua 20 voit taas muuttaa mieleisesi mukaan. 
  
ONGELMA 2 ~ LÄPINÄKYVÄT KULMAT



Tähän ongelmaan olet saattanut törmätä, mikäli et käytä valkopohjaista Simplen mallia. En ole testannut, näkyykö ongelma muissakin kuin Simplen väripohjaisissa malleissa, mutta niissä tämä ongelma ainakin ilmenee, jos olet käyttänyt pyöristyskoodia. Vaikka valkea blogipohja onkin pyöristynyt, se on jättänyt jälkeensä haaleat, vähän läpinäkyvää muistuttavat kulmat. Ikävää, eikö?
Miten korjata ongelma?
- Malli -> mukauta -> lisäasetukset -> lisää alla oleva koodi CSS:ään:
 

.content-outer{
box-shadow: none;
}

ONGELMA 3 - VALKOISET, PIENEMMÄT KULMAT, JONKA SYYNÄ EI OLE BANNERI



On siis kyse ongelmasta, johon ei banneri vaikuta. Ainakin oikeaan kulmaan on jäänyt valkoinen, esiin puskeva kulma, jota ei saa banneria mihinkään suuntaan siirtämälläkään pois. Tämä ongelma ei tietojeni mukaan automaattisesti esiinny ainakaan Simplen valkopohjaisessa mallissa, mutta esimerkiksi sinipohjaisessa Simplessä kyllä.
Miten ratkaista ongelma?
- Hallintapaneeli -> Malli -> Mukauta (eli menet mallin suunnittelutyökaluun) -> Lisäasetukset -> Taustat -> Ylätunnisteen tausta -> Muokkaat sen läpinäkyväksi

Toivottavasti tästä oli apua! Lisäilen tänne ongelmia sitämukaa, jos niitä teille tulee. :-)

keskiviikko 2. heinäkuuta 2014

Toivepostaus: Tekstin otsikon varjostus hiiren vietäessä päälle -efekti

Postauksen otsikon varjostamista toivottiin, joten toteutin sen mielelläni! Jos teille tulee muutenkin jotain postausehdotuksia, niitä saa aina laitella! Teitä on muuten tullut taas hurjasti lisää, nimittäin lukijapalkki näyttää yli 50 lukijaa! Mahtavaa!

NÄIN TEET:
Malli -> Mukauta -> Lisäasetukset -> Lisää CSS

Liitä CSS:n kenttään alla oleva koodi:

h3.post-title a:hover{
text-shadow: black 3px 2px 2px;
}

Black tarkoittaa varjostuksen väriä. Väri voi olla joko Heksakoodi (#000000-muotoinen, täällä linkki heksapalettiin ja täällä heksakoodivärien ohjeeseen).

Punaiset kakkoset määrittävät, millainen varjostuksesta tulee paksuudeltaan/toiminnoiltaan. Ensimmäinen kakkonen määrittää, miten vinoon oikealle/vasemmalle (riippuu käytetäänkö posiitivista vai negatiivista lukua: negatiivinen eli miinusmerkki luvun edessä vie varjostuksen vasemmalle) varjostus menee. Toinen kakkonen määrittää, miten alas varjostus menee otsikosta. Kolmas kakkonen määrittää varjon selvyyden: jos käytetään numeroa 1, varjo on musta ja "ohut". Jos kohdassa käytetään numeroa 10, varjosta ei enää saa tekstin suhteen mitään selvyyttä, vaan varjo on ikään kuin pilvi.

Tässä vielä kuvia ja koodeja, jotka havainnollistavat, miltä varjo näyttää missäkin asetuksissa:

KUVA 1
Käytetyt asetukset: 
h3.post-title a:hover{
text-shadow: black 0px 10px 1px;
}

KUVA 2

Käytetyt asetukset:
h3.post-title a:hover{
text-shadow: black -10px 2px 10px;
}

KUVA 3


 Käytetyt asetukset:
h3.post-title a:hover{
text-shadow: red 1px 2px 4px;
}


ENTÄS JOS VARJOSTUKSEN HALUAA OTSIKKOON PYSYVÄSTI (= se on otsikossa ilman hiiren viemistä otsikon päällekin)?

Toimi samalla tavalla kuin ylempänä postauksessa esitellyssä ohjeessa, mutta laita koodin tilalta tämä koodi:

h3.post-title a:link{
text-shadow: black1px 2px 4px;
}

 Kohdat ovat siinäkin samoja, mutta näin varjostus on aina postauksen otsikossa ilman, että hiiren vie otsikon päälle. 

Toivottavasti tästä oli jollekulle apua!