1. Skapa först en egen eller ta en du hittar på nätet.

2. Klicka på skapa, bild och ladda upp bilden, kolla hur stor bilden är
tex: 1000x800 då ska du ändra bredd till 1000 när du laddar upp bilden.

3. När du laddat upp bilden klicka på den och kopiera länken högst upp.

4. Gå in på stilmallen bläddra ner till

Ni vet väl att jag använder mig av applikationen Instagram på min iPhone? Brukar dela med mig några utav de bilder jag lägger ut där här på bloggen också, men långt ifrån alla. Så vill ni följa mig på Instagram så heter jag BinaLina där. Bara att haka på och följa om ni har lust! :P

Har man dock ingen iPhone så blir det ju lite problem då appen bara finns just till iPhone. Men nu ska jag ge er ett tips! Jag hittade något som heter Copygr.am, där man kan ta del av bilderna som läggs upp på Instagram utan att behöva ha tillgång till appen. Smart va?!

/*BAKGRUND*/
body {
background:url("LÄNK FRÅN DIN BILD");
background-color:#ffffff;
margin:0;
padding-bottom:0;
padding-top:0;
text-align:center;
}

/*LÄNKAR I INLÄGGEN, BEROR PÅ VAD MAN HAR FÖR INSTÄLLNINGAR, ÄNDRAR ÄVEN ANDRA LÄNKAR PÅ BLOGGEN*/
a {
color:#cccccc;text-decoration:none;
}

a:hover {
background:none repeat scroll 0 0 transparent;
border-bottom:0 solid #C9BBA0;
border-top:0 solid #574444;
color:#000000;
}



/*SJÄLVA BLOGGENS BAKGRUND - DEN VITA BAKGRUNDEN*/
#wrapper {
border-color:#FFE5D6 #BAB4AB #BAB4AB;
border-style:solid;
border-width:0;
margin:25px auto;
padding:0;
text-align:left;
vertical-align:top;
width:987px;
}

/*GÖR ATT BAKGRUNDEN BLIR EN HEL RUTA OCH INTE DELAS*/
#wrapper:after {
background:none repeat scroll 0 0 #FFFFFF;
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

/*TEXT  om du anger <p> i kodmallen*/
p {
margin:0;
padding:0;
}

/*HEADER, rutan, bilden högst upp på bloggen*/
#header {
background:url("LÄNK FRÅN DIN BILD");
height:240px;
margin:0 auto;
padding:0;
text-align:left;
}

/*SIDOMENYN/*
#side {
background:url("LÄNK FRÅN DIN BILD") repeat scroll 0 0 #eaf2f5;
border:2px solid #ffffff;
float:right;
margin:-190px 0 0;
opacity:0.9;
padding:0;
vertical-align:top;
width:189px;
}

/*KODEN FÖR OCH GÖRA SIDOMENYN I BOXAR /*
#box {
background:url("LÄNK FRÅN DIN BILD");
border:2px solid #FFFFFF;
width: 190px;
padding : 0 8px;
}


/*SJÄLVA INLÄGGETS BAKGRUND*/
#content {
background:none repeat scroll 0 0 #FFFFFF;
border-right:0 solid #F0F0E8;
float:left;
margin-right:0;
margin-top:0;
padding:0;
text-align:right;
vertical-align:top;
width:793px;
}

/*TEXT I HEADER*/
#header a {
color: #000;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: normal;
}

h1 {
color:#000000;
font-family:arial,verdana,sans-serif;
font-size:14px;
font-weight:bold;
height:30px;
margin:0;
padding:0;
text-transform:uppercase;
}
h2 {
color:#000000;
font-family:arial,verdana,sans-serif;
font-size:11px;
font-weight:normal;
margin:0;
padding:0;
width:170px;
}

/*INLÄGGSRUBRIK/*
/** Entry headers **/
h3 {
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:0 dotted #E3E3DE;
border-top:0 dotted #F1F1E7;
color:#5E5851;
font-family:Georgia;
font-size:36px;
font-style:normal;
font-weight:normal;
margin-bottom:0;
margin-top:20px;
padding-bottom:2px;
padding-left:20px;
padding-top:45px;
text-align:center;
}

/*SIDOMENYNS RUBRIK*/
.navheader {
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:0 solid #625F5F;
border-top:0 dotted #F1F1E7;
color:#9A9890;
font-family:georgia;
font-size:12px;
font-weight:normal;
margin-bottom:3px;
margin-top:3px;
padding:1px 5px;
text-align:left;
text-transform:uppercase;
}

/*SIDOMENYNS YTA, dvs rubriker, länkar osv*/
.nav {
color:#685C58;
font-family:tahoma;
font-size:10px;
font-weight:normal;
padding-left:0;
padding-right:0;
padding-top:3px;
}

/*LÄNKLISTA*/
.nav ul {
background-color:#FFFFFF;
font-weight:normal;
margin:0 0 7px;
padding:5px 10px 18px;
}

/*LÄNKAR I SIDOMENYN*/
.nav li {
font-weight:normal;
list-style:none outside none;
padding:0 0 6px;
}


.nav a {
color:#4E4E4E;
text-decoration:none;
}

a:hover {
background-color:#e6eef1;
color:#FFFFFF;
text-decoration:none;
}

/*HOVER - Menyns länkar, samt där du kan lägga in en egen muspekare*/


/*INLÄGG*/
/** Post's body text **/
.entrybody {
color:#000000;
font-family:Courier New;
font-size:12px;
font-weight:normal;
line-height:140%;
padding:30px 27px 10px;
text-align:justify;
}

/*TID OCH LÄNKAR UNDER INLÄGGET - Ex kommentarer*/
/** 'Posted by' txt **/
.entrymeta {
background:none repeat scroll 0 0 #FFFFFF;
border-bottom:1px solid #F0F0E8;
border-top:0 solid #E3E3DE;
color:#000000;
font-family:tahoma;
font-size:10px;
font-weight:normal;
padding:3px;
text-align:left;
}

/*LÄNKARNA PÅ KOMMENTARER ETC*/
.entrymeta a {
color:#7B7B71;
text-decoration:none;
}

.entrymeta a:hover {
background-color:transparent;
color:#000000;
font-size:10px;
text-decoration:none;
}

/*KOMMENTARSRUBRIKEN - Ex Postat av:*/
.commentheader {
background:none repeat scroll 0 0 #acc0c7;
border-color:#383838;
border-left:1px dotted #383838;
border-right:1px dotted #383838;
border-top:1px dotted #383838;
color:#000000;
font-family:tahoma,arial,georgia;
font-size:10px;
font-weight:normal;
margin-left:5px;
margin-right:5px;
padding-bottom:2px;
padding-left:15px;
padding-top:2px;
text-align:left;
}

/*KOMMENTARSTEXTEN*/
.commenttext {
background:none repeat scroll 0 0 #e6eef1;
border-left:1px dotted #383838;
border-right:1px dotted #383838;
border-top:1px dotted #383838;
color:#000000;
font-family:tahoma;
font-size:12px;
font-weight:normal;
line-height:150%;
margin-left:5px;
margin-right:5px;
padding:8px 25px 9px 15px;
text-align:left;
}

/*KOMMENTARSTID och LÄNKAR - tidpunkten då kommentaren postades och länk*/
.commentmeta {
background:none repeat scroll 0 0 #acc0c7;
border-bottom:1px dotted #383838;
border-left:1px dotted #383838;
border-right:1px dotted #383838;
color:#000000;
font-family:tahoma,arial,georgia;
font-size:10px;
font-weight:normal;
line-height:150%;
margin-bottom:16px;
margin-left:5px;
margin-right:5px;
padding:2px 15px;
text-align:left;
}

/*Länkar*/
.commentmeta a {
color:#8E8D78;
text-decoration:none;
}

.commentmeta a:hover {
border-bottom:0 solid #F2CBA5;
border-top:0 solid #F2CBA5;
color:#C8C6A9;
font-size:10px;
}

/*Kommentarrutan*/
.commentform {
background:none repeat scroll 0 0 #e6eef1;
border:0 solid #EEE0D8;
color:#5A5958;
font-family:tahoma;
font-size:10px;
font-weight:normal;
margin-left:5px;
margin-right:5px;
text-align:left;
}

/*LINJERNA MELLAN INLÄGGEN*/
.separator {
display:none;
}

/*RUBRIK TILL KOMMENTARER OCH TRACKBACKS*/
.default {
display:none;
}


.subside {
font-size:0.7em;
font-weight:normal;
padding:0;
}
.xmlButton {
background:none repeat scroll 0 0 #FF6600;
border-color:#FFCC99 #663300 #333300 #FF9966;
border-style:solid;
border-width:1px;
color:#FFFFFF;
font:bold 10px Verdana,Arial,Helvetica,Sans-serif;
margin:0;
padding:0 3px;
text-decoration:none;
}

/*BILDERNA I INLÄGGSRUTAN - Ändra kanten runt om..*/
.image {
border:1px solid #5E6655;
margin:0 6px 6px 0;
padding:0;
}
.thumbnail {
border:2px solid #889977;
margin:0 6px 6px 0;
}
.video {
padding:0 0 30px 30px;
}
.fieldName {
font-family:Verdana,Arial,Helvetica,Sans-serif;
font-size:11px;
margin:0 0 12px;
}
select {
font-family:Verdana,Arial,Helvetica,Sans-serif;
font-size:11px;
}


/*SÖK FORMULÄRET - samt KOMMENTARSFORMULÄRET*/
form {
margin:0 0 6px;
padding-left:10px;
}

/*PROFIL i överlag*/
#profile {
font-family:verdana,arial,sans-serif;
font-size:11px;
font-weight:normal;
mar

/*PROFIL rubrik "OM" */
#profile h4{
color:#000000;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:16px;
font-weight:bold;
margin:0 0 5px;
}

/*PROFIL TEXT*/
#profile p{
}


/*HÄR ÄNDARAR DU FÄRGEN PÅ KNAPPEN SÖK...*/

input {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #D0CFBC;
color:#656262;
font-family:courier new;
font-size:11px;
font-weight:normal;
}
textarea {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #D0CFBC;
color:#575353;
font-family:courier new;
font-size:12px;
font-weight:normal;
}


NÅGRA FLER FÖRKLARINGAR:

FLYTTA OBJEKT
margin: Flyttar själva objektet.
padding: Flyttar själva texten inuti objektet.

1px 2px 3px 4px - 1px flyttar uppåt, 2px höger, 3px nedåt, 4px åt vänster
float: välj om du vill positionera objektet till höger eller vänster (inte center)

TEXT
font-weight: väljer om du vill ha tjock, kursiv eller normal text (bold, normal etc)
font-family: anger typsnitt (ex arial, verdana, sans-serif)
text-transform: anger om du vill ha stor eller liten text
text-decoration: anger om du vill ha understreck eller liknande på text

FÄRGER
Background - anger bakgrunden
color: anger färgen på texten glöm ej och skriva  före färgkoden

STORLEK
height: anger höjd
width: anger bredd

 

 

 

 

Söta muspekare va? Skaffade dessa för ett tag sen.  Sök på "Cursors" på google så hittar ni massor. Denna sidan är jättebra {länk}. Sen när ni laddat ner dom [och packat upp med t.ex winrar] är det bara att högerklicka på skrivbordet, gå in på anpassa - muspekare och bläddra efter din nerladdade fil. Have fun!

 

Trodde det skulle ta några timmar för mig att fixa de sissta detaljerna på bloggen. Men NEJ, jag sitter här fortfarande & försöker få det som jag vill. Men nu ska jag ge upp för idag, får fortsätta lite imorgon igen!