Header Ads

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>

.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;
}

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>

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>

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:


44 comments:

  1. tack för tipset, fick det ju att funka =))))))

    ReplyDelete
  2. Hej 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å??

    ReplyDelete
  3. Louise - 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.

    ReplyDelete
  4. Wiiiii...Kanon!
    Har detta i mina bloggar nu - Tack så ♥-ligt Anneli -

    /Kram Kram

    ReplyDelete
  5. Hahaha...alla utom jag får det att funka...
    http://nightowl-vintage.blogspot.com/

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

    ReplyDelete
  7. Stattinskan - du har en av de nya designmallarna, så alternativ 1 är rätt för dig.

    Hem 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)

    ReplyDelete
  8. Vilken mall är det jag har? Kanske är glasklart men jag vet inte :s

    ReplyDelete
  9. Xia - du har en av de nya mallarna, alltså alternativ 1 :-)

    ReplyDelete
  10. Tack!
    Blev hur bra som helst.

    //Sofia

    ReplyDelete
  11. Halloj!
    Jag 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/

    ReplyDelete
  12. Fick det inte heller till att funka :(

    Har försökt att fixa andra grejer i min blogg oxå som inte heller har funkat.. :( Ganska frustrerande :(

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


    Thezza - 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!

    ReplyDelete
  14. 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 :)

    Finns 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

    ReplyDelete
  15. 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! :)

    ReplyDelete
  16. nå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.

    http://sandrajonsson86.blogspot.com/

    ReplyDelete
  17. 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!

    ReplyDelete
  18. Hm, bloggen åt upp en del av min kod.
    Det ska vara före ]]<./b:skin.> men utan punkterna förstås

    ReplyDelete
  19. Hej hej,
    jag 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

    ReplyDelete
  20. 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 ;-)

    ReplyDelete
  21. Tackar för ett bra tips. Fungerade hur bra som helst!

    ReplyDelete
  22. Hilfe!
    Jag får det inte att fungera, provat båda koderna...

    Kram Karin
    www.bagerskan.se

    ReplyDelete
  23. Uppdatering...

    Det 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

    ReplyDelete
  24. Den här koden fungerar i kommentarsinläggen som är inbäddade.
    Det 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.

    ReplyDelete
  25. jag bytte design, i artisteer, och då försvann min svara ruta =((((
    försöker lägga in koden igen men det funkar inte =(((

    ReplyDelete
  26. Hej,

    jag 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

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

    De framhävda kommentarerna fungerar bara i det inbäddade kommentarsfältet tyvärr.

    ReplyDelete
  28. Verkar 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. :)

    ReplyDelete
  29. Tack 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. :)

    ReplyDelete
  30. Nja, 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...

    Klicka 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

    ReplyDelete
  31. Det fungerar utmärkt med uppföljningskommentarer via email, på forumet.
    Tack för allt jobb du servar oss med!

    ReplyDelete
  32. Vilken bra funktion!
    Men 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!

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

    ReplyDelete
  34. Använder mig av blogg.se, funkar länken där? För jag har gått igenom kodmallen men hittar inte ]]> någonstans...

    ReplyDelete
  35. Nej, blogg.se's kodmallar ser helt annorlunda ut, de här koderna finns inte där. Tyvärr!

    ReplyDelete
  36. Hej, 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? :)

    wildheartkid.blogspot.com

    ReplyDelete
  37. Nepp, jag får det inte att funka... :(

    http://www.i-am-fantomenjesus.com/

    ReplyDelete
  38. Hej! Min bloggdesign är fixad med Artisteer. Svara-funktionen har försvunnit under respektive kommentar. Hur kan man lägga dit det?

    ReplyDelete
  39. Detta har "hoppat ur" :(
    Även här va?

    /Kram Annmi

    ReplyDelete

-------------------------------
Lämna gärna en hälsning! Har du en bloggfråga är du välkommen att ställa den på vårt forum. På så vis kan fler svara alternativt få hjälp om de har samma problem. Tack!
Du hittar en länk till forumet högst upp till vänster här på Fixabloggen.
-------------------------------