-->

Pages

14/11/2012

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? 

37 comments :

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

    ReplyDelete
    Replies
    1. Kivvaa! Hyvin passaa sun sivuun tuo harmaa!

      Delete
    2. ah kiitos, teen itselleni harmaan kun ehdin! :)

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

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

    Toivottavasti innostut ottamaan sen vastaan;)

    Terkuin Frida

    ReplyDelete
    Replies
    1. Kiitos haasteesta! Ei muuta kuin FB-sivu pystyyn. Helppo tapa seurata päivityksiä ja mahollisesti muitakin arjen juttuja. :)

      Delete
  3. 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?

    ReplyDelete
    Replies
    1. Pitääpä kehitellä tuosta oma tutoriaali!

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

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

    ReplyDelete
    Replies
    1. Laurakin tuossa kaipaili samaa, pitää ottaa työn alle! Hyvä, jos tästä on apua sillä välin. :)

      Delete
  6. Tuota ei saanut kopioitua :(! Ihan mahtava ohje muuten! :)

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

      Delete
    2. Oho, niin sielä lukeekin! Kiitti paljon! :)

      Delete
    3. Lisäsin sen tämän sun kommentin jälkeen. :D

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

    ReplyDelete
    Replies
    1. Hyvältä näyttää, kävin kurkkaamassa! Ole hyvä! :))

      Delete
  8. 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 :)

    ReplyDelete
    Replies
    1. Kiitos, kiva että joku tykkää! :) Saa esittää toiveita, otan niitä oikein mielelläni vastaan. Samoin sinne!

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

      Delete
  9. Nämä on tosi kivoja postauksia. <3

    ReplyDelete
    Replies
    1. Kiitos! Kiva, jos tykkäät. :)

      Delete
    2. 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.

      Delete
    3. 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ä. :D (se taustakuva pitää työntää blogin htlm:ään).

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

      Delete
  10. voisikko joskus neuvoa että saako noita kuvien reunuksia ollenkaa pois? :) vai onko se etes mahollista muuten ku vaihtamalla mallia?

    ReplyDelete
    Replies
    1. Voisin! Se on seuraava, minkä olen ajatellut tehdä. :)

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

    ReplyDelete
  12. 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.

    ReplyDelete
  13. Mä en saanut tykkää nappia blogiini :(

    ReplyDelete
  14. Ei toimi tämä enää :(

    ReplyDelete
  15. Toimni erinomaisesti, kiitokset :) Leveyttä en onnistunut säätämään, missäköhän vika?

    ReplyDelete
  16. Toimii! Paljon kiitoksia selkeästä ohjeesta! :)

    ReplyDelete
  17. Ei toiminu miullakaan.. harmi!

    ReplyDelete
  18. Tuhannet kiitokset! Tuli oikein hieno! :)

    ReplyDelete
  19. Tuhannet kiitokset, tätä tietoa on etsitty!!

    ReplyDelete