Framhäv dina svar i kommentarer
Du kanske har sett att jag nyligen valt att markera mina egna svar här i Fixabloggen lite extra. Jag har lagt till en lite mörkare bakgrund och en pratbubbla som säger "Fixa svarar".
Det gör att bloggens besökare lättare kan se när det är jag som skriver och de hittar förhoppningsvis svaret på sin fråga lite lättare...
Vill du göra samma sak?
Gör då så här:
Börja med att gå till din bloggs kodmall (Design, Redigera HTML)
Kopiera den här koden och lägg den precis före
]]></b:skin>
Här hittar du dels den bakgrundsfärg du tänkt dig och dels den bild som kommer att sitta uppe i det högra hörne. Du kan byta ut bilden om du vill och anpassa färgen till något som passar din blogg. Glöm inte kantfärgen (border).
När vi ska lägga in koden som skapar själva rutan för just dig måste vi anpassa oss efter vilken slags mall du har.
Sök efter följande kodstycke genom att först kryssa i Utöka Gränssnittskomponentmallar som står ovanför kodrutan och sedan trycka Ctrl och F på ditt tangentbord. Fyll i sökrutan:
<dd class='comment-body'
När du hittat rätt plats i din kodmall ska du lägga till två delar kod, dels ett stycke ovanför det vi hittade och dels en kort avslutande tagg efteråt. Jag har rödmarkerat det du ska kopiera och lägga till här nedan. Var noga så den avslutande taggen hamnar på rätt plats, annars kan du inte spara mallen utan får ett felmeddelande.
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
Spara sen din mall!
Om du har en av de gamla mallarna eller en mall du hämtat från någon annan sida kan det vara lite knepigare att hitta exakt den kod jag skriver här eftersom den ser olika ut i olika bloggar, men försök hitta en som är så lik som möjligt. Om du inte hittar orden från den första raden kan du söka på den andra.
Kryssa i Utöka Gränssnittskomponentmallar som på bilden ovan och sök sedan med hjälp av Ctrl och F på tangentbordet.
I Minimamallen hittar du t.ex följande rad:
<dd class='comment-body'
Försök hitta det här stycket:
Nu ska du också här lägga till ett stycke ovanför och sen en avslutande tagg.
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
Spara din mall!
Resultatet ser ut så här:
Det gör att bloggens besökare lättare kan se när det är jag som skriver och de hittar förhoppningsvis svaret på sin fråga lite lättare...
Vill du göra samma sak?
Gör då så här:
Börja med att gå till din bloggs kodmall (Design, Redigera HTML)
Kopiera den här koden och lägg den precis före
]]></b:skin>
.comment-body-author {
clear: both;
margin: 10px 0 14px 0;
padding: 10px 90px 10px 10px;
background: #f2f2f2 url("http://i38.photobucket.com/albums/e123/Buschiq/Forumbilder/jagsvar.png") no-repeat scroll right top;
border: 1px solid #6f6f6f;
}
clear: both;
margin: 10px 0 14px 0;
padding: 10px 90px 10px 10px;
background: #f2f2f2 url("http://i38.photobucket.com/albums/e123/Buschiq/Forumbilder/jagsvar.png") no-repeat scroll right top;
border: 1px solid #6f6f6f;
}
Här hittar du dels den bakgrundsfärg du tänkt dig och dels den bild som kommer att sitta uppe i det högra hörne. Du kan byta ut bilden om du vill och anpassa färgen till något som passar din blogg. Glöm inte kantfärgen (border).
När vi ska lägga in koden som skapar själva rutan för just dig måste vi anpassa oss efter vilken slags mall du har.
FÖR DIG MED BLOGGER DESIGNMALLAR
Sök efter följande kodstycke genom att först kryssa i Utöka Gränssnittskomponentmallar som står ovanför kodrutan och sedan trycka Ctrl och F på ditt tangentbord. Fyll i sökrutan:
<dd class='comment-body'
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
När du hittat rätt plats i din kodmall ska du lägga till två delar kod, dels ett stycke ovanför det vi hittade och dels en kort avslutande tagg efteråt. Jag har rödmarkerat det du ska kopiera och lägga till här nedan. Var noga så den avslutande taggen hamnar på rätt plats, annars kan du inte spara mallen utan får ett felmeddelande.
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
</b:if>
<dd class='comment-footer'>
Spara sen din mall!
FÖR DIG MED NÅGON AV DE GAMLA MALLARNA
Om du har en av de gamla mallarna eller en mall du hämtat från någon annan sida kan det vara lite knepigare att hitta exakt den kod jag skriver här eftersom den ser olika ut i olika bloggar, men försök hitta en som är så lik som möjligt. Om du inte hittar orden från den första raden kan du söka på den andra.
Kryssa i Utöka Gränssnittskomponentmallar som på bilden ovan och sök sedan med hjälp av Ctrl och F på tangentbordet.
I Minimamallen hittar du t.ex följande rad:
<dd class='comment-body'
Försök hitta det här stycket:
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
Nu ska du också här lägga till ett stycke ovanför och sen en avslutande tagg.
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'><b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
</b:if>
<dd class='comment-footer'>Spara din mall!
RESULTATET
Resultatet ser ut så här:
Kul...tack för det...
ReplyDelete//Kicki
tack för tipset, fick det ju att funka =))))))
ReplyDeleteHej hej Anneli!! Om man nu vill byta den gråa rutan till en bild eller nåt annat man vill ha i bakgrunden, hur gör man då??
ReplyDeleteLouise - du kan lägga in en stor bild istället för den lilla, men eftersom den inte anpassar sig efter hur mycket eller lite du skriver så kan det se konstigt ut. Du får testa dig fram! Byt ut right top mot center top så centrerar bilden sig.
ReplyDeleteWiiiii...Kanon!
ReplyDeleteHar detta i mina bloggar nu - Tack så ♥-ligt Anneli -
/Kram Kram
Super!
ReplyDeleteTack så mycket!
Tusen tack :)
ReplyDeleteHahaha...alla utom jag får det att funka...
ReplyDeletehttp://nightowl-vintage.blogspot.com/
Eftersom jag är tekniskt efterbliven får jag inte det att fungera och vet inte om jag ska använda det första eller det andra förslaget ... HJÄÄÄLP!!! :-D
ReplyDeleteStattinskan - du har en av de nya designmallarna, så alternativ 1 är rätt för dig.
ReplyDeleteHem ljufva hem - det krånglar antagligen eftersom du har kommentarer i popupruta. Om du väljer inbäddade kommentarer istället ska det fungera.
(Inställningar - Kommentarer)
Vilken mall är det jag har? Kanske är glasklart men jag vet inte :s
ReplyDeleteXia - du har en av de nya mallarna, alltså alternativ 1 :-)
ReplyDeleteTack!
ReplyDeleteBlev hur bra som helst.
//Sofia
Halloj!
ReplyDeleteJag tänkte höra om du vet hur man får till så att svarskommentaren hamnar just under det inlägg jag svarat på, istället för att det hamnar helt random?
Som man kan på wordpress: http://healthaboveall.wordpress.com/2011/09/10/vill-inte-mer/#comments
Min blogg: http://solskenochregndroppar.blogspot.com/
Fick det inte heller till att funka :(
ReplyDeleteHar försökt att fixa andra grejer i min blogg oxå som inte heller har funkat.. :( Ganska frustrerande :(
Sandra - den funktionen finns tyvärr inte i Blogspot. Du kan använda ett yttre hjälpmedel som Disqus som jag skrivit om här tidigare på Fixabloggen, men då tappar du istället möjligheten att framhäva dina egna kommentarer med den här koden.
ReplyDeleteThezza - det är därför vi har vårt forum!
Där kan vi hjälpa dig personligen med de frågor du har.
Ofta hänger problem på vilken mall man har eller någon liten detalj man missat. Det räcker med ett utelämnat ' tecken så fungerar inte en kod t.ex.
Om du ställer konkreta frågor där ska du se att du får hjälp!
Jag misstänker att det kan vara något med bloggmallen.. Ska byta så får jag se om jag får ordning på de :)
ReplyDeleteFinns en gadget som inte funkar och jag förstår inte varför.. Vill ha in reaktionsknappar i inläggen.. Kryssar för i rutan och skriver gilla, ogilla men de dyker inte upp under inläggen.. Jätte konstigt.. :S
Wohooo!!! Jag fick de till att funka!! Och mina gilla knappar dök upp så fort jag tog bort reklamen! Tack för hjälpen! :)
ReplyDeletenåt gör jag fel, har provat flera gånger nu men det vill sig inte riktigt. Jag får fram en del av texten längst upp på min sida istället.
ReplyDeletehttp://sandrajonsson86.blogspot.com/
Oj då, du har lagt din .comment-body-author kod lite tokigt. Flytta den så att den ligger FÖRE ]] Då ska det bli rätt!
ReplyDeleteHm, bloggen åt upp en del av min kod.
ReplyDeleteDet ska vara före ]]<./b:skin.> men utan punkterna förstås
Hej hej,
ReplyDeletejag testade detta för någon månad sedan och det fungerade men sen försvann det bara. Nu testade jag igen men får det inte att fungera. Om du har tid Anneli, har du lust att kolla om du ser något fel?
Mvh Karoleen
Det gör jag gärna Karoleen,men just nu verkar du inte ha koden inlagd och då kan jag inte se vad som blivit tokigt. Om du vill att jag loggar in och lägger in koden kan du gärna maila mig - du har ju min mailadress ;-)
ReplyDeleteTackar för ett bra tips. Fungerade hur bra som helst!
ReplyDeleteHilfe!
ReplyDeleteJag får det inte att fungera, provat båda koderna...
Kram Karin
www.bagerskan.se
Uppdatering...
ReplyDeleteDet funkar men hur blir jag av med pop-upp kommentars-rutan som den du har, där syns det ju inte alls därav min förvirring...
Kram kram Karin
www.bagerskan.se
Den här koden fungerar i kommentarsinläggen som är inbäddade.
ReplyDeleteDet syns inte i popuprutan där man skriver in sin kommentar om man har en sån (som vi har just nu här på Fixas eftersom det krånglar med IE) men det syns faktiskt ändå när man öppnar ett enskilt inlägg.
Om jag kommer på en lösning för hur det ska synas även i popuprutan redigerar jag inlägget, men jag kan inte lova något.
jag bytte design, i artisteer, och då försvann min svara ruta =((((
ReplyDeleteförsöker lägga in koden igen men det funkar inte =(((
Hej,
ReplyDeletejag får det inte heller att fungera. Beror det på pop-up rutan? Men vet inte annars hur andra kan kommentera för det var lite problem innan?
http://nadjamittilivet.blogspot.com
Jag har inte hört att någon har problem att kommentera på ett tag nu, här har vi ju bytt tillbaka till inbäddat och det det fungerar.
ReplyDeleteDe framhävda kommentarerna fungerar bara i det inbäddade kommentarsfältet tyvärr.
testar
ReplyDeletetestar
ReplyDeleteVerkar inte som jag kan kommentera med google konto. Märkligt. Testar nu via explorer. Men jag har pop up men tänkte byta tillbaka men det verkar som det är bättre att ha kvar det man har. :)
ReplyDeleteTack tack tack är så tacksam för hjälpen till detta!!! Synd att dem inte har email funktion där även läsarna kan får svar i sin mail att deras fråga är besvarad men man ska väl vara glad för det lilla. :)
ReplyDeleteNja, såå lite tycker jag inte att jag gör? ;-) Jag lägger en hel del tid på att svara på bloggfrågor både här och på forumet och det dessutom helt utan ersättning...
ReplyDeleteKlicka på Registrera dig via email under kommentarsrutan i den tråd du vill följa så får du uppföljningskommentarer sända till din email. Om det fungerar bra vet jag inte, har inte testat själv, men värt att prova i alla fall
Det fungerar utmärkt med uppföljningskommentarer via email, på forumet.
ReplyDeleteTack för allt jobb du servar oss med!
Vilken bra funktion!
ReplyDeleteMen nu så är det så att jag inte vet om jag har en ny eller gammal designmall, kan du se det?
Tyckte du skrev något svar till någon här ovan vad den hade för något.
Har ju också popup-fönster, ställer det till med några problem?
Skulle jättegärna vilja ha denna funktion på min blogg.
Skicka mig gärna en kommentar då du sett denna kommentar och svarat, så jag inte missar svaret.
Ha en fin dag!
Caroline - du har en gammal mall (alltså en av de som fanns före Designmallarna). Det går bra att lägga till den här funktionen även om man svarar i popupruta. Det syns inte där, men när man öppnar inlägget för att läsa det syns det i de inbäddade skrivna kommentarerna under.
ReplyDeleteAnvänder mig av blogg.se, funkar länken där? För jag har gått igenom kodmallen men hittar inte ]]> någonstans...
ReplyDeleteNej, blogg.se's kodmallar ser helt annorlunda ut, de här koderna finns inte där. Tyvärr!
ReplyDeleteHej, jag är inte jätteduktig på kodning och så, men jag försöker i alla fall. Har försökt fixa mina kommentarer men det verkar inte hända något (ingen aning om jag har en gammal eller ny mall - jag har laddat ner den någonstans). Kan du hjälpa mig tror du? :)
ReplyDeletewildheartkid.blogspot.com
Nepp, jag får det inte att funka... :(
ReplyDeletehttp://www.i-am-fantomenjesus.com/
Hej! Min bloggdesign är fixad med Artisteer. Svara-funktionen har försvunnit under respektive kommentar. Hur kan man lägga dit det?
ReplyDeleteDetta har "hoppat ur" :(
ReplyDeleteÄven här va?
/Kram Annmi