READING

BLOGGER-VINKKI: KUSTOMOITU FACEBOOK-NAPPI

BLOGGER-VINKKI: KUSTOMOITU FACEBOOK-NAPPI

Sisusteluiden väliin pieni nörtteilytuokio! :-] Tässä superhelppo ja turvallinen tapa lisätä omalle blogisivulle Facebook-nappi (tai vähän muovata jo olemassaolevaa).

1. Klikkaa ulkoasu -> Lisää gadget -> valitse valikosta Määritä HTML/JavaScript.
2. Valitse mieleisesi tyyli allaolevista vaihtoehdoista ja kopioi (maalaa ja paina ctrl+c) + liitä sitä vastaava koodi Sisältö-kenttään.
3. Vaihda lopuksi NoHomeWithOutYou-teksti siihen, mitä lukee oman blogisi Facebook-sivun URLin lopussa .com/in jälkeen. Esim. minulla https://www.facebook.com/NoHomeWithoutYou.
4. Jos nappi on aivan väärän kokoinen suhteessa sivupalkkiin, kokeile vaihtaa mittoja kohdista width ja height.

1 Yksinkertainen sininen

<iframe src=”//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FNoHomeWithoutYou&amp;width=292&amp;height=62&amp;colorscheme=light&amp;show_faces=false&amp;border_color=%23d8d7d7&amp;stream=false&amp;header=false” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:292px; height:62px;” allowtransparency=”true”></iframe>

2 Yksinkertainen harmaa

<iframe src=”//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FNoHomeWithoutYou&amp;width=292&amp;height=395&amp;colorscheme=dark&amp;show_faces=false&amp;border_color=%23e1e2e1&amp;stream=false&amp;header=false” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:292px; height:85px;” allowtransparency=”true”></iframe>

3 Pinkit reunat ja kasvot

<iframe src=”//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FNoHomeWithoutYou&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23f99ceb&amp;stream=false&amp;header=false” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:292px; height:258px;” allowTransparency=”true”></iframe>

4 Harmaat reunat ja kasvot

<iframe src=”//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FNoHomeWithoutYou&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23e1e2e1&amp;stream=false&amp;header=false” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:292px; height:258px;” allowTransparency=”true”></iframe>

5 Pinkit reunat ja päivitykset

<iframe src=”//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FNoHomeWithoutYou&amp;width=292&amp;height=395&amp;colorscheme=light&amp;show_faces=false&amp;border_color=%23f99ceb&amp;stream=true&amp;header=false” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:292px; height:395px;” allowtransparency=”true”></iframe>

6 Harmaat reunat ja päivitykset

<iframe src=”//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FNoHomeWithoutYou&amp;width=292&amp;height=395&amp;colorscheme=light&amp;show_faces=false&amp;border_color=%23d8d7d7&amp;stream=true&amp;header=false” scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:292px; height:395px;” allowTransparency=”true”></iframe>

Toimiiko? 

  1. Aniliini

    14 November

    Toimii! Kiitti vinkistä & keskiviikon koodinpätkästä!

  2. Frida

    14 November

    Facebookissa minulla ei vielä ole omia sivuja, mutta kiitos vinkistä josko niihin joskus on tarvetta;)

    Minulla on sinulle haaste blogissani;)
    http://www.kotikaupunginlaidalla.blogspot.fi

    Toivottavasti innostut ottamaan sen vastaan;)

    Terkuin Frida

    • Kaisa

      14 November

      Kiitos haasteesta! Ei muuta kuin FB-sivu pystyyn. Helppo tapa seurata päivityksiä ja mahollisesti muitakin arjen juttuja. 🙂

  3. laurallebykauko

    14 November

    Mahtavaa Kaisa! Teen tämän kunhan Tirsat pääsee joskus feceen.
    Mutta voisitko vielä neuvoa miten saa tuollaisen FB:n Like-peukun postausten perään?

    • Kaisa

      14 November

      Pitääpä kehitellä tuosta oma tutoriaali!

  4. NAKU

    14 November

    Kiitos Kaisa! Sä luit ajatukseni. Tätä samaa väänsin viime yönä – onnistumatta. Kokeilen ensi yönä sinun ohjeillasi.

  5. NAKU

    14 November

    Oho, ois pitänyt lukea paremmin. Yritin saada jokaiseen postaukseen Tykkää-napin. Mutta tätäkin ohjetta tarviin ihan pikapuoliin 🙂

    • Kaisa

      14 November

      Laurakin tuossa kaipaili samaa, pitää ottaa työn alle! Hyvä, jos tästä on apua sillä välin. 🙂

  6. eve

    14 November

    Tuota ei saanut kopioitua :(! Ihan mahtava ohje muuten! 🙂

    • Kaisa

      14 November

      Maalaa tekstinpätkä ja paina näppiksestä CTRL+C, niin onnistuu.

    • eve

      14 November

      Oho, niin sielä lukeekin! Kiitti paljon! 🙂

    • Kaisa

      14 November

      Lisäsin sen tämän sun kommentin jälkeen. 😀

  7. Pohjoisenpoika

    14 November

    Jee vinkkejä! 🙂

  8. Kiitos suuresti ihana Kaisa tästä! Mulla on ollut FB-namiskuukka kyllä blogissa, mutta muistan miten ***vettiä se oli kun sitä sinne yritti saada. Tämän helpompaa tapaa ei olekaan!!! Nyt myöskin tästä inspiroituneena yksinkertaistin omaani ja laitoin tuon yksinkertaisen version vaihtelun vuoksi sivupalkkiin. 🙂

    Kiitos kiitos kiitos! <3 <3

    • Kaisa

      14 November

      Hyvältä näyttää, kävin kurkkaamassa! Ole hyvä! :))

  9. Celina

    14 November

    Aivan huippuja nämä sinun opetuspostaukset 🙂 Saisiko esittää toiveena ohjetta tuolle alatunnisteen muokkaukselle? Sinulla on niin kaunis se sekä keskitettynä, mitä en saa millään itse tehtyä ;D

    Kivaa iltaa sinne 🙂

    • Kaisa

      15 November

      Kiitos, kiva että joku tykkää! 🙂 Saa esittää toiveita, otan niitä oikein mielelläni vastaan. Samoin sinne!

    • Celina

      15 November

      Niin ihanaa, että olet näissä niin taitava <3 Kiitos!

  10. IMAGE

    18 November

    Nämä on tosi kivoja postauksia. <3

    • Kaisa

      28 November

      Kiitos! Kiva, jos tykkäät. 🙂

    • IMAGE

      4 January

      No tykkään! Ja ehkä pian selviääkin, että miksi tykkään ihan tooooosi paljon… 😉
      Mutta kuinka olet saanut tuon nykyisen “harmaan maalatun” taustan tuohon FB-nappulaan?
      Lissää näitä, kiitos ihanainen.

    • Kaisa

      4 January

      What..? :)) Tuleeko susta jälleen itsenäinen? Muutat Bloggeriin?? Se tausta käväsi vain siinä, tässä suunnittelen ja tuunailen tätä uutta 2013 ulkoasua. Oot sattunu just sillä sekunnilla avaamaan sivun, kun se on ollu siinä. 😀 (se taustakuva pitää työntää blogin htlm:ään).

    • JOOOO! 🙂
      CASA oli ihan skeida homma, joten nyt olen taas omassa kodissa,
      http://www.imageblackwhite.com.
      Tulethan kylään?
      Tää on niin mahtavaa…

  11. Minttu

    8 February

    voisikko joskus neuvoa että saako noita kuvien reunuksia ollenkaa pois? 🙂 vai onko se etes mahollista muuten ku vaihtamalla mallia?

    • Kaisa NHWY

      9 February

      Voisin! Se on seuraava, minkä olen ajatellut tehdä. 🙂

  12. Ihanaa, että jaksat tehdä näitä kun pienellä muokkauksella saa tehtyä ihania muutoksia. Oot oikea blogger-velho! 😀 Tuo postauskohtainen peukku kiinnostaa muakin.

  13. Ai niin piti kysyä vielä, että ootko huomannut et google myy kympillä vuodessa com-päätteistä domainia? Mä huomasin vasta äskettäin, en oo ehtiny tutustua itekään vielä tarkemmin.

  14. Mä en saanut tykkää nappia blogiini 🙁

  15. Anonymous

    22 September

    Ei toimi tämä enää 🙁

  16. Henna

    18 October

    Toimni erinomaisesti, kiitokset 🙂 Leveyttä en onnistunut säätämään, missäköhän vika?

  17. Laura

    9 November

    Toimii! Paljon kiitoksia selkeästä ohjeesta! 🙂

  18. Sarita

    29 January

    Ei toiminu miullakaan.. harmi!

  19. Tuire

    13 February

    Tuhannet kiitokset! Tuli oikein hieno! 🙂

  20. pyhäsylvi

    27 July

    Tuhannet kiitokset, tätä tietoa on etsitty!!

Your email address will not be published. Required fields are marked *