lauantai 29. joulukuuta 2018

Miten lisään bloglovin, we heart it ja fashiolista gadgetit

Miten lisään bloglovin, we heart it ja fashiolista gadgetit.

 Heissan pitkästä aikaa ! Nää on sellaset ohjeet, mitkä oon tehny jo aikoja sitten, mut jääny vahingossa luonnoksena tuonne lojumaan. :D Toivottavasti on apua!

 

1. Kirjaudu ensin sisään blogloviniin & siirry kohtaan Account. Klikkaa sieltä kohtaa Widgets.
2. Eteesi avautuu vaihtoehtoja kuvakkeista. Valitse mieleisesi klikkaamalla lausetta Get this icon!
3. Sulle avautuu siihen uus pieni ikkuna. Klikkaa kohtaa Add widget.
 
4. Se ohjaa sut suoraan bloggeriin. Klikkaa Lisää widget.
5. Tämän jälkeen Bloglovin gadget on lisätty & tallennettu sinne automaattisesti.
 
 1. Kirjaudut ensin sisään, jonka jälkeen valitset kohdan More & sieltä Goodies.
 
 
2. Selaa sivua vähän matkaa alaspäin, kunnes törmäät kohtaan Live widget for you blog. Kopioi koodi, joka on ympyröity kuvassa.
3. Tämän jälkeen liität koodin HTML/Javascript- gadgettiin & tallennat sen.
 
 
1. Sinun täytyy olla kirjautuneena ensin sisään Fashiolistaan.
2. Mene seuraavaksi seuraavaan linkkiin: http://www.fashiolista.com/content/widgets/
3. Valitset linkistä haluamasi malli & klikaa kohtaa get the code. 
4. Kopioi koodi HTML/Javascript gadgettiin ja tallenna.
---------------------------------------------------------------------------------
Ajattelin ilahduttaa lukijoitani ja laittaa täksi viikoksi kommentointi mahdollisuuden takaisin 'päälle'. Se olis vähänniiku sellanen myöhänen joululahja! (; Musta on tosi mahtavaa, että teitä on jo yli tuhat. Ootte ihania
 
 

Uuden valkoisen Youtube palkin tekeminen

Uuden valkoisen Youtube palkin tekeminen.

 1. Etsi haluamasi video Youtubesta.
2. Klikkaa Jaa & sen jälkeen Upota.
3. Raksita Käytä vanhaa upotuskoodia.
4. Kopio koodi.
5. Liitä se postauksen HTML- alueeseen.
6. Etsi koodista kaksi tälläistä kohtaa: version=3&hl=fi_FI
7. Lisää kyseisten kohtien tilalle seuraava koodi pätkä:
version=2&loop=1&showinfo=0&showsearch=0&color=ffffff&color1=0xffffff&color2=0xffffff&color=ffffff
8. Muuta koodista kohdat widht="560" ja height="315" seuraaviksi:
- widht tarkoittaa leveyttä ja sen perään numeron 560 voit laittaa minkä tahansa numeron. Olisi                             kuitenkin hyvä, jos se olisi postausalueen leveys tai kuvien leveys. Tämä selviää vain kokeilemalla!
- height tarkoittaa korkeutta ja numeron 315 kannattaa korvata numerolla 25, jotta saat Youtube videosta palkin. 
9. Esikatsele & julkaise, jos koodi toimii.

Jos haluat palkin keskelle postausosiota lisää koodin alkuun ja loppuun sana <center>

----------
Nyt on tullut kovasti valitusta siitä, että valkoinen yt palkki ei muka toimisi. Tässä uudet ohjeet. Muuten ihan samanlaiset kuin ennenkin, mutta vain koodinpätkä mikä upotuskoodiin lisätään on muuttunut.

Taustaväri gadgettien ja tekstien otsikolle

Blogger ohje.
 moipsan ! :-) minulta tultiin pyytelemään Valkoiseen Hattaraan ohjeita, että miten tälläsen taustavärin saa laitettua gadgettien otsikolle.

------------------------------------------------------------------------------------------------------------------

1. Siirry: Malli > Muokkaa HTML- koodia
2. Paina F ja Ctrl pohjaan ja etsi seuraavalainen koodikohta: /* Headings
3. Kyseisen tekstin alapuolella pitäisi olla seuraavantapainen kohta:


h2 {
  margin: 0 0 1em 0;

  font: $(widget.title.font);
  color: $(widget.title.text.color);
}

4. Tämän jälkeen lisää koodiin seuraavanlainen koodi: background: #000000;
5. ...jolloin koodin pitäisi näyttää tältä:


h2 {
  margin: 0 0 1em 0;

  font: $(widget.title.font);
  color: $(widget.title.text.color);
  background: #000000;
}


6. Nyt esikatsellessasi blogia gadgettien otsikkojen tausta on musta. Ei hätää taustan väriä voi muuttaa.
7. Siirry seuraavaan osoitteeseen: http://html-color-codes.info/ tai klikkaa TÄTÄ. (molemmat linkit vievät samaan paikkaan)
8. Rullaa sivua alas, kunnes tulee kohta HTML Color Picker. Valitse haluamasi väri ja kopioi se. Pystyt kopioimaan koodin alhaalla olevasta laatikosta. (otetaan esimerkiksi joku vihertävä väri: #4FA54C)
9. Olet siis kopioinut koodin. Tämän jälkeen liität sen kohdan #000000 tilalle (HUOM. varo poistamatta kaksoispillkkua ; tai # -merkkiä !!)
10. Koodin pitäisi silloin näyttää tältä (vihreän värin kanssa): 

h2 {
  margin: 0 0 1em 0;

  font: $(widget.title.font);
 color: $(widget.title.text.color);
 background: #4FA54C;
}
11. Tämän jälkeen esikatsellaan ja tallennetaan.
---------------------------------------------------------
Toivottavasti oli apua !