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&width=292&height=62&colorscheme=light&show_faces=false&border_color=%23d8d7d7&stream=false&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&width=292&height=395&colorscheme=dark&show_faces=false&border_color=%23e1e2e1&stream=false&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&width=292&height=258&colorscheme=light&show_faces=true&border_color=%23f99ceb&stream=false&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&width=292&height=258&colorscheme=light&show_faces=true&border_color=%23e1e2e1&stream=false&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&width=292&height=395&colorscheme=light&show_faces=false&border_color=%23f99ceb&stream=true&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&width=292&height=395&colorscheme=light&show_faces=false&border_color=%23d8d7d7&stream=true&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:395px;" allowTransparency="true"></iframe>
Toimiiko?
Toimii! Kiitti vinkistä & keskiviikon koodinpätkästä!
ReplyDeleteKivvaa! Hyvin passaa sun sivuun tuo harmaa!
Deleteah kiitos, teen itselleni harmaan kun ehdin! :)
DeleteFacebookissa minulla ei vielä ole omia sivuja, mutta kiitos vinkistä josko niihin joskus on tarvetta;)
ReplyDeleteMinulla on sinulle haaste blogissani;)
www.kotikaupunginlaidalla.blogspot.fi
Toivottavasti innostut ottamaan sen vastaan;)
Terkuin Frida
Kiitos haasteesta! Ei muuta kuin FB-sivu pystyyn. Helppo tapa seurata päivityksiä ja mahollisesti muitakin arjen juttuja. :)
DeleteMahtavaa Kaisa! Teen tämän kunhan Tirsat pääsee joskus feceen.
ReplyDeleteMutta voisitko vielä neuvoa miten saa tuollaisen FB:n Like-peukun postausten perään?
Pitääpä kehitellä tuosta oma tutoriaali!
DeleteKiitos Kaisa! Sä luit ajatukseni. Tätä samaa väänsin viime yönä - onnistumatta. Kokeilen ensi yönä sinun ohjeillasi.
ReplyDeleteOho, ois pitänyt lukea paremmin. Yritin saada jokaiseen postaukseen Tykkää-napin. Mutta tätäkin ohjetta tarviin ihan pikapuoliin :)
ReplyDeleteLaurakin tuossa kaipaili samaa, pitää ottaa työn alle! Hyvä, jos tästä on apua sillä välin. :)
DeleteTuota ei saanut kopioitua :(! Ihan mahtava ohje muuten! :)
ReplyDeleteMaalaa tekstinpätkä ja paina näppiksestä CTRL+C, niin onnistuu.
DeleteOho, niin sielä lukeekin! Kiitti paljon! :)
DeleteLisäsin sen tämän sun kommentin jälkeen. :D
DeleteJee vinkkejä! :)
ReplyDelete:)
DeleteKiitos 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. :)
ReplyDeleteKiitos kiitos kiitos! <3 <3
Hyvältä näyttää, kävin kurkkaamassa! Ole hyvä! :))
DeleteAivan 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
ReplyDeleteKivaa iltaa sinne :)
Kiitos, kiva että joku tykkää! :) Saa esittää toiveita, otan niitä oikein mielelläni vastaan. Samoin sinne!
DeleteNiin ihanaa, että olet näissä niin taitava <3 Kiitos!
DeleteNämä on tosi kivoja postauksia. <3
ReplyDeleteKiitos! Kiva, jos tykkäät. :)
DeleteNo tykkään! Ja ehkä pian selviääkin, että miksi tykkään ihan tooooosi paljon... ;)
DeleteMutta kuinka olet saanut tuon nykyisen "harmaan maalatun" taustan tuohon FB-nappulaan?
Lissää näitä, kiitos ihanainen.
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).
DeleteJOOOO! :)
DeleteCASA oli ihan skeida homma, joten nyt olen taas omassa kodissa,
http://www.imageblackwhite.com.
Tulethan kylään?
Tää on niin mahtavaa...
voisikko joskus neuvoa että saako noita kuvien reunuksia ollenkaa pois? :) vai onko se etes mahollista muuten ku vaihtamalla mallia?
ReplyDeleteVoisin! Se on seuraava, minkä olen ajatellut tehdä. :)
DeleteIhanaa, että jaksat tehdä näitä kun pienellä muokkauksella saa tehtyä ihania muutoksia. Oot oikea blogger-velho! :D Tuo postauskohtainen peukku kiinnostaa muakin.
ReplyDeleteAi 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