Gilla-knapp – nu även på webben
// Kategori: Om bloggtjänsten
 
Det har varit stor efterfrågan på en gilla-knapp för webben och er önskan är vår lag. Nu kan din blogg få en snygg gilla-knapp och du väljer själv vilken färg du vill ha den i – kanske en rosa, röd, gul eller blå passar din bloggdesign?
Gå in här och skapa ditt script som du lägger in i din bloggs kodmall (bloggens översikt --> kugghjulet --> design --> dator --> redigera HTML --> så kan man välja mellan olika kodmallar och stilmallen där). Genom att ha en gilla-knapp kan du lättare hamna på mest gillat-listan på startsidan. 
 
Gör så här: 
 
1. Gå in på denna länk och klipp ut scriptet i den översta rutan. Om du vill ha en rosa knapp så lägger du in färgen i själva scriptet:  <script type="text/javascript" data-theme="pink" src="/static/widgets/likes.js" class="likewidget" data-timestamp="{{ entry.timestamp }}" data-entryid="{{ entry.id }}" async></script> 
Om det är en annan färg som du önskar så byter du ut "pink" mot det namnet exempelvis "red".
 
2. Logga in på din blogg. Gå till bloggens översikt, klicka på kugghjulet, sedan klickar du på design, därefter dator och slutligen redigera HTML. Där väljer du kodmallen
 
3. I själva kodmallen lägger du in scriptet som du gjorde i steg 1. Du bestämmer själv var på inläggen som gillaknappen kommer att synas, vi rekommenderar i anslutning till kommentera-länken. Om du är osäker på var du vill ha knappen, så kan du alltid prova dig fram. Om du vill ha gilla-knappen på både start
 
4. Klart!
 
Vi håller för närvarande på att lägga in gilla-knappen i våra standardteman. Så om du tycker att det är krångligt att lägga in den i kodmallen, kan du snart byta till ett standardtema och få gilla-knappen helt automatiskt. Enkelt va? På dessa teman finns gilla-knappen. 
  • Home Sweet Home
  • Letters
  • Pruned
  • Magazine
  • Wide
  • Esther
  • Origami
  • Tabula Rasa
  • Pastel Dream
  • Fashion spot
  • Simply Black
  • Cotton
  • Silentium
  • Basal
  • Stark
  • Essential
  • Ao no Sekai
  • Plenitude
  • Translucido
Kommentarer (53)

Kommentera inlägget här:

Namn:
Kom ihåg mig?
E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar:

Kommentarer

#1 Per Damsberg:

Vad är min bloggs kodmall och var hittar jag den?

#2 Per Damsberg:

Vad är min bloggs kodmall och var hittar jag den?

Svar: bloggens översikt --> kugghjulet --> design --> dator --> redigera HTML --> så kan man välja mellan olika kodmallar och stilmallen där
...

#3 Kajsa:

Fattar inte instruktionerna hur man ska sätta in koden. Vars ska man sätta den och hur ändrar man färg?

Svar: Du hittar kodmallen här: bloggens översikt --> kugghjulet --> design --> dator --> redigera HTML --> så kan man välja mellan olika kodmallar och stilmallen där.
Du ändrar färg genom att lägga in data-theme="blue" om du vill ha blå färg.
...

#4 ɑ n n i k ɑ:

Vore kul om ni skulle skaffa fler färger. T.ex. ljus rosa. Skulle passa min bloggdesign mycket bättre :)

#5 Patricia:

Hej, exakt var i kodmallen ska man klistra in koden?

#6 linn:

Blev hur bra som helst! Äntligen en gilla-knapp! :D

#7 Camilla- AktivaDagar:

Goda nyheter!

#8 Nikodemus Drömer:

Hej! Jag hade tänkt att lägga in den i stilmallen men de funkar inte? Den kommer inte ens fram på bloggen när jag har sparat den i stilmallen. Och ska man kopiera in vilken färg man vill ha längst bak på skripten, tack!

#9 Tilda:

hej gud vad kul med en gilla knapp! men det är jätte jobbigt att förstå hur jag ska göra. Kanske ni kan göra det lite enklare eller förklara bättre :)

#10 Camilla:

får det inte att funka med Gilla knappen

#11 Mimmi:

Blev ju hur bra som helst, jättekul med en gilla-knapp! :)

#12 LIL' BABUSTYLE - The truth is mine:

Fattar absolut ingenting...

#13 Matilda :

Jag och min helkassa engelska fattar ju noll, haha!

#14 ♦ • . josefine - skönhetsblogg:

Vart i kodmallen ska den ligga då? :)

#15 Matilda :

Undrar som ovanstående, vart i kodmallen ska den ligga då? Och vart skriver man in själva färgkoden?

#16 Mathilda:

#5 - Jag satte min på rad 213 (då hamnade den under datum/tid/kommentarer). Testa till exempel en bit under

#17 Mathilda:

...Det gick visst inte skriva koder här, så en bit av vad jag skrev försvann. Under: div class="meta" skulle det stå i alla fall.

#18 Mathilda:

#15 - Du sätter in data-theme="blue" (eller vilken färg du nu vill ha) i den färdigskriva koden som finns i rutan under "Implementing the button in your design". Så det ser ut på följande vis mitt i koden: data-theme="blue" data-timestamp="

#19 GoForFit:

Underbart! Stor gilla på det! ;) Färgen rosa kunde inte passat bättre på min blogg, hur bra som helst (y)

#20 Katarina:

Underbart! Om jag bara fått det att funka, har provat klistra in den här och där både i stilmallen, på startsidan och i inläggssidan, men inget händer :( På startsidan står det att javascript är avaktiverat även fast det är aktiverat i alla webbläsare, kan det bero på detta?

#21 Pernilla Jungåker:

Man ska lägga in koden på "startsidan" först och främst. Leta upp där det står {% block entry_loop %} Därefter börjar koderna för hur era inlägg är uppbyggda. Så där är det bara att lägga koden beroende på vart ni vill ha den. Jag la min längst ner på varje inläggssida. Tyvärr så gick det inte att förhandsgranska och se vart den hamnade. Utan man fick klicka på spara och gå in på sin blogg och kolla hur det såg ut.

#22 Sara ~ Candis:

Grymt :) hoppas på fler "lugnare" färger, annars helt perfekt.

#23 Dreaming With Colours:

Haha! Tog ett tag tills jag fick till det men nu känner jag mig riktigt stolt! Tagga rosa gilla knapp nu! 😜✌️

#24 Malin:

Kul, men önskar också lite lugnare färger.

#25 Nathalie Lennholm:

letade mig fram och nu funkar det skitbra. tack så mycket!!

#26 Marith Hemmingsson:

Nu går det baske mej för långt med dessa annonser. Annonsen täcker halva min text på mitt inlägg!!! Håll annonserna under texten annars måste nan ju lägga bloggen någon annannstans. Kan msn inte läsa min text, vad är det då för mening med att skriva öht?.

#27 ketty.blogg.se:

Den va jätte bra

#28 Anonym:

Den va jätte bra

#29 Anonym:

Den va jätte bra

#30 iz:

Ska testas
Kul med färg

#31 Camilla :

Jag får inte det med gilla knappen att fungera..... min engelska är inte så bra så jag har inte en susning om var man ska klistra in texten

#32 Carola:

Min knapp är ljusblå men efter någon tryckt på gilla blir den röd, inte särskilt snyggt, hur får man knappen att vara ljusblå efter någon tryckt på gilla??

#33 Ann-Sofie:

Blev super bra =)

Jag valde Kodmall :Startsida och Inlägg. På båda valde jag att lägga in den där det stod "coment" sparade och sen var den där =)

#34 linn:

Jag har gjort ett litet inlägg över hur jag gjorde för att fixa denna knapp :)

#35 Jennie Lenita:

Detta har jag väntat på länge, tummen upp. Kan man göra knappen personlig?

#36 Anima:

Kan inte få knappen att dyka upp på alla inläggen, några blir utan medans resten har. hjälp?

#37 josya - skönhetsblogg:

Har gjort ett inlägg på min blogg om hur man sätter in Gilla-knappen ! :)

#38 Krister Nilsson:

Underbart de går framåt

#39 pernilla :

hej kan någon hjälpa mig med like knappen det funkar inte alls för mig.

#40 Jennie Lenita:

Superkul med detta och som jag har länge velat ha en :}
Går det att göra en egen knapp till denna funktion?

#41 Anonym:

@Jenita: Det går absolut att styla knappen helt som man själv vill, det är bara att knacka in de förändringar du önskar i din stilmall. Se sidan som länkas här i inlägget (http://blogg.se/dev/template/widgets/) för att se exakt hur HTML koden för widgeten ser ut, och vad som behöver överlagras. Easy-as-pie!

#42 Viktoria Uhlin:

Jättebra! Som vi har längtat efter denna funktion!

Roligt att kunna ändra designen på den själv också! Det är ju alltid roligast att ha en personlig bloggdesign!

MEN! Jag har hittat en bugg och det är att gilla-knappen inte finns i alla inlägg. Har försökt med alla olika kombinationer men jag får inte till det.

Antar att ni uppdaterar och förbättrar!

Tack!

#43 Gina:

Jag har precis gjort ett inlägg till er som inte förstod er på detta.

http://kissen.se/2015/march/sa-satter-du-in-gilla-knappen-i-din-blogg.html

Försökte göra det så tydligt som möjligt! <3

#44 Marie:

Hej!

Vet inte om detta är rätt forum, men jag vet inte var jag annars ska vända mig. Vill bara säga att jag i alla fall saknar att kunna tipsa om bloggar/inlägg. Det försvann vad jag kan se när ni gjorde om framsidan/startsidan på blogg.se. Verkligen synd, för det var ett bra sätt att få bra inlägg att synas, även från de mindre bloggarna. Hoppas ni ska ta tillbaka det snart!

/M

#45 Elin Svanold:

Min gilla-knapp försvinner efter de tre första inläggen :/

#46 Ika:

Det är flera som sagt att dom inte kan "gilla" mina inlägg, det händer inget när dom klickar. Hur kan jag fixa detta? Tack!

#47 emma:

Min gilla-knapp försvinner efter de tre första inläggen, vad är det som kan vara fel? :(

#48 Gina:

Varför har ni förändrat TOTALT i stilmallen? Jag förstår verkligen INGENTING längre. Inte ens logiskt. Kan ni inte göra något inlägg om HUR man ändrar? Fattar ju inte ens hur man byter header eller sida på sin sidomeny. Jätte tråkigt faktiskt. Får jag inte rätt på detta byter jag nog portal vilket känns as jobbigt då jag älskar allt med blogg.se förutom stilmallen. :(

#49 Jane:

Jätteroligt, det har jag saknat i flera år :-)

#50 Nicole Granroth:

När du skrev en länk 'denna länk', hur gör man det? Att man själv väljer vad det ska stå för?<33

#51 Englie:

Om gilla-funktionen bara visas på 3 inlägg vad gör jag då för fel? Super tacksam för svar!

#52 johanna:

Någon som har en lösning på problemet när gilla-knappen bara syns i tre inlägg?..

#53 Anna:

Jag behöver hjälp då jag gör exakt som instruktionerna säger men ändå får jag inte upp någon form av gilla-knapp. Har testat att lägga koden på flera olika ställen men ingenting fungerar. Vad kan vara felet? Tacksam för svar! Tack på förhand!