Hvordan få kommentarhjerte/boble (Ina Anjuta)
Hjem Gratis bloggdesign Portfolio malerier Følg bloggen Designhjelp

67

Hvordan få kommentarhjerte/boble

Denne er litt komplisert for de som ikke kan koding, men skal legge ut en forklaring på hvordan jeg gjør det. Jeg har sikkert en helt annen metode enn alle andre.  Kanskje denne er mest komplisert, men uansett.

 

 Stilsett ( design>rediger>stilsett )

1. Lim inn hele koden under nederst i stilsettet:

 

}

.entry .meta span{    

float: right;

font-size: 23px;

font-family: times,Arial, Helvetica, sans-serif;

color:#686868;    

margin-top:-45px;

margin-right:-35px;

}

.comment-bubble {

float: right;

background: url(URL TIL HJERTE ELLER BOBLE) no-repeat;

width: 85px;

height: 52px;

font-size: 48px;

margin-top: -44px;

text-align: center;

margin-right:-50px;

 

Husk å lagre!

 

Maler ( design>rediger>maler )

2. Kopier denne koden:

 

<b:if cond='data:post.allowComments'>

<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>

</b:if>

 

 

3. Den skal limes inn rett over kommantarer som vist i et eksempel under:

 

<b:if cond='data:post.allowComments'>

<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>

</b:if>

<span>

<tag:if test="${EntryCommentCount == 0}">          

<a href="${EntryPermaLink}#comment">0</a>

<tag:elseif test="${EntryCommentCount == 1}" />

<a href="${EntryPermaLink}#comment">1</a>

<tag:else />

<a href="${EntryPermaLink}#comment">${EntryCommentCount}</a>

</span>

 

Legg merke til at jeg har tatt bort der det står "kommentarer" osv. fordi det der ikke fint ut i hjertet eller boblen. 

 

3. Mens du er i gang kan du tilføye <span> og </span> over og under kommantarer. Akuratt som jeg viser ovenfor.

 

4. Husk å gjøre det samme i alle fire maler.

 

5. Finn en boble eller et hjerte som du vil bruke. Eller lag et selv. Last det opp på imageshack.us eller photobucket.com. Kopier  direct-link, altså url til bildet og lim det inn i stilsettet der det står URL TIL HJERTE ELLER BOBLE.  

 

6.Nå har jeg stilt inn slik at det kodene passer til min egen blogg og det kan hende at du må endre en del på hvor hjertet eller boblen skal ligge. Da må du endre på tallene der det står:  margin-right:-50px både under  .entry.meta span og på .comment-bubble i stlsettet.

 

7. For å endre farge på tallet, altså linken til kommentarene må du lime inn denne koden nederst i stilsettet: 

.entry .meta span,.entry .meta span a,.entry .meta span a:link,.entry .meta span a:visited,.entry .meta span a:active { color: #868686; } 

Hvis du vil ha hvit skrift i hjertet bytter du bare ut koden med #ffffff;

 

 

 

Håper du forstod denne forklaringen og at det ikke ble mye!


  • Dato: 31.03.2012 klokken.19:36
    URL: http://hhls.blogg.no
    Hei! Har et spørsmål angående ett av gratisdesignene dine. Jeg har sett inn det ene, og er storfornøyd med det! Og så skulle jeg sjekke hvordan det så ut der du kommenterer, men så kom det ingen ting, bare fortsatte på samme side som jeg var på. Også om jeg prøvde å trykke på enkelt innlegg, så fortsatte jeg bare på samme side. Kunne du tatt en titt på hva dette er fornoe, og hva jeg eventuelt har gjort feil? Utrolig kjedelig att det ikke går an å kommentere! Det går i allefall ikke fra min data. Bloggen min heter hhls.blogg.no, så om du hadde ville sett på hva det er, hadde jeg blitt kjempeglad! :)
    Dato: 31.03.2012 klokken.19:50
    URL: http://inaanjuta.blogg.no/
    Hanne Slette:Heisann :) jeg tror du kanskje har lagt inn forsidemalen i innleggsmalen. Det virket i allefall sånn. Prøv en gang til å legge inn innleggsmalen så se om ikke det fungerer da :)
    Dato: 31.03.2012 klokken.19:58
    URL: http://hhls.blogg.no
    Åh, tusentakk! Fikk det til nå :)
    Dato: 08.04.2012 klokken.21:06
    URL: http://majawin.blogg.no/
    Det funket ikke på meg :(

    Snakkeboblen syntes ikke... Jeg kom helt til URL-adressen til snakkeboble-bildet, jeg fikk limt det inn og da jeg skulle forhåndsvise kom ikke opp noe som helst egentlig. Bare min vanlige blogg.

    Hva har jeg gjort galt?
    Dato: 08.04.2012 klokken.21:42
    URL: http://inaanjuta.blogg.no/
    majawin: Hmm enten har du lagt inn url feil. Ellers så er har boblen havnet feil sted. Jeg brukte ganske lang tid på å få stilt inn den boblen jeg har riktig også så du må sitte å prøve en del for å få det til... Altså tallene bak margin :)
    Dato: 10.04.2012 klokken.16:48
    Kamilla
    URL:
    jeg har lagt inn hjertet og stilt inn sånn som jeg vil ha det, men hjertet synes ikke... hva har jeg gjort feil ? og jeg er 110 % sikker på at jeg har tatt riktig link jeg tok den Direct link eller hva den het, men jeg får ikke stilt hjertet der jeg vil den skal være, hvordan gjør jeg det ?

    (kamlove.blogg.no)
    Dato: 10.04.2012 klokken.16:49
    Kamilla
    URL:
    uansett hva jeg gjør så vil ikke hjertet vises !
    Dato: 10.04.2012 klokken.17:09
    URL: http://inaanjuta.blogg.no/
    Kamilla: Har du lagt inn over og under kommentarer. Men du får vist hjertet? prøv å still den så den blir "lavere". Kanskje den bare er for høyt opp og derfor ikke synes?
    Dato: 22.04.2012 klokken.15:52
    URL: http://majawin.blogg.no/
    Jeg prøvde igjen, og denne gangen funket det bedre. Jeg skjønner bare ikke hvordan man skal stille inn hjertet! Går det ann å få den sånn på skrå liksom, sånn som Christine:

    http://christine-mysen.no/

    Dessuten blir hjertet alt for stort, og jeg skjønner ikke hvordan jeg skal stille den inn?
    Dato: 25.04.2012 klokken.18:28
    URL: http://lifeasfashion.blogg.no
    Jeg skjønner ikke helt hvordan jeg gjør det..?

    Kan du hjelpe meg?
    Dato: 25.04.2012 klokken.22:13
    URL: http://inaanjuta.blogg.no/
    lifeasfashion: Det er litt vanskelig å forklare nærmere. Men hvordan vil du at jeg skal hjelpe deg?
    Dato: 10.05.2012 klokken.19:43
    URL: http://hilde9unn.blogg.no
    Jeg fikk litt problemer med denne koden. Hjerte/bobla kom opp som den skal, fikk den på riktig plass og alt. Men når jeg går i Maler og skal lime inn den andre koden, kommer ikke antall kommentarer i hjertet/bobla. Det blir bare stående i infolinja. Hva er grunnen til det?
    Dato: 10.05.2012 klokken.22:32
    URL: http://inaanjuta.blogg.no/
    Hildegunn: Hmm det var litt rart fordi hjertet skal ikke komme opp før den koden legges inn i maler. Men har du husket å legge inn: span, over og under kommentarene i maler? Kan ikke skrive hele koden her fordi da forsvinner det, men du skjønte hva jeg mente?
    Dato: 11.05.2012 klokken.16:21
    URL: http://hilde9unn.blogg.no
    Hjertet kom først opp da jeg la inn den koden som skal være i maler ja, skrev det bare ikke så tydelig:P La også inn span både over og under kommentarene, men antall kommentarer kom fortsatt ikke i hjertet/bobla, forble bare der infolinja ligger:/

    Når jeg lager design, tar jeg utgangspunkt i ett uredigert design. Da det bare er noen koder der fra før av, kan dt være grunnen? (Jeg er rett og slett ikke så god på å lage design, så det er den enkleste måten for meg å starte på:P)
    Dato: 11.05.2012 klokken.17:26
    URL: http://inaanjuta.blogg.no/
    Hildegunn: Ok og du har samtidig lagt inn entry meta span i stilsettet? Men hvis du har forsøkt dette på ditt eget design og du har kommentarene dine nederst så kan det være at instillingene er feil. Fordi jeg har stilt inn slik at det skal vises når du har kommentarer oppe.
    Så prøv å endre på tallene bak margin og se over en gang til om du har husket å lagt inn alt.

    Men det har ikke noe å si at du har et ganske uredigert design egentlig. Jeg satt i noen timer for å få det til første gangen selv. :)
    Dato: 11.05.2012 klokken.19:00
    URL: http://hilde9unn.blogg.no
    La in entry meta span i stilsettet ja. Skal prøve igjen, og se om jeg får det til:)
    Dato: 19.05.2012 klokken.12:28
    Gomezselenafans
    URL:
    Hei. Jeg skjønte ikke helt nr 3 da vi skulle lime den inn over kommentarer.. er det mulig å forklare dette nermerre eller ligge det inn for meg eller noe sant?
    Dato: 19.05.2012 klokken.13:00
    URL: http://inaanjuta.blogg.no/
    Gomezselenafans: I maler så er det ca 5 linjer som er kommentarene. Der du ser det står "kommentarer". over disse linjene hvor det står skal du lime inn koden. Du finner det hvis du leter :)
    Dato: 26.06.2012 klokken.20:44
    gomezselenafans
    URL:
    okå, takk :) nå fikk jeg alt til bortsett fra at det ikke viser kommentarer i hjertet..?
    Dato: 26.06.2012 klokken.21:18
    URL: http://inaanjuta.blogg.no/
    gomezselenafans: Du må begynne å kommentere med url slik at jeg kan se :) Du må stille inn tallet i hjertet.
    Dato: 27.06.2012 klokken.12:25
    URL: http://http://velgdinbloggadresse.blogg.no/
    oki :) jeg har en slags testeblogg . Skjøne ikke helt det stille inn greiene men kan prøve litt til.
    Dato: 27.06.2012 klokken.12:57
    URL: http://inaanjuta.blogg.no/
    gomezselenafans: Kanskje du må ha mindre hjerte. vet ikke helt. Men du må stille inn på margin-left eller margin-right. de tallene der. Men forbered deg på å sitte en stund. Jeg brukte nesten en dag på å få det til første gangen.
    Dato: 27.06.2012 klokken.17:46
    URL: http://http://velgdinbloggadresse.blogg.no/
    oki :) takk. Får du det lettere til nå? vist du har tid, kan du sette det inn for meg da?
    Dato: 27.06.2012 klokken.18:28
    URL: http://inaanjuta.blogg.no/
    gomezselenafans: Ja det er lettere nå. Men det er litt vanskelig uansett. Men hvordan fikk du hjertet så stort? fordi i mine koder så den ikke stilt inn for å være så stor. Jeg ville forsøkt å lage et mindre et , da hvis du har gjort det riktig får du lettere opp tallet. Men sjekk beskrivelsen en gang til og se om du har fått med alt. Hvis jeg skulle lagt inn så måtte du linket til bloggen min om det og du vil kanskje at det skal være ditt eget.
    Dato: 28.06.2012 klokken.23:03
    URL: http://http://velgdinbloggadresse.blogg.no/
    Hallo :) okå, jeg husker ikke helt hvordan jeg gjode det men tror jeg bare endret på width og height. (gjorde det med vilje siden jeg ville ha ett litt større :)
    Dato: 28.06.2012 klokken.23:04
    URL: http://http://velgdinbloggadresse.blogg.no/
    Hallo :) okå, jeg husker ikke helt hvordan jeg gjode det men tror jeg bare endret på width og height. (gjorde det med vilje siden jeg ville ha ett litt større :) og forresten så er det jo på en måte ikke mitt siden hadde ikke klart det uten deg så kommer til å linke deg uansett :) (liksom i designet.)
    Dato: 28.06.2012 klokken.23:25
    URL: http://inaanjuta.blogg.no/
    gomezselenafans: Ok ja, jeg husker at jeg ikke fikk til å få et nummer i hjertet når jeg gjorde den større. Ok tusen takk :) Det er hyggelig. Jeg tror at hvis du lager hjertet 60x60px så får du det lettere til. Ellers tror jeg at det ser ulikt ut forskjellige steder også. Vet ikke hvorfor det er sånn. Også bare fikser du på margin både på entry meta og entry meta span. :)
    Dato: 08.07.2012 klokken.23:21
    URL: http://www.takahashi.blogg.no
    Hva søker jeg på for å finne hjerte greiene, forstår ikke helt jeg :)
    Dato: 09.07.2012 klokken.10:53
    URL: http://emmabrun.blogg.no
    Jeg greide alt sammen bortsett fra èn ting. Hjertet kom frem, men det kommer ikke noe tall frem. Det er bare et rosa hjerte.. Men fin blogg, forresten :)
    Dato: 15.08.2012 klokken.15:12
    URL: http://bailandonerds.blogg.no
    At jeg finner ikke denne koden (









    0



    1



    ${EntryCommentCount}



    ) i malene mine... (har sett i stilsett også) så hvor skal jeg legge den da?
    Dato: 15.08.2012 klokken.17:07
    URL: http://inaanjuta.blogg.no/
    elly: Den skal Limes inn over der kommentarer ligger i malene. Du har garantert den koden :)
    Dato: 19.09.2012 klokken.17:18
    URL: http://frokenhannah.blogg.no
    Det går ikke, jeg får bare opp hjerte i bakgrunnen, men ikke teksten, hva skal jeg gjøre ??
    Dato: 24.09.2012 klokken.13:05
    URL: http://lilshorty.blogg.no
    Får det ikke til eg :/ dette var vanskelig..

    Lurte på om du kunne hjolpe meg ??

    ps Elsker bloggen din :D
    Dato: 24.09.2012 klokken.14:18
    URL: http://inaanjuta.blogg.no/
    jeanette høidal: Heisann. Ja det er ganske vanskelig å sette inn kommentarhjerte. Men du må bare prøve deg frem. stille inn tallene og se hva som fungerer :)
    Dato: 30.09.2012 klokken.15:58
    URL: http://TranIsHere.blogg.no/
    Takk jeg fikk det til men ikke første gang siden det var to sånne tegn } øverst. Men det var bra forklart :)
    Dato: 18.11.2012 klokken.00:56
    URL: http://lisenilsen.blogg.no
    Går det an å endre på tallene bak: margin-top,for det måtte jeg gjøre,og jeg får heller ikke opp tallet i bobla...
    Dato: 22.11.2012 klokken.13:49
    URL: http://justaface.blogg.no
    Jeg fikk ikke opp boblen min.. :( Jeg fikk flyttet tallet i hjørnet - men ingen boble.. -_- hva har jeg gjort feil?
    Dato: 22.11.2012 klokken.14:30
    URL: http://inaanjuta.blogg.no/
    Thilde Fredriksen: Har du lagt inn bilde av en boble i stilsettkoden? I så fall så må man noen ganger stille inn tallene for plassering, slik at den vises.
    Dato: 10.12.2012 klokken.19:23
    URL: http://godsgirls97.blogg.no
    Jeg får ikke til noen av tingene -.- Prøvde å sette inn alt etter det du skrev men det funka ikke...
    Dato: 10.12.2012 klokken.19:53
    URL: http://godsgirls97.blogg.no
    Skal alt inn nederst??? Fikk det ikke til -.-
    Dato: 15.12.2012 klokken.15:07
    URL: http://www.stineskodje.blogg.no
    Klarer det ikke :/ Får ikke kommentarene inn i boblen for en eller annen grunn :s
    Dato: 28.12.2012 klokken.20:17
    URL: http://johiosdesign.blogg.no
    Hei! Jeg har en ''testblogg'' der jeg prøver å lage mitt eget design! Jeg har laget meny under headeren, men da blir det bare et stort mellomrom mellom menyen og det første innlegget! Kan du se på bloggen og si hva det er jeg har gjort galt og hva jeg skal gjøre for å fikse det??

    -Johanna
    Dato: 06.01.2013 klokken.18:34
    URL: http://www.htmljulie.blogg.no
    Hei, jeg har fått det til sånn du har forklart, MEN det kommer 2 bilder... Uansett hvor jeg flytter det kommer det alltid 1 til bilde ved siden av, hjelp??:P
    Dato: 21.01.2013 klokken.23:42
    URL: http://helenekragseths.blogg.no
    Går det an å bruke tinypic isteden for de andre linkene du har lagt ut her? :) Takk for svar på forhånd!
    Dato: 26.01.2013 klokken.21:52
    URL: http://mybiebzworld.blogg.no
    Hei! Har lagt inn alle koder, men hjertet kommer opp i hjørnet i innlegget, og du ser bare litt av det!

    Hva har skjedd?

    Takk for svar!
    Dato: 28.01.2013 klokken.13:07
    URL: http://inaanjuta.blogg.no/
    Mari: Du må stille inn tallene :)
    Dato: 28.01.2013 klokken.16:50
    URL: http://mybiebzworld.blogg.no
    Ok. Har prøvd nå, med masse forskjelig, men det står på samme plass uansett. Hvis jeg stiller inn på 100px så blir det på en måte helt borte!

    Må det være det samme tallet under både entry meta span og comment-bubble?
    Dato: 28.01.2013 klokken.16:54
    URL: http://mybiebzworld.blogg.no
    Men, jeg tok den derre url'en på google av hjertet, og ikke på photobucket.com eller imageshack.us.. Er det kanskje derfor?
    Dato: 28.01.2013 klokken.17:12
    URL: http://inaanjuta.blogg.no/
    Mari: Prøv å sett inn minus foran tallene også. Nei det er ikke samme tall, selvom det burde vært det egentlig. Men det kommer ann på alle de andre instillingene. Jeg har vel lagt ut en litt mer komplisert versjon av fremgangsmåte enn nødvendig. Det finnes lettere måter å gjøre det på hvis du ikke får det til.
    Dato: 28.01.2013 klokken.17:28
    URL: http://mybiebzworld.blogg.no
    Ok. Jeg tror jeg prøver en annen måte, men kan du gi meg en link til en?
    Dato: 01.02.2013 klokken.19:46
    Robert
    URL:
    Hei! Får opp bobblen men får ikke noe tall i den, og heller ikke noe "link" som redirecterer meg til komentarer :) noen idé om hva som kan være feil?
    Dato: 02.02.2013 klokken.20:36
    URL: http://moveit.blogg.no/
    Prøvd å lese en del av kommentarene her nå flere som får frem hjertet men ikke tallet.. Hvis jeg har forstått det rett

    Jeg må også stille på de tallene for å få frem ikke bare hjertet men antall kommentarer også?

    Må de tallene være like i både entry greia og bybble greia? Eller er den ene for tallet og den andre for hjertet?

    hehe :)
    Dato: 03.02.2013 klokken.18:08
    URL: http://inaanjuta.blogg.no/
    Move It: Ja du må stille inn begge steder, tallet for seg og hjertet for seg :)
    Dato: 04.02.2013 klokken.17:11
    URL: http://moveit.blogg.no/
    hei igjen! hehe

    Alt er der MEN hjertebildet blir forran tallet!

    Slik at tallet gjemmer seg bak! hehe.. Hva har jeg gjort? :P
    Dato: 09.02.2013 klokken.12:58
    URL: http://helenekragseths.blogg.no
    Hei, jeg har tatt denne koden inn på malene og stilsettet der det skal vær, men ingenting funker. Og lastet på bildet jeg ville ha imageshack.us men det kommer ingenting opp på bloggen min, er det noe jeg har gjort feil? Har også endret på bredden og høyden på stilsettet, men kommer ingenting frem uansett.. Kommer bare hvilken farge jeg har tatt på skriften.. Håper du svarer!
    Dato: 17.02.2013 klokken.12:13
    Ragnhild
    URL:
    Utrolig bra! Men antall kommentarer vises ikke i boblen jeg har satt inn? Det står bare 0 under innlegget? :) Håper du kan hjelpe!
    Dato: 17.02.2013 klokken.12:19
    Ragnhild
    URL:
    Det finnes to EntryCommentCounts, liksom over og under selve teksten i innlegget, hvilken av de bytter jeg ut?
    Dato: 17.02.2013 klokken.12:23
    Ragnhild
    URL:
    Bare glem det! Fikk det til nå, tusen takk for hjelpen :-)
    Dato: 27.03.2013 klokken.18:48
    URL: http://www.stineskodje.blogg.no
    Klarer ikke det :s
    Dato: 30.03.2013 klokken.13:01
    URL: http://sidraa.blogg.no
    Alt gikk supert, men det kommer bare halve hjerten! (haha) :)
    Dato: 24.05.2013 klokken.07:58
    URL: http://abrahamsrud.blogg.no
    det funka ikke
    Dato: 10.06.2013 klokken.18:44
    URL: http://marizz.blogg.no
    Jeg har fått selve boblen på det stedet jeg vil, men jeg får ikke flyttet på tallet..
    Dato: 18.11.2013 klokken.21:23
    Karoline
    URL:
    Har du noe koder til hvordan man kan få dato i sirkel i stedenfor kommentarer? :)

    Hilsen Karoline.
    Dato: 02.12.2013 klokken.20:40
    Renate
    URL:
    Hei. Jeg har en testblogg der jeg prøvde ut denne koden. Men antall kommentarer er bare gjømt bak ikonet/boblen/bildet. What now?
    Dato: 16.12.2013 klokken.16:19
    URL: http://kiwitweet.blogg.no
    Jeg finner ikke der jeg skal lime inn url'en til bildet/hjertet/boblen!
    Dato: 24.02.2014 klokken.14:36
    URL: http://renatepk.blogg.no
    Jeg har fått selve boblen på plass, men kommentartallene er ikke der.
    Dato: 20.07.2014 klokken.18:39
    URL: http://loveolive.blogg.no
    kan du vise hvordan man kan få datoen inni boble? jeg får på plass boblen, men etter det blir det bare kluss :)




    Kommenter her

    Til toppen
    Ina Anjuta
    Kontakt: inaanjutablogg@hotmail.no

    Nå har du akuratt forvillet deg inn på min "nettside"/blogg. Denne siden fungerer som er slags online portfolio av mange av mine arbeider innenfor kunst og design. Jeg et utdannet Mac-operatør, jobber som grafisk designer og denne bloggen handler mye om å utvikle disse ferdighetene enda mer, og å legge ut arbeider og prøveskisser fra skole og privat. Jeg elsker å designe og skape ting, og har laget en rekke bloggdesign til blogg.no. Mange av disse er gratis design som du kan finne øverst i menyen.
    Bortsett fra dette så er bloggen min også et sted hvor jeg får uttrykt min overflatiskhet ved å legge ut bilder av te-kopper, sminke, innkjøp og andre rosa ting i hverdagen, med en unnskyldning om at jeg lærer meg å ta bilder med min canon 550D.

    Instagram

    Kategorier

    Arkiv

    Siste innlegg

    hits