Ina Anjuta - Kunst og design
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!

  • 6

    Maleri av baby under prosess del 1

    Har fått en bestilling på et maleri av en liten baby. Som jeg fremdeles maler på , er ikke i nærheten av ferdig men tenkte jeg skulle legge ut bilder av prosessen og hvordan bildet blir til.

     Bilde1. Den lampa ødelegger fotografiet litt men. Hittil ser ungen ut som noe du ikke ville møtt en sen natt da du gikk alene.





    bilde2.






    Bilde3

     


    Bilde4



     
    Dette er ikke sluttresultatet! Men lover at det skal bli ferdig om noen få dager. Nå har jeg sagt det, det er ingen vei utenom. Nå må jeg rett og slett male det ferdig! ( Jeg trenger et dytt noen ganger når jeg skal gjøre ting ferdig skjønner du )

     

     

     

    Ps. Ja jeg vet at alle bildene har forskjellig størrelse. Jeg lastet opp alle bildene i samme størrelse men av en merkelig grunn har alle bildene endret størrelse av seg selv, selvom bildene er tatt med speilreflekskamera og høy oppløsning.

     

  • 15

    Fikse infolinje. Det meste av endringer du får gjort.

    Hvis du f.eks ønsker å endre på infolinjen i seg selv så kan du bare lime inn denne koden nederst i stilsettet:

     

    }

    .entry .meta {

    font-family: Times, Sathu, arial;  <---skrifttype

    font-size: 11px; <---skriftstørrelse

    font-weight: normal; <---tykkelse på skrift

    color: #555555; <---farge på skrift. som ikke er link

    background-color: transparent;   <---bakgrunnsfarge på infolinjen

    padding: 3px ; <---tykkelse på bakgrunnsfarge om du ha det. den endrer også på mellomrommet

    top: -5px;     <---- forhold mellom infolinje og overskrift

    text-align:left;  <---Om den skal ligge til venstre, høyre eller i midten

     

    Men nå er kanskje linkene en annen farge enn skriften generelt:

    Så for å slippe å gå inn i maler å styre så kan du bare lime inn denne koden nederst i stilsettet

     

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

    Så da er det bare å endre på fargekoden #555555 til en annen fargekode så har du fikset det .

  • 15

    Dele sidemeny opp i bokser metode 1 og 2

    Hadde helt glemt å legge ut denne koden!

     

    Enkel metode 1: 

     

    Her er koden:

    #side div {

    background-color: #FFFFFF;  

    padding: 8px;

    margin-bottom: 10px;                    

    border: 1px solid #cccccc;

    }

     

    Den skal limes inn nederst i stilsettet (design>rediger>stilsett )

    Hvis boksene skal være hvite og du i tillegg har en hvit #wrapper så må du huske å endre fargekoden under der til #transparent (som er gjennomsiktig)

    Husk også å gjøre om bakgrunnsfargen til #transparent under #side hvis du har #side i stilsettet.

     

    Litt mer komplisert , metode 2

    Du kan dele opp sidemeny i bokser på en annen måte, da får du bedre kontroll over hva som ligger i hver boks:


    1. Lim inn denne koden nederst i stilsettet:

    }

    #box {

    background-color:#ffffff;

    padding: 10px 10px 10px 10px;

    margin: 0 0 10px 0;

    overflow: hidden;

    border: 1px solid #cccccc;

     

     Lagre og gå inn på design>rediger>maler

     

    2. Da limer du inn denne koden i alle malerne over det du vil ha i boksen:  <div id="box">

    3. Så avslutter du med å legge inn denne koden under det du vil ha i boksen: </div>

     

    Eksempel:

    <div id="box">

    Innhold som du vil ha i boksen

    skal ligge innenfor her

    </div>


  • 62

    Gratis design #8 Lysgrå

    Etter forespørsel har jeg laget et så plaint design som mulig, selvom jeg måtte legge til et rundt profilbilde så det ble litt kulere.(det kommer automatisk) 

    Håper dere liker det!

    Headerstørrelse: 990x400px

    Størrelse på bilder i innlegg: 800px



    Kommentarfeltet:

     
    Her er kodene:

    Stilsett

    Maler forside

    Maler innlegg

    Maler kategorier

    Maler arkiv

     

    Eneste forutsetning for at designene er gratis er at dere IKKE tar bort at jeg har laget det. Ellers er det lov å endre så mye dere vil. De fleste er flinke og det er hyggelig :) Dere som tar bort linken vet kanskje ikke at det er ganske enkelt for meg å finne ut av. 

     

      Sette inn design?

    1. Kopier hele stilsettet jeg har lagt ut.

    2. Trykk på design

    3. Trykk på rediger

    Her dukker stilsettet opp.(css)

    4. Ta bort alt som står der. Det skal være helt tomt. 

    5. Lim inn stilsettet jeg har lagt ut.

    6. Kopier de fire malene jeg har lagt ut hver for seg og lim inn der den skal. F.eks der jeg har skrevet innlegg skal inn i maler>innlegg osv...

    7. Husk at det er FIRE maler, du må legge inn på alle sidene. Det er egen mal for innlegg. Ellers er det samme mal for både forside, kategori og arkiv. 

     

     Sette inn header i design?

    Header: 

    1. Lag en header i  størrelse 290 i høyden og 950 i bredden. (høyde kan endres på senere i stilsettet hvis det ikke passer helt men så lenge bredden passer)

    2. last den opp i imageshack eller photobucket (lag en konto om du ikke har)

    3. Kopier opp url , altså der det står direct link

    4. Gå inn på design>rediger>stilsett. Lim url inn i stilsettet , erstatt med det som jeg har markert med uthevet skrift nedenfor. ikke mer eller mindre.

    eksempel:

    #header {

    background-image: url('http://img256.imageshack.us/img256/6233/skohvitt3.jpg');

     

      Sette inn profilbilde? 

    1.  finn denne linjen i alle malene:                                                                                                                                                

    <img style="float: center; border: 0;" src="http://img99.imageshack.us/img99/2784/lilladameblassetut1.png" height="190">

    2. bytt ut det som står med uthevet skrift og lim inn url til det bildet du ønsker å ha som profilbilde.

    3. Hvordan du finner url til valgt bilde har jeg beskrevet ovenfor. Samme som når du skal sette inn header.

     

    Om designet:

    - Dette designet er laget etter en mal som gjør det veldig enkelt å gjøre endringer. Og enkelt å legge til ting, som f.eks en meny.

    - Profiltekst kan legges inn på vanlig måte, du trenger ikke gå inn i maler for å gjøre det

     

    Liker du designene mine? Følg meg på bloglovin! bloglovin

     

  • 11

    Noe dere ønsker jeg skal legge ut?

    Dette er et sånt "Hva vil dere at jeg skal legge ut mer av på bloggen?" innlegg.

    Alt fra koder og toutorials , designønsker , ting som har med kunst å gjøre, men jeg begrenser meg ikke til bare kunst og design fordi dette er også en blogg. Så det kan være hva som helst !

    Skjønner at mange av dere ønsker gratis design og slikt, så da er det bare å pøse ut med hvordan type design dere vil at jeg skal lage neste gang!

     

    Dette innlegget kommer til å ligge i menyen senere også, sånn at du når som helst kan spørre om noe du vil lese om på bloggen.

     

     



     


    Akuratt nå sitter jeg i sola og chiller! Vååår! 



  • 12

    Bli en bedre blogger? Styr unna de øverste punktene

    Apropos hva som er kjedelig å lese om på blogg:

    Siden jeg fikk så mange fine svar på hva folk synes er kjedelig å lese om på blogg tenkte jeg å lage et innlegg om det.

     

    Folk synes dette er kjedelig:

    - Oppramsing av dagen. Uten noe mer innhold

    - Innlegg med masse tekst uten avsnitt og bilder

    - Blogginnlegg om at du ikke har noe å skrive om

    - Klage innlegg

    - Rotete design 

     

    Min mening:

    - Mainstream, hvis du bare skriver om typiske ting som alle andre skriver om.

    - Klageinnlegg uten en ironisk undertone. Dersom det er en ironisk undertone får det helt motsatt effekt. Elsker humoristisk negativitet.

    - Siste innkjøp er kun interessant dersom du har kjøpt noe nevneverdig. Hvis du har kjøpt deg en vanlig plain sort genser på H&M er det høyst uinteressant.

    - Missvisende overskrifter. Da blir man bare irritert når man finner ut hva innlegget egentlig handler om.

    - Har kanskje ingenting med kjedelig eller ikke kjedelig å gjøre men takler ikke sorte blogger med hvit skrift, Da ser jeg sorte striper foran øynene mine lenge etterpå.

     

     Hva liker folk å lese:

    - Outfits

    - Varierte innlegg

    - Godt språk uten mange skrivefeil

    - Hår og sminkevideoer og videoer generelt

    - Tips om diverse ting

    - Blogger med et tema

    - Musikk

     

    Hva liker jeg å lese om:

    - Tips! Det kan være allslags tips. Hud, hår, sminke , blogg tips osv

    - Humor! Liker å lese morsomme innlegg. Ironi og sarkasme for de som klarer å bruke det på en morsom måte

    - Kreative innlegg som f.eks kunst og ting man kan lage

    - Meninger om forskjellige ting. Enten om blogging eller serier hva som helst, meninger!

    - Videoer hvis det ikke er sånn teit fjolle-video.

    - Talenter. Blir alltid imponert over talenter. 

     


    Her er et bilde av noen av skoene mine. Som forøvrig ikke har noe med innlegget å gjøre. 

     

  • 4

    Månedens blogg ble.....

    Ja da har jeg kåret en vinner!!

     

     

    Det ble rett og slett Anniken R Strand !




    Jeg er både ganske enig i svaret hun hadde og så likte jeg bloggen hennes. 

    21 år , Bor i Oslo er opprinnelig trønder. Studerer musikkteater.

    Hun blogger om alt mulig , men det er først og fremst en hverdagsblogg med mange morsomme og litt sære blogginnlegg, og jeg elsker alt som er litt sært og tørrvittig.

    Hun har også teater og filmanmeldelser på bloggen sin. 

    I tillegg har hun nyeste innkjøp , som for det meste er sko innkjøp, men det er greit fordi sko er best!

     

    Det er en blogg jeg vil anbefale! 

     

     

     

    PS: Det kommer opp i menyen ganske så snart. 

     

  • 17

    Månedens blogg? Hva er kjedeligst å lese om på blogg?

    Ja nå har du mulighet til å bli linket med bilde en hel måned i toppmenyen min. I tillegg vil du få en liten omtale om bloggen som vil ligge i organictabsmenyen!

     

    Så hvis du vil få flere lesere så bør du delta!

     

    Det eneste du må gjøre er å svare på dette spørsmålet!

    "Hva er kjedeligst å lese om på blogg og hva er mest interessant? "

     

    Den jeg synes har det beste svaret VINNER!

     




     



    Konkurransen blir avgjort om ca 2 dager!

     



     PS. skjedde noe feil med forrige innlegg så lager et nytt. Men de som deltar der er fremdeles med.

  • 7

    Vil du bli månedens blogg?

     

     



    Det er ca en million år siden jeg hadde ukens blogg sist, fordi jeg har hatt så mye å gjøre!

    Derfor tenkte jeg at jeg skulle ha MÅNEDENS BLOGG! 

    Den som vinner får bildet sitt med link og en omtale om bloggen i toppmenyen min, og får lov til å være der en hel måned!

    Du vil få flere lesere på bloggen din

     

     Eneste du må gjøre!

    1. Kommentere på dette innlegget. 


     

    Om noen dager vil VINNEREN bli kåret! 

     

     

     

     

     

     

     

     

     

     

     

  • 16

    Hvordan skal det nye gratisdesignet se ut?

    Driver å lager et nytt gratisdesign, men så lurer jeg på om jeg skal gjøre noen endringer!

    Så da lurer jeg på : Hva er det dere vil ha?

    Her er designet foreløpig:

     



    Bør jeg ta bort dropdownmenyen eller kanskje gjøre designet den mørkere?

     

  • 10

    Dette er ikke fotografier!

    Wow... Måtte bare legge ut disse bildene tegnet med blyant av Paul Cadden.




    Bilder lånt på nrk.no

  • 2

    Angående bestilling av design

    Får en del bestillinger på design derfor tenkte jeg og skrive litt informasjon om det.

    Jeg tar bestillinger på design! 

    Jeg lager ikke headere foreløpig. Med mindre det inngår i designet.

     

    - Et design koster 150-200 kr. Det kan bli mer eller mindre utifra hvordan type design du ønsker.

    - Forsøk og skrive så detaljert som mulig om hvordan du ønsker at designet skal se ut. Da blir det lettere og vite hvordan du lønsker at det skal se ut. Hvis du kan fylle ut alle punktene under ville det vært supert!

    • Farger
    • Skrifttype (sånn ca)
    • Hvordan type meny du ønsker
    • Hvordan kommentarene og kommentarfeltet skal se ut
    • Bred eller smal

     Bestill over mail: inaanjutablogg@hotmail.no

     

  • Ina Anjuta
    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

    bilde



    hits

    Tilkomstgruppen