Julie JJ - <3 Spania
Hjem Spania Facebook Add

41

Jeg har fått noen spørsmål om hvordan jeg får ett slikt vannmerke på bildene mine. Jeg tenkte så at jeg skulle vise dere den enkleste og raskeste måten av de jeg bruker. Det høres kanskje litt komplisert ut med min forklaring, men det er lett når du først har gjort det!  For dere som ikke vet hva vannmerke er, så er det en slags tekst/merke du kan legge på bildene dine for å vise at bildet(bildene) er dine, at det er du som har tatt de (om dere skjønner).
Håper dette vil være til hjelp for dere som lurte på hvordan jeg gjorde det.


Dette skjer så i Picasa. (Du kan laste ned Picasa 3 gartis her!) Du åpner da selvfølgelig programmet og finner mappa der bildet du skal ha vannmerke på (venstre side).


Når du har funnet bildet i mappa og trykket på det ser det ca slik ut. Det man så gjør er å trykke på knappen der det står "Eksporter" eller "Export" om du har det på Engelsk.


Da kommer det opp et popup-vindu som man ser på bildet ovenfor. I den første sirkelen jeg har markert med bestemmer man hvor den nye mappa med vannmarkerte bildene skal ligge og hva mappa skal hete. I sirkel nr. 2 kan du bestemme hvilken størrelse du vil ha bildet i (jeg har den på den opprinnelige størrelsen). I sirkelen nr. 3 skriver du inn hva du vil det skal stå på vannmerket. Så når du har trykt på Exporter kommer det opp ett nytt vindu (den mappa du lagra bildet med vannmerket i) og da er du ferdig.


Om man vil legge vannmerke på flere bilder samtidig kan man trykke én gang på det ene bildet og trykke på ctrl og trykke på de andre, for så å trykke på "Eksporter".

Resultat:

Skjønte du dette, var det bra nok forklart?

  • 15

    Endel har spurt hvordan jeg får til et animert bilde og hvordan jeg legger det ut her på blogg.no. Jeg kan prøve å forklare og hjelpe dere, men jeg er ikke den beste til å forklare å vise.. Bare så dere vet det.

    Jeg bruker redigeringsprogrammet PhotoScape. Så om du ikke har det, trykk på denne linken http://www.klikk.no/teknologi/download/article484065.ece og last ned.

    Neste du gjør er jo selvfølgelig å åpne programmet..

    Så trykker du på knappen der det står: Animert Gif (som vist på bildet over).

    Det neste du gjør er å finne bildene du vil bruke i mappene dine til venstre side og merke de, for så å flytte det over i det feltet der det står "Slipp bildet ditt her".

    Da kommer det opp et forslag. Om du vil at det skal gå fortere eller saktere, trykker du på knappen der det står "Tid". Så kommer det opp en rute der du kan angi hvilken hastighet du vil ha på bildene. Om du trykker på "Størrelsen til førstebilde" kan du bestemme størrelsen på bildene. (Det er også andre muligheter der, feks overgangene osv). Når du er fornøyd, trykker du på "Lagre" og så kommer det opp alternativer på hvor og hvordan du vil lagre det.

    Siden blogg.no ikke støtter denne form for bilder (bilde formatet gif), kan dere legge det opp på http://tinypic.com/.
    Finn animasjonen (eller bildet) ved å trykke på velg fil og finn mappa der den ligger. Når du har funnet det og trykt på åpne, trykker du på "Upload now!". Da skal det komme opp en slags sikkerhetskode som man må skrive inn og når man da har trykt på den grønne knappen under kommer det opp koder.

    Vi skal bruke den øverste koden som er til html. Kopier den og lim den inn i html- boksen på bloggen.
    Jeg er kanskje ikke den beste til å forklare, men dere får se om dere får det til etter mine sære forklaringer. Prøv dere fram, det er noe jeg pleier å gjøre! Lykke til!

    Image and video hosting by TinyPic

    - JJJ
  • 108
    Noen tips;
    CTRL + A = Merk alt
    CTRL + C = Kopier
    CTRL + V = Lim inn
    CTRL + F = Søk

    Rammetyper;
    dotted - (prikkete)
    dashed - (stipplet)
    solid - (heltrukken linje)
    double - (dobbel linje)

    Fargekart;
    http://www.myspacedev.com/color-codes/



    RAMME RUNDT BLOGGEN


    Hvordan gjør jeg dette?
    Du limer bare inn koden i Stilsettet.
    Koden du skal legge inn er:
    border: 2px dotted #000000;

    Hvor legger jeg den inn?
    Du legger den inn under #wrapper og #footer. Ca. sånn her skal det se ut:
    (Du kan også legge koden inn under #header, hvis du vil ha en ramme rundt headeren også).

    #wrapper {
    background-color: #FFFFFF;
    border: 2px dotted #000000;
    }
    #footer {
    background-color: #FFFFFF;
    border: 2px dotted #000000;

    Hvis du ikke vil ha en 'prikkete' ramme, så skriver du solid istedenfor dotted. For å endre tykkelsen på rammen, så kan du for eks. skrive 3px eller hvis rammen skal være mindre så skrive du bare 1px.

    MENYEN FRA HØYRE TIL VENSTRE

    Hvordan gjør jeg dette?
    Du limer bare inn koden i Stilsettet.
    Koden du skal legge inn er:
    }
    #main {
    float: right;
    }
    #side {
    float: left;

    Hvor legger jeg den inn?
    Du legger den inn under #wrapper.
    Slik skal det se ut sånn ca:
    #wrapper {
    background-color: #FFFFFF;
    border: 2px dotted #000000;
    }
    #main {
    float: right;
    }
    #side {
    float: left;
    }
    #footer {
    background-color: #FFFFFF;
    border: 2px dotted #000000;

    Hvis du vil ha menyen i en liten boks, så skal du legge inn denne koden:
    border: 1px solid #000000;
    background-color: #4D4D4D;

    Hvor legger jeg den inn?
    Hvis du ser under her så ser du hvor du skal lime den inn.

    #wrapper {
    background-color: #FFFFFF;
    border: 2px dotted #000000;
    }
    #main {
    float: right;
    }
    #side {
    float: left;
    border: 1px solid #000000;
    background-color: #4D4D4D;

    }


    MIDTSTILLE BLOGGEN DIN

    Koden du skal bruke:
    margin-left: auto;
    margin-right: auto;

    Hvor legger jeg den inn?
    Den skal du legge inn under #header, #wrapper og #footer.

    Slik skal det se ut:
    #header {
    background-color: #FFFFFF;
    height: 236px;
    margin-left: auto;
    margin-right: auto;

    }
    #wrapper {
    background-color: #FFEFFC;
    margin-left: auto;
    margin-right: auto;

    }
    #footer {
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;

    SMAL BLOGG

    Koden:
    width: 610px;

    Hvor legger jeg den inn?
    Du legger den under #header, #wrapper og #footer.

    Slik skal det se ut da:
    #header {
    background-color: #FFFFFF;
    height: 236px;
    margin-left: auto;
    margin-right: auto;
    width: 700px;
    }
    #wrapper {
    background-color: #FFEFFC;
    margin-left: auto;
    margin-right: auto;
    width: 700px;
    }
    #footer {
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    width: 700px;
    }

    Nå er det bare å endre tallet til hva du måtte ønske. 600px eller kanskje 800px. Du bestemmer.


    BAKGRUNNSBILDE SOM "STÅR FAST"

    Koden:
    BODY {
    background-image: url("her skal URL'en til bildet stå");
    background-attachment: fixed;
    background-position: right bottom;
    background-repeat: repeat;
    }

    Hvor legger jeg den inn?
    Den skal du lime inn øverst i stilsettet.
    ENDRE "X ANTALL KOMMENTARER"

    Vil du at for eksempel at det skal stå "x søte små" istedenfor "x kommentarer", så gjør du dette:
    Design -> Rediger -> Maler

    - Trykk på CTRL + F tasten på tastaturet.
    - Søk på "comment".
    - Der skal det stå: " <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a> "
    - Det du skal gjøre er å endre litt på koden slik:
    <a href="${EntryPermaLink}#comment">${EntryCommentCount} søte små</a>
    ENDRE BAKGRUNN FOR OVERSKRIFTER

    Koden:
    h2 {
    cursor:default;
    background-color: #000000; <- Her endrer du bakgrunnsfarge..
    color: #16CC16;
    font-size:9pt;
    font-family:tahoma;
    letter-spacing:1px;
    line-height:13pt;
    text-align: center;
    padding: 1px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 2px solid #16CC16;
    margin-bottom: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px;

    Hvor legger jeg den inn?
    Den skal du lime inn nederst i stilsettet ditt.

    Og så er det bare og lagre stilsettet.
    SLIK SER DU HVOR MANGE SOM LESER BLOGGEN DIN AKKURAT NÅ

    Koden:
    <!-- Start FastOnlineUsers.com --> <a href="http://www.fastonlineusers.com"> <script type="text/javascript" src=http://fastonlineusers.com/on4.php?d=LINK TIL DIN BLOGG HER!!! mce_src=http://fastonlineusers.com/on4.php?d=LINK TIL DIN BLOGG HER!!!></script> </a> leser denne bloggen NÅ</a> <!-- End FastOnlineUsers.com --></div>

    Hvor legger jeg den inn?
    Endre profil - > Beskrivelse
    I ruten for beskrivelse skal du lime inn koden, og du må huske på å legge inn linken til bloggen din. :)
    RAMME RUNDT HELE SIDEN

    Koden:
    border: 8px solid #000000;

    Hvor skal jeg legge den inn?
    Helt øverst i stilsettet.

    Slik skal det se ut;
    body {
    background-color: #FFFFFF;
    font-family: times new roman;
    border: 8px solid #000000;
    }
    GOOGLE OVERSETTER PÅ DIN BLOGG

    Først går du inn på; http://translate.google.com/translate_tools?hl=no
    Der henter du koden.

    Hvor skal jeg legge den inn?
    Design -> Rediger -> Maler

    Når du er inne på Maler, så trykker du på CTRL + F tastene. Der skal du søke på "sidebar". Under der, skal du lime inn koden du hentet på nettsiden. Og så er det bare å lagre malen.
    ENDRE FOR HVA DET STÅR PÅ KOMMENTAR KNAPPEN

    Slik gjør du det:
    Gå inn på Design -> Rediger -> Maler.. Når du er på Maler, så ser du at det står Index (forsiden). Trykk der og velg; Enkeltinnlegg. Deretter trykker du CTRL + F på tastaturet ditt og så søker du på " Send kommentar ". Istedet for at det står 'Send kommentar', så kan du jo skrive hva du enn vil. Kanskje "Nå blir jeg glad :)" eller noe annet.
    HVORDAN FÅ HEADEREN (BILDE) PÅ PLASS DER OPPE

    Koden du skal bruke er:
    #header {
    background-image: url(http://www.settinnlenkeher.jpg);
    background-repeat: no-repeat;
    height: 100px;
    width: 800px;
    }

    Hvor skal jeg legge den inn?
    Design -> Rediger
    Så limer du bare inn koden i stilsettet ditt.
    SHOUTBOX PÅ DIN BLOGG

    Du trykker øverst der det står: ShoutMix Chat. Da kommer det opp et nytt vindu. Nå skal du trykke på 'CREATE YOUR SHOUTBOX NOW'. Deretter skriver du inn informasjon osv, du skjønner det nok. :)

    Hvor skal jeg legge inn koden?
    Design -> Rediger -> Maler.
    Trykk CTRL + F på tastaturet ditt, og søk på 'sidebar'. Under der legger du inn koden.
    Nå er det bare å trykke på Lagre Malen og da skal den ligge på framsiden av bloggen din.
    STØRRE PROFILBILDE

    Koden du skal bruke er:
    <img src="PICTURE URL" height="100">

    Forklaring:
    Picture url skjønner du sikkert. Der du skal legge inn linken til bildet ditt.
    100, der kan du sette inn et tall, og det bestemmer hvor stort bildet ditt blir.

    Slik gjør du det:
    Design -> Rediger -> Maler.
    Her skal du finne <img src="${ProfileImageUrl}" alt="${ProfileName}" />.
    Så du kan for eksempel søke (CTRL + F) på 'profilename'. Du skal deretter bytte ut (<img src="${ProfileImageUrl}" alt="${ProfileName}" />) med koden; <img src="PICTURE URL" height="100">.
    For å legge inn linken til bildet, så må du laste opp bildet ditt på www.tinypic.com, under "Direct Link for Layouts" henter du linken som du skal legge inn i koden. Og du kan endre størrelsen for bildet ditt også hvis du vil.
    Nå trykker du på Lagre Malen og da skal bildet ditt være større.
    STØRRE OVERSKRIFT (ARKIV, KATEGORIER osv.)

    Hvordan gjør jeg dette?
    Design -> Rediger -> Maler.
    Søk (CTRL + F) på 'arkiv'. Når du finner denne; <h3>Arkiv</h3>. så kan du istedenfor h3, skrive h1.
    Det samme gjør du med Kategorier, Arkiv, Siste innlegg, Siste kommentarer og Lenker.
    Nå trykker du på Lagre Malen og da skal overskriftene være større.
    MINDRE/STØRRE SKRIFT PÅ INNLEGGENE DINE

    Koden du skal bruke:
    font-size: 10pt;

    Hvor skal jeg legge den inn?
    Den skal du legge inn under wrapper.

    Slik for eks. skal det se ut;
    #wrapper{
    background-color: #FFFFFF;
    font-size: 10pt;
    }

    Det eneste du trenger å gjøre nå er å endre tall, vil du ha større skrift skriver du for eksempel 12, eller kanskje du vil ha mindre skrift, så skriver du 8...
    FÅ BORT NAVNET OVER HEADEREN

    Koden:
    #header h1, #header p { display:none }

    Hvor skal jeg legge den inn?
    Den skal du legge nesten helt nederst i stilsettet ditt.

    Slik skal det noenlunde se ut;
    #header { color: #FFFFFF; }
    #header h1, #header p { display:none }
    h1 a, h1 a:link, h1 a:visited, h1 a:active { text-decoration: none; color: #FFFFFF; }
    FÅ STØRRE SKRIFT PÅ NAVNENE I INNLEGGENE

    Slik gjør du det:
    Design -> Rediger -> Maler -> Enkeltinnlegg
    Trykk på ctrl + f, søk på h4. Da skal du finne denne linja; <h4>${CommentAuthorLinkIf}</h4>
    Istedet for at det står <h4>, endrer du 4-tallet til 1.

    Slik skal det se ut:
    <h1>${CommentAuthorLinkIf}</h1>

    Trykk lagre malen, og da er navnene på innleggene større.


    FÅ BORT LINKEN (BLOGG.NO) UNDER HEADEREN DIN

    Slik gjør du det:
    Design -> Rediger -> Maler.
    Ctrl + f. Søk på blogg.no, så skal du lete etter linjen;
    <div class="breadcrumbs"><a href="http://blogg.no/">blogg.no</a> » ${BlogTitle}</div>
    Denne skal du fjerne altså.
    Etter du har tatt bort den, så skal du lagre malen, og da skal linken under headeren være borte.
    RAMME RUNDT HVERT INNLEGG

    Koden:
    }
    .entry {
    border: 1px solid #708090;
    background: #FFFFFF;
    text-align: center;
    }

    Hvor skal jeg legge den inn?
    Den skal du legge helt nederst i stilsettet ditt.
    FÅ ET LITE IKON ATTMED 'KOMMENTARER' F.EKS.

    Kode:
    <img src="http://i43.tinypic.com/2crm3qu.gif">

    Hvor skal jeg legge den inn?
    Design -> Rediger -> Maler.
    Trykk på CTRL + F. Søk på Kommentarer. Når du har funnet en linje som dette; <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>
    Så skal du legge inn koden bak. Slik at det ser ut som dette:
    <img src="
    http://i43.tinypic.com/2crm3qu.gif"><a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>
    Trykk Lagre malen, og da skal det være et lite bilde bak "Kommentarer".

    -----

    Det samme gjør du, hvis du vil ha bilde attmed dato...

    Du bruker da denne koden; <img src="URL-adressen til bildet">
    For å finne Url-adressen til et bilde gjør du ved å høyreklikke eller laste opp bildet på tinypic.
    Og så må du inn på Maler for å legge inn koden.
    MENY UNDER HEADEREN

    Koden du skal bruke:
    <a href=LINK TIL INNLEGGET><img src=URL-ADRESSEN TIL BILDET></a>

    Det første du må gjøre er å lage et bilde i f.eks. paint. Du kan lage det uansett, slik som du vil, f.eks. som et hjerte, trekant eller bare en liten firkant. Og du må huske å skrive hva det gjelder, f.eks. du kan skrive på det ene bildet; Om meg. Når du har gjort det så må du laste bildet opp på en nettside. Det kan du gjøre på www.tinypic.com. Nå er det bare å legge inn koden. Og som du ser under så er det bare lagt inn en link som blir å vises under headeren. Men hvis du vil ha flere så er det bare å lage flere bilder og legge inn flere koder under den første du la inn..

    Hvor skal jeg legge inn koden?
    Design -> Rediger -> Maler.
    Søk (CTRL + F) på " BlogDescription ". Og da skal du legge inn koden under </div> .

    Slik skal de se ut:
    <h1>${BlogTitle}</h1>
        <p>${BlogDescription}</p>
       </div>
    <a href=www.dinblogg.blogg.no><img src=http://dittbilde.jpg></a>
    <div id="wrapper" class="yui-gc">

    Nå trykker du på Lagre Malen og da skal det være en meny under headeren din.
    MELLOMROM MELLOM HEADER OG SELVE BLOGGEN

    Koden du skal bruke:
    margin: 0px 0px 10px 0px;

    Hvor skal jeg legge den inn?
    Design -> Rediger
    Koden skal du legge inn under header.

    Det skal ca. se slik ut:
    #header {
    background-color: #FFFFFF;
    background-image: url(url-adressen til bildet);
    background-repeat: no-repeat;
    height: 420px;
    width: 800px;
    margin: 0px 0px 10px 0px;

    Hvis du vil ha større eller mindre mellomrom, så endrer du tallet der hvor det står 10.
    FÅ BORT RAMMEN RUNDT PROFILBILDET DITT

    Koden du skal bruke:
    <img style="float: left; border: 0;" src="URL-ADRESSEN TIL BILDET DITT" height="200">

    Forklaring:
    200 = der kan du velge hvor stort bildet skal være.
    URL = Der skal du sette inn adressen for profilbildet ditt.

    Hvor skal jeg legge inn koden?
    Design -> Rediger -> Maler.
    Søk (ctrl + f) på "profile".

    Slik skal det ca. se ut:
           <div id="profile" class="clearfix">
            <div>
             <a href="${ProfileUrl}" title="${ProfileName}">
              <img style="float: left; border: 0;" src="URL-ADRESSEN TIL BILDET DITT" height="200">
             </a>
            </div>

    Trykk lagre malen, og da skal den blå rammen være borte rundt profilbildet.
    FJERNE "SISTE KOMMENTARER", "AKIV"...

    Du må først gå til maler (design -> Rediger -> Maler).
    Når du har gjort det så søker du på f.eks. 'siste kommentarer'. Da skal du finne dette fram i maler:
    <h3>Siste kommentarer</h>
      <ul>
      <tag:commentlist global="true" limit="10" sort="desc">
      <li>${CommentAuthorLinkIf} om ${CommentArticleLink}</li>
      </tag:commentlist>
      </ul>
      </div>
    ---
    Dette skal du fjerne rett og slett. Det samme gjør du med 'Arkiv', 'Kategorier' osv. Du fjerner de du vil.

    Etter det så trykker du på Lagre Malen, og da skal de "boksene" være borte.
    FÅ MELLOMROM OVER HEADEREN

    Koden du skal bruke:
    <br>

    Hvor skal jeg legge inn koden?
    Design -> Rediger -> Maler.
    Søk etter 'doc2'. Eller bla litt ned til du ser denne linja; <div id="doc2">
    Det du skal gjøre er å lime inn koden etter dette.

    Slik skal det se ut:

    <div id="doc2"><br>

    HENTET FRA: http://isabelmortensen.blogg.no/
  • Julie JJ

    Jeg er en sprudlende og energisk trønderjente som er meg selv fullt ut. Bor nå i Spania og jobber som webdesigner for et norsk firma. Jeg har tidligere bodd sør i England hvor jeg var utvekslingsstudent skoleåret 2011-12.


    Kamera: Canon EOS 60D.



    Kategorier

    Siste innlegg

    bilde