Smileys till bloggen - instruktion.

Har sett att det finns intresse för att fixa till smileys till bloggen och kanske speciellt till kommentarerna så jag tänkte lite kort och enkelt beskriva hur jag gjort för att få in mina.

Har uppdaterat detta inlägg för att förtydliga det en aning.
Uppdaterat det igen :) Nu är det till och med läsvänligt :D

Steg 1. På bloggdesign.nu :thumbup: kan man få tydliga och bra instruktioner om hur man lägger in smileysarna i bloggen, dessutom kan man få välja mellan olika paket av smileys, fäger och om man vill ha dom i inläggen, kommentarerna eller båda.
Läs mer om det och få fram de smileys som passar er här.
Har ni problem med detta steg så fråga gärna mig här eller fråga Krille på bloggdesign så får ni hjälp med det.

Steg 2. Tack vara bloggdesign.nu's script som ni nu fått och förhoppningsvis fått att fungera (inte svårt, bara att klistra in en kodrad i kodmallarna) så har ni nu en funktion som gör om alla : ) till :) osv..
Nu ville jag ha en funktion för att när man skriver kommentarer ska man se vilka smileys som finns och man ska kunna klicka på dom för att infoga dessa. Hittade ingen färdig funktion för detta så jag gjorde denna egna.

Hur som helst, detta kan låta svårt och besvärligt men det är det inte.
Däremot rekommenderar jag starkt att ni kopierar entry kodmallen till datorn så ni har den kvar ifall det skulle bli fel så behöver ni inte vara rädd för att prova nått!

Gå till design / kodmallar och välj entry page. Det är här kommentarsfunktionen finns.
Letta rätt på följande kod:


<form class="commentform" action="${AppUrl}index.bd?fa=comment.insert" name="commentForm" method="post" onsubmit="doSubmit(this)">
<input type="hidden" name="commentid" value="${CommentID}" />
<br />
<strong>Kommentera inlägget här:</strong> <br /> <br />
Namn: <br />
<input type="text" name="author" onchange="doChange(this)" value="" size="42" maxlength="255" />
<input name="remember" onclick="doCheck(this)" type="checkbox" value="1" id="remember" /> Kom ihåg mig?<br />
<br />
E-postadress: (publiceras ej)<br />
<input type="text" name="authoremail" onchange="doChange(this)" value="" size="42" maxlength="255" />
<br />
URL/Bloggadress: <br />
<input type="text" name="authorurl" onchange="doChange(this)" value="http://" size="42" maxlength="255" />
<br />
Kommentar: <br />
<textarea name="comment" onchange="doChange(this)" cols="52" rows="7"></textarea>
<br />
<input class="formbutton" type="submit" name="submit" value="Skicka kommentar" />
</form>


Gå nu till detta inlägg: kodskapare för smileys (öppnas i nytt fönster så klicka på bara) och ange vilka val på smileys och färg ni gjort på bloggdesign.nu
kopiera den koden ni får där och klistra in den mellan "Kommentar: <br />" och "<textarea....." (rad 5 och 4 nerifrån)
OBSERVERA att den kod ni får från kodskaparen börjar med kommentarer och slutar med textarea, dessa är med endast för att ni ska se vart ni ska klistra in koden, se till att ta bort dom när ni gjort det så ni inte får dubbelt av dessa.

Så nu var det klurigaste avklarat! bara en sak återstår: I textarea koden som nu bör ligga under det ni nyss klistrade in och som ser ut nånting såhär
<textarea name="comment" onchange="doChange(this)" cols="52" rows="7">
ska ni skriva in id="kommentarer" nånstans, förslagsvis direkt efter textarea. så att ni för följande:
<textarea id="kommentarer" name="comment" onchange="doChange(this)" cols="52" rows="7">

Detta är redan gjort i den textarean som följermed koden, så om ni inte har gjort några egna ändringar tidigare i denna ruta kan ni ta bort er gamla istället så behöver ni inte ändra nått.

Det var faktiskt allt!
och kommentarsrutan kommer nu se ut såhär.
klicka på bilden för att se den större.

Kommentarer
Postat av: Lisa

Jättebra tips! Iaf för oss som inte är så bra på dessa finesser. Undrar också hur du gör för att "klippa ut" textrutor/bilder på skärmen för att klippa in i ditt inlägg? (Nu menar jag inte copy paste.)

Postat av: j

hahahah va seriös du är alltså! Och så ännu en som vi pratade om innan! De andra kanske inte är intresserade, bara en viss målgrupp.... :-d

Postat av: Paka

Lisa, kul att du gillar det! Att lägga in bilder från skärmen är inte svårt, kanske nått för nästa inlägg!



J, japp, visst är jag seriös! och hjälpsam!

Postat av: Heidi

Har lagt in o gjort allt som du skrivit men när jag trycker på en smilis så kommer tex : ) Upp fast det sitter ihop men ser bara den texten o ingen smilis där man ska ha kommenterat... va kan det va för fel.. kolla gärna min blogg.. har kommenterat i detta inlägg :)



http://heromer.blogg.se/2009/march/bilder.html

Postat av: Paka

Du har missat steg 1

alltså följ länken till inlägget bloggdesign.nu som jag har i steg 1 och välj ditt smileypaket och klistra in koden du får där i head taggarna i din blogg.



Mitt script infogar egentligen inga smileys, det lägger bara in : ), : ( osv i inläggen när man klickar på bilderna. Scriptet du får från bloggdesign byter sedan ut : ) mot :)

Postat av: Rebecka

Det gick ju bra, förutom ett litet fel.... jag fick två kommentarsrutor ist. vad ska jag göra? Tac och kram

Postat av: Rebecka

Jag kunde inte ens kommentera, det blev ingen text ::-s

Postat av: Paka

Rebecka.

Låter som att du kopierade in hela koden rakt av, se till att kopiera in och ersätt allt mellan "Kommentar:" och fram till och med "/textarea". Får du inte till det så hör av dig så ska jag nog kunna hjälpa till.

Postat av: Heidi

hmm.. hade fått en kod innan där man kunde lägga in så man ser smilisarna som man sre här ovanför där man kommenterar. men hittar ej vart den koden finns. vet var på min blogg, men tänkte ja skulle testa ta bort det igen då min blogg hakar upp bloggen o allt annat på internet så fort ja går in i den.. så kan du va snälla o försöka hjälpa mig o hitta vart dne koden finns..



hls heidi :)

Postat av: Heidi

jag fick bort den.. o ska spara ner den.. men nu är min blogg ej seg längre, så när ja hade smilisar i bloggen så gjorde den min blogg seg .. ska det va så. eller e det bara ja som får det problemet :question:

Postat av: Paka

du fick bort det alltså.. det är ju bra det :)

borde inte bli segt, jag har ju själv det på min blogg och har inte märkt nån skillnad.

Ska se om jag kan komma på nått :)

Postat av: Pialotta

Fint nu äntligen efter lite pillande fick jag in allt tror jag.. återstår att se framöver.

Tack för tipset/Pialotta

Postat av: Anna

Tack för tipset. Har nu också snygga smileys att kommentera med :)

Postat av: Pialotta

bloggdesign.nu funkar inte .. blankt, vitt blad bara..

jag skrev om det på din första sida oxså.

Postat av: S O F I A ♥ N G U Y E N

det funka inte, det står typ datafel eller nåt :-(:-(

Postat av: Mira

Omg tack så super mycket!! Jag klickade på länken till bloggdesign.nu, men det var nåt konstigt asså dom upptaterade eller nåt, så jag gick direkt in på din länk istället och kryssade i Paket 1 och Gul, sen kopierade jag koden. Jag följde dina anvisningar precis, fast det där sista om att om man inte hade ändrat nåt redan så skulle man radera osv så hittade jag inget att radera, så jag klickade på spara kodmall iallafall, sen gick jag in på min sida och såg att det funkade ändå!! Tusen tack jag trodde inte att det skulle funka men det gjorde det! Nu har jag smilisar!!! Tack tack tack!



Tack!

Postat av: Mira

Omg tack så super mycket!! Jag klickade på länken till bloggdesign.nu, men det var nåt konstigt asså dom upptaterade eller nåt, så jag gick direkt in på din länk istället och kryssade i Paket 1 och Gul, sen kopierade jag koden. Jag följde dina anvisningar precis, fast det där sista om att om man inte hade ändrat nåt redan så skulle man radera osv så hittade jag inget att radera, så jag klickade på spara kodmall iallafall, sen gick jag in på min sida och såg att det funkade ändå!! Tusen tack jag trodde inte att det skulle funka men det gjorde det! Nu har jag smilisar!!! Tack tack tack!



Tack! :-d :love:

Postat av: Mira

oups ville ha smilisar, det blev dubbelt:-P

Postat av: Anonym

ojj nej läste vad du skrev där uppe, måste man göra steg ett!? Men det funkar inte!!;-(

Postat av: Mira

Den ovanför var jag.

Kan inte du kopiera in koden till Paket 1 och Gul i en kommentar och så kan man kopiera där! Jag vill ha Paket 1 och Gul iallafall! >.<

Postat av: Joakim

Har också klistrat in allt, men inte kunnat göra steg 1 eftersom bloggdesign.nu ligger nere. Kan någon skicka mig koderna ifrån steg ett till mig? Om vi nu har samma bloggplattform = blogg.se



TACK på förhand!

Postat av: Anonym

:-d:-d:-d:-d:-d:-d:-d:-d:-d:-d

Postat av: Anonym

:love:

Postat av: Mikaela Nordgaard

Gjorde precis som du skrivit men istället för att bara smilysarna kommer med ovanför kommentar-rutan så kommer resten av texten också med! Alltså det är smilysar samt massa text! Går inte att klicka på smilysarna. Hjälp? :question:

Postat av: Mikaela Nordgaard

Kan nu klicka på smilysarna men texten är fortfarande kvar. Texten nedan är den som jag inte får bort!



src="http://bloggdesign.nu/smilys/set1/1/1.gif"> src="http://bloggdesign.nu/smilys/set1/1/2.gif"> src="http://bloggdesign.nu/smilys/set1/1/3.gif"> src="http://bloggdesign.nu/smilys/set1/1/4.gif"> src="http://bloggdesign.nu/smilys/set1/1/5.gif">

Postat av: Anonym

haha coolahttp://bloggdesign.nu/smilys/set1/1/4.gifhttp://bloggdesign.nu/smilys/set1/1/15.gif

Postat av: Anonym

?

Postat av: Anonym

:D :( :P :) ;) :/ :\ :? ? :O

Postat av: Anonym

http://bloggdesign.nu/smilys/set1/1/20.gif

Postat av: Anonym

love

Postat av: Anonym

???

Postat av: Anonym

B)

Postat av: Anonym

(H)

Postat av: Anonym

hhaa okreh :) :cool:

Postat av: Anonym

:-):-(:-P:-d:-O;-):-s;-(:-|:question::rolleyes::love::blush::mad::cool::tired::bigeyes::thumbup::thumbdown:;-P

Postat av: heej

:cool:Arvid

Postat av: Hämlig rerson

:-):-(:-P:-d:-O;-):-s;-(:-|:question::rolleyes::love::blush::mad::cool::tired::bigeyes::thumbup::thumbdown:;-P





Hämlig person!!



:-o

Postat av: Anonym

Lämna gärna en kommentar!:thumbup:

Postat av: Anonym

:-):-(:-P:-d:thumbup::love:

Postat av: Jasmin - livet i mina fotspår!

gjorde som du sa men nu går det inte komentera alls, fattar inte varför.. mejla mig snälla och hjälp ;-(;-(

Postat av: Anonym

Tack

Postat av: Angelica

Jag får inte det att funka, fast jag gjort exakt som det står?? Ska man ha "mellanslag" och sånt efter <head> ?? Fattar inte, hjälp, snälla!!!

Postat av: Esther

jag har gjort som du skrev, men nu funkar det inte och komentera alls eftersom det stog såhär: Felaktig data

Ett fel uppstod när din data bearbetades.

Postat av: Esther

och så hopppar ;-P ner brevid rutan där det står skicka komentar

Postat av: ems

funkade galant! tack för tipset! :thumbup:

Postat av: Anonym

ok. men det går inte :(

Postat av: fanny

finns det något sätt att få andra smileys än dem som erbjuds på bloggdesign.nu ? Typ som ifall jag skulle vlija använda den här smileysen: <img src="http://fannyastory.blogg.se/bb/images/2010/biggrin_90812097.gif">

tack på förhand

xoxo

fanny

Postat av: linda

heej asso jag har gjort det du sa men när jag skriver ett inlägg så ska jag kolla om de där smileysarna kommer på förhandsgranska då kommer de men sen när jag sparar och publicerar så kommer det sånna vanliga :) smileysar :question: hjälp snälla ! :-(

Postat av: Anonym

Jag får det inte att funka med gubbarna... har kopierat in länken precis så som det står, men det när jag skriver ett inlägg blir det bara ":)" istället för :-)



Hjälp, snälla ;-(

Postat av: Malin

fattar typ ingenting? :question:

Postat av: Alice

Tänkte bara informera om att bloggdesign.nu har tillfälliga problem och därför funkar inte smileys bl.a.. :(

Postat av: Linda

vet du ingen hemsida som har smilisar till devote? :-P

Postat av: Anonym

:love::love::love::love::love::love::love:

Postat av: Jessica

Hej! Är det bara till denna blogg-portalen som dessa smiles;ar funkar ? Eller går det till "blogger" också ? /mvh

J

Postat av: Viktoria

Hej! Funkar detta även till blogger.com med? Testade från bloggdesign.nu men den sidan visar endast hur blogg.se kan få smileys. Tacksam för svar!

Postat av: sara

när man kommenterar på min blogg så står det: felaktig data, ett fel uppstod när din data bearbetades eller något sånt? vad ska jag göra? tacksam för svar!!

Postat av: Anonym

min data går inte att göra smilisy vf vf

Postat av: josefine

Tack nu vet jag hur man gör och snygg blogg:thumbup:

Postat av: josefine

Tack nu vet jag hur man gör och snygg blogg:thumbup:

Postat av: Anonym

Kan inte kommentera allas nu... vad har jag gjort för fel? Hjälp snälla..:-)

Postat av: ellebelle

Mina smileysar blir bara text... Kan det bero på att jag har ett annat sånt paket för själva blogg inläggen åxå? Hjälp snälla! :question:

Postat av: Jessica

smilis funktionen fungerar inte för mig :S hur ska man ens göra? försökt i en halv timme nu.

Postat av: josefine

jag lyckades få in dom men ett problem :o

Jag fick 2 komentarsrutor ? :O jätte konstigt

Postat av: Tess

Jag gjorde som ovan o alla funktioner funka o så! men sen när man skulle kommentera så gick det inte överhuvudtaget (felaktig data, ett fel uppstod när din data bearbetades eller elr liknande) Skulle vara jätte glad över ett svar!:-)

Postat av: v

funkade icke i min blogg. Klistrade in html-koden mellan head och bloggtiteln, som infon säger, men nada happenin.

Postat av: beaangel

Det har hänt någon med mina smileys på min blogg.

Som är helt borta på framsidan, men ej på kommentarsidan.

Hur får jag detta tillbaka?

Har försokt att komma in på sidan där man kan följa instruksjonerna men får ej den sidan..

Tack på förhand!

Postat av: Anonym

Lämna gärna en kommentar!;-(

Postat av: Anonym

hEJ:thumbdown:

Postat av: Matilda

Jätte bra beskrivet, nu har jag också fina smilisar :thumbup:

Postat av: Nicole

Hej! Tack för hjälpen, men detta funkade inte helt...? Har läst igenom kommentarerna och det är tydligen fler som har fått 2 kommentarsfält? Dvs: 2 rutor där man skriver sin kommentar och 2 rubriker över kommentarsrutan där det står '' Kommentar: '' ? Snälla, vore jätte glad om du kunde svara!

Kram. ;-) :question:

Postat av: amandaa

Alltså har bara en fråga jo jag har gjort om detta ett antal gånger nu, men jag får 2 kommentarsfält :O osv, så kan du skriva om den koden så att den blir rätt :S för jag får 2 kommentarsfält, och 2 av allt där vid ''kommentera'' :-s :question:

Postat av: Ella

När man skickar en kommerntar med smileys så kommer inte de "upp" ;-(

Postat av: Ella

gå in på min blogg och testa att kommentera en smiley så får du se vad som händer (jag behöver inte godkänna din kommentar)

Postat av: Anonym

:-):-(:-P:-d:-O;-):-s;-(:question::-|:rolleyes::love::blush::mad::cool::tired::bigeyes::thumbup::thumbdown:;-P

Postat av: Anonym

;-P:thumbdown::thumbup::bigeyes::tired::cool::mad::blush::love::rolleyes::question::-|;-(:-s;-):-O:-d:-P:-(:-)

Postat av: Rue

Hej! Det står felaktig data när man försöker kommentera, så det går inte att kommentera alls längre :-s. Tråkigt, eftersom att smileysarna var super fina! Kan du eller någon annan förklara hur man gör och vad som är felet. ser att många har haft samma problem, någon som redan har fått hjälp som vill dela med sig av sitt svar:question:

Postat av: Anonym

:question:;-(:-):-O

Postat av: marycaroline.blogg.se

Hallå där! Jag testade detta och jag har ett smiley-paket på min blogg. Jag lyckas få in mina smileys ovanför kommentarsrutan, men när man klickar på dem händer ingenting i kommentarsrutan, det blir ingenting. Vilket medför att man enbart ser hur mina smileys kommer att se ut, men läsarna kan ju inte säkert veta hur de ska skriva dem, med vilka tecken och så eftersom man får skriva dem själv istället för att klicka. Vad är fel? Varför händer inget när man klickar?

Postat av: Stockholmstjejen

Hejsan :-)
Jag skulle vilja ha hjälp med en sak. Och det är det där med att få smiley på mina inlägg på min blogg. Men det går inte och jag fattar inte hur man gör. Har nu försökt nu minst 10 gånger om inte mer :question: är det någon som kan hjälpa. Jag är tacksam för all hjälp :thumbup:


Kommentera inlägget här:

Namn:
Kom ihåg mig?

E-postadress: (publiceras ej)

URL/Bloggadress:

Kommentar:
:-) :-( :-P :-d :-O ;-) ;-s ;-( :-| :question: :rolleyes: :love: :blush: :mad: :cool: :tired: :bigeyes: :thumbup: :thumbdown: ;-P

Trackback