gratis design til dere #1

Da har jeg endelig fått ferdig designet til dere, og som jeg skrev på bloggen min er jeg stor fornøyd! I dette innlegget skal jeg forklare hvordan dere kan bytte til dette designet! Det er ganske enkelt, men kan være litt vanskelig å forstå med det første!

 

Dere har lov å fikse på designet slik du blir fornøyd, men husk at det er jeg som har laget grunnmalene, og oppsettet, så dere har ikke lov å fjerne "design av" merket nederst i sidemenyen. Håper dere respekterer dette!




STILSETT

1. Det første er stilsettet. Design > Rediger > Stilsett. Her må dere fjerne alt som står, og lime inn koden som står under: (for å kopiere koden: merk hele koden og deretter høyreklikk og trykk kopier)

 

a {color: #444444;}

a:hover {color: #e2d1be;}

a:link{ text-decoration: none; color: #000000;}

a:visited{ text-decoration: none; color: #000000;}

body {

margin: 0px 0px 0px 0px;

background: #none;

text-align: center;

}

a {color: #000000;}

a:hover {color: #e2d1be;}

#wrapper {

margin:0px auto;

position: relative;

float: center;

background: ;

border: 0px dotted #d78699;

width: 1020px;

padding: 0px;

text-align: left;

overflow: hidden;

margin-top: 0px;

margin-left: 0 auto;

margin-right: 0 auto;

}

p {

padding: 0px 0px 0px 0px;

margin: 0px 0px 0px 0px;

}

#header {

background: url() no-repeat

center;

header-position: center;

padding-left: 0px;

padding-bottom:0px;

padding-top: 0px;

margin: 0px 0px 0px;

height: 260px;

width: 1100px;

}

#side {

width: 240px;

border: 0px solid black;

padding: 3px 7px 20px;

background: #ffffff

text-align: left;

float: right;

}

#content {

float: left;

z-index:2;

width:672px;

background-color: #fff;

background-image:url()

background-position:bottom left;

background-attachment:fixed;

background-repeat:no-repeat;

padding: 4px;

border-left: 34px solid #ffffff;

/** border:1px solid #fff; **/

#FF0066;

voice-family:"\"}\"";

voice-family:inherit;

}html>body #content { width:700px; margin-right: 20px;

-moz-border-radius: 10px;

-webkit-border-radius: 20px;

-khtml-border-radius: 20px;

border-radius: 20px;

}

#header a { color: #333; text-decoration: none; }

h1 {

font-family: georgia;

font-size: .75em;

font-weight: bold;

letter-spacing:.1em;

color: #666;

}

h2 {

display:none;

font-family: georgia;

font-size: .7em;

font-weight: normal;

color: #999;

}

/** Entry headers **/

h3 {

font-family: georgia;

font-size: 22px;

font-weight: normal;

color: #b3b3b3;

margin: 0px 0px 0px 0px;

}

.navheader {

font-family: verdana;

font-size: 12px;

color: #757575;

margin-bottom: -9px;

}

.navheader2 {

font-family: georgia;

font-weight: normal;

font-size: 16px;

color: #b3b3b3;

margin-bottom: -9px;

}

.navheader3 {

font-family: georgia;

font-weight: normal;

font-size: 11px;

color: #525252;

margin-bottom: -9px;

margin-top: 6px;

}

.navheader4 {

font-family: georgia;

font-size: 13px;

font-weight: normal;

color: #b3b3b3;

margin: 0px 0px 0px 0px;

}

.navheader6 {

font-family: georgia;

font-weight: bolg;

font-size: 22px;

color: #DDDDDD;

background-color:#ffffff;

background-image: url();

background-repeat:

no-repeat;

background-position:;

padding: 2px 0px 0px 1px;

margin: 0px 0px 0px;

height: 20px;

vertical-align: top;

border-bottom: 0px dotted #8d8d8d;

text-transform:

}

.navheader5 {

font-family: georgia;

font-weight: normal;

font-size: 12px;

color: #848484;

background-color:#ffffff;

background-image: url();

background-repeat:

no-repeat;

background-position:;

padding: 2px 0px 0px 1px;

margin: 0px 0px 0px;

height: 13px;

vertical-align: top;

border-bottom: 0px dotted #8d8d8d;

text-transform:

}

.nav {

font-family: georgia;

font-size: 11px;

font-weight: none;

}

.nav ul {

padding: 0px;

font-weight: normal;

margin: 0px 0px 8px;

}

.nav li {

list-style: none;

padding: 0px 0px 4px 0px;

font-weight: normal;

margin: 0px;

}

.nav a {

margin: 0;

display: block;

height: 100%;

color:#d4d4d4;

}

.nav a { color: #e2d1be; }

.nav a:hover { color: #e2d1be; }

.navheader6 a { color: #bcbcbc; }

.navheader6 a:hover { color: #dddddd; }

.navheader2 a { color: #b3b3b3; }

.navheader2 a:hover { color: #e2d1be; }

/** Post's body text **/

.entrybody {

font-family: georgia;

font-size: 12px;

font-weight: normal;

text-align: left;

color: #000000;

line-height: 140%;

z-index:2;

margin: 8px 0px 10px 0px;

}

/** 'Posted by' txt **/

.entrymeta {

font-family: georgia;

font-size: .7em;

font-weight: normal;

font-style:italic;

color: #666;

margin-bottom:22px;

}

.entrymeta2 {

font-family: georgia;

font-size: .7em;

font-weight: normal;

font-style: normal;

color: #e2d1be;

margin-bottom:22px;

}

.entrymeta a { color: #ebe6d8;}

.entrymeta a:hover { color: #e2d1be; }

.entrymeta2 a { color: #ebe6d8;}

.entrymeta2 a:hover { color: #e2d1be; }

.commentheader {

background: none; }

.entrymeta a:hover { color: #e2d1be; background: #f4f5f8; text-decoration:none; }

.commentheader {

font-family: georgia;

color: #e2d1be;

font-size: 12px;

font-weight: bold;

padding-left: 4px;

padding-top: 4px;

padding-bottom: 2px;

text-allign: center;

background-color: #ffffff;

border-bottom: 4px solid #ffffff;

}

.commenttext {

font-family: georgia;

font-size: 11px;

font-weight: normal;

color: #000000;

padding-left: 5px;

padding-right: 5px;

padding-bottom: 4px;

color: #000000;

background-color: #ffffff;

line-height: 119%;

}

.commentmeta {

font-family: georgia;

font-size: 10px;

font-weight: normal;

color: #6f6f6f;

font-style:normal;

text-align: left;

margin-bottom: 30px;

padding-left: 5px;

background-color: #ffffff;

border-top: 4px solid #ffffff;

padding-bottom: 1px;

}

.commentmeta a { color: #e2d1be; }

.commentmeta a:hover { color: #e2d1be; }

.commentform {

font-family: georgia;

font-size: .70em;

font-weight: normal;

color: #000000;

}

.separator {

display:none;

border-top: 1px solid #F5FAEC;

border-bottom: 1px solid #CED2C8;

margin: 14px 0px 14px 0px

}

.default {

font-family:georgia;

font-size: 11px;

color: #666;

font-weight: bold;

padding: 0px 0px 10px 0px;

text-transform: uppercase;

}

 

 

 

MALER - FORSIDE

2. Nå er det maler - forside. Design > Rediger > Maler > Forside. Her må dere fjerne alt som står, og lime inn koden som står under: (for å kopiere koden: merk hele koden og deretter høyreklikk og trykk kopier)

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html

xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>${BlogTitle} - ${BlogDescription}</title>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<meta name="generator" content="${AppUrl}" />

<meta name="robots" content="noindex,follow,noarchive" />

<link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />

<link rel="alternate" href="${BlogUrl}index.rss" type="text/xml" title="RSS" />

<script language="JavaScript" type="text/javascript" src="${AppUrl}public/js/script.js"></script>

<script language="JavaScript" type="text/javascript" src="${AppUrl}shared/js/script.js"></script>

</head>

<body><div id="wrapper">

<div id="header"><img src="http://i53.tinypic.com/200efls.png" border="0" width=1000"></a>

</div>

<div id="content">

<tag:entrylist limit="15">

<a name="a${EntryNum}" />

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

<div align="left"><div class="entrymeta2">

<b>Category:</b> <a href="${EntryCategoryLink}">${EntryCategoryName}</a> |

<b>Date: </b> ${EntryDate} | <b>Time:</b> ${EntryTime} |

<b>Comments:</b> <a href="${EntryPermaLink}#comment">${EntryCommentCount} </a><br /></div>

</div>

<div class="entrybody">${EntryBody}</div>

<div align="right">

<div class="navheader2">

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

<br /><br />

<tag:taglist title="Stikkord: ">

<a href="${TagURL}" rel="tag">${TagName}</a>

</tag:taglist>

</div>

<hr class="separator" />

</tag:entrylist>

</div>

<div id="side">

<div class="nav"><div class="nav">

<ul><div class="navheader6"><a href="LINK">om meg</a></div>

<div class="navheader6"><a href="LINK">forsiden</a></div><br>

<img src="http://i55.tinypic.com/2vsezr8.png" width="240"><br><br>

<ul><div class="navheader4">personen bak bloggen</a></div>

<div id="box">Her kan du skrive en liten tekst om hvem du er og hva din blogg handler om, eller så kan du skrive hva enn du vil. <br>

</ul>

<div id="box">

<ul><div class="navheader4">arkiv</a></div>

<tag:archivelist>

<li><a href="${ArchiveLink}">${ArchiveName}</a></li>

</tag:archivelist>

</ul></div>

<div id="box">

<div class="navheader4">kategorier</div>

<ul>

<tag:categorylist>

<li><a href="${CategoryLink}">${CategoryName}</a></li>

</tag:categorylist>

</ul>

<div class="navheader4">favoritter</div>

<ul>

<tag:linklist>

<li><a href="${LinkURL}" alt="LinkName">${LinkName}</a></li>

</tag:linklist>

</ul>

<br>

<ul><div class="navheader4">design av</a></div><a href="http://blogg.idafiskaa.com" target="_blank"><img src="http://i55.tinypic.com/vwuyqe.png" border="0" width="230"></a></div></div><br />

</body>

</html>

 

 

 

MALER - INNLEGG

3. Nå er det maler - innlegg. Design > Rediger > Maler > Innlegg. Her må dere fjerne alt som står, og lime inn koden som står under: (for å kopiere koden: merk hele koden og deretter høyreklikk og trykk kopier)


 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html

xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>${BlogTitle} - ${PageTitle}</title>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<meta name="generator" content="${AppUrl}" />

<meta name="robots" content="index,follow,noarchive" />

<link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />

<script language="JavaScript" type="text/javascript" src="${AppUrl}public/js/script.js"></script>

<script language="JavaScript" type="text/javascript" src="${AppUrl}shared/js/script.js"></script>

<script language="JavaScript" type="text/javascript" src="${AppUrl}shared/js/comments.js"></script>

</head>

<body><div id="wrapper">

<div id="header"><img src="http://i53.tinypic.com/200efls.png" border="0" width=1000"></a>

</li>

</ul>

</div>

<div id="content">

<tag:entry>

<a name="a${EntryNum}" />

<a name="a${EntryNum}" />

<a href="${EntryPermaLink}#comment"><h3>${EntryTitle}</h3></a><div align="left"><div class="entrymeta2">

<b>Category:</b> <a href="${EntryCategoryLink}">${EntryCategoryName}</a> |

<b>Date: </b> ${EntryDate} | <b>Time:</b> ${EntryTime} |

<b>Comments:</b> <a href="${EntryPermaLink}#comment">${EntryCommentCount} </a><br /></div>

</div>

<div class="entrybody">${EntryBody}

<br /><br />

<tag:taglist title="Stikkord: ">

<a href="${TagURL}" rel="tag">${TagName}</a>

</tag:taglist>

</div>

</tag:entry>

<!-- Display comments and form if this entry allows comments -->

<tag:if test="${Comments == 1}">

<a name="comment" /><div class="navheader6">kommentarer:</div><br>

<tag:commentlist>

<div class="commentheader">

${CommentAuthor}

</div>

<p class="commenttext">${CommentText}</p>

<div class="commentmeta"><b>dato: </b>${CommentDate} | <b>tid:</b> ${CommentTime}

<!-- If comment author has written her / his e-mail address -->

<tag:if test="${CommentAuthorEmail != ''}">

<br />E-post: <a href="mailto:${CommentAuthorEmail}">${CommentAuthorEmail}</a>

</tag:if>

<!-- If comment author has written her / his URL -->

<tag:if test="${CommentAuthorURL != ''}">

| <b>blogg:</b> <a href="${CommentAuthorURL}">${CommentAuthorURL}</a>

</tag:if>

</div>

</tag:commentlist>

<form class="commentform" action="${AppUrl}index.bd?fa=comment.insert" name="commentForm" method="post" onsubmit="doSubmit(this)">

<input type="hidden" name="commentid" value="${CommentID}" />

<br />

<strong>Skriv en ny kommentar:</strong> <br /> <br />

Navn <br />

<input type="text" name="author" onchange="doChange(this)" value="" size="42" maxlength="255" />

<br />

E-post: <br />

<input type="text" name="authoremail" onchange="doChange(this)" value="" size="42" maxlength="255" />

<br />

URL: <br />

<input type="text" name="authorurl" onchange="doChange(this)" value="http://" size="42" maxlength="255" />

<br />

Kommentar: <br />

<textarea name="comment" onchange="doChange(this)" cols="52" rows="7"></textarea>

<br /><input name="remember" onclick="doCheck(this)" type="checkbox" value="1" id="remember" /> Husk meg ?<br />

<input class="formbutton" type="submit" name="submit" value="Send kommentar" />

</form>

</tag:if>

<a name="trackback" />

<tag:if test="${Trackbacks == 1}">

<div class="entrybody">

Trackback-URL for dette innlegget: <br />

${TrackbackEntryURL}

</div>

</tag:if>

<tag:trackbacklist>

<div class="commentheader">

${TrackbackTitle}

</div>

<p class="commenttext">${TrackbackExcerpt}...</p>

<div class="commentmeta">

<a href="${TrackbackURL}" title="${TrackbackBlog} - ${TrackbackTitle}">${TrackbackBlog}</a>

<br />

${TrackbackDate} @ ${TrackbackTime}

</div>

</tag:trackbacklist>

</div>

<div id="side">

<div class="nav">

<ul><div class="navheader6"><a href="LINK">om meg</a></div><br><br>

<div class="navheader6"><a href="LINK">forsiden</a></div><br>

<img src="http://i55.tinypic.com/2vsezr8.png" width="240"><br><br>

<ul><div class="navheader4">personen bak bloggen</a></div>

<div id="box">Her kan du skrive en liten tekst om hvem du er og hva din blogg handler om, eller så kan du skrive hva enn du vil. <br>

</ul>

<div id="box">

<ul><div class="navheader4">arkiv</a></div>

<tag:archivelist>

<li><a href="${ArchiveLink}">${ArchiveName}</a></li>

</tag:archivelist>

</ul></div>

<div id="box">

<div class="navheader4">kategorier</div>

<ul>

<tag:categorylist>

<li><a href="${CategoryLink}">${CategoryName}</a></li>

</tag:categorylist>

</ul>

<div class="navheader4">favoritter</div>

<ul>

<tag:linklist>

<li><a href="${LinkURL}" alt="LinkName">${LinkName}</a></li>

</tag:linklist>

</ul>

<br>

<ul><div class="navheader4">design av</a></div><a href="http://blogg.idafiskaa.com" target="_blank"><img src="http://i55.tinypic.com/vwuyqe.png" border="0" width="230"></a></div></div><br />

</body>

</html>

 

 

 

 

MALER - KATEGORI

3. Nå er det maler - Kategori. Design > Rediger > Maler > Kategori. Her må dere fjerne alt som står, og lime inn koden som står under: (for å kopiere koden: merk hele koden og deretter høyreklikk og trykk kopier)


 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html

xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>${BlogTitle} - ${PageTitle}</title>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<meta name="generator" content="${AppUrl}" />

<meta name="robots" content="index" />

<link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />

<script language="JavaScript" type="text/javascript" src="${AppUrl}public/js/script.js"></script>

<script language="JavaScript" type="text/javascript" src="${AppUrl}shared/js/script.js"></script>

</head>

<body>

<div id="wrapper">

<div id="header"><img src="http://i53.tinypic.com/200efls.png" border="0" width=1000"></a>

</div>

<div id="content">

<tag:entrylist limit="15">

<a name="a${EntryNum}" />

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

<div align="left"><div class="entrymeta2">

<b>Category:</b> <a href="${EntryCategoryLink}">${EntryCategoryName}</a> |

<b>Date: </b> ${EntryDate} | <b>Time:</b> ${EntryTime} |

<b>Comments:</b> <a href="${EntryPermaLink}#comment">${EntryCommentCount} </a><br /></div>

</div>

<div class="entrybody">${EntryBody}</div>

<div align="right">

<div class="navheader2">

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

<br /><br />

<tag:taglist title="Stikkord: ">

<a href="${TagURL}" rel="tag">${TagName}</a>

</tag:taglist>

</div>

<hr class="separator" />

</tag:entrylist>

</div><div id="side">

<div class="nav"><div class="nav">

<ul><div class="navheader6"><a href="LINK">om meg</a></div>

<div class="navheader6"><a href="LINK">forsiden</a></div><br>

<img src="http://i55.tinypic.com/2vsezr8.png" width="240"><br><br>

<ul><div class="navheader4">personen bak bloggen</a></div>

<div id="box">Her kan du skrive en liten tekst om hvem du er og hva din blogg handler om, eller så kan du skrive hva enn du vil. <br>

</ul>

<div id="box">

<ul><div class="navheader4">arkiv</a></div>

<tag:archivelist>

<li><a href="${ArchiveLink}">${ArchiveName}</a></li>

</tag:archivelist>

</ul></div>

<div id="box">

<div class="navheader4">kategorier</div>

<ul>

<tag:categorylist>

<li><a href="${CategoryLink}">${CategoryName}</a></li>

</tag:categorylist>

</ul>

<div class="navheader4">favoritter</div>

<ul>

<tag:linklist>

<li><a href="${LinkURL}" alt="LinkName">${LinkName}</a></li>

</tag:linklist>

</ul>

<br>

<ul><div class="navheader4">design av</a></div><a href="http://blogg.idafiskaa.com" target="_blank"><img src="http://i55.tinypic.com/vwuyqe.png" border="0" width="230"></a></div></div><br />

</body>

</html>

 

 

 

 

MALER - ARKIV

3. Nå er det maler - arkiv. Design > Rediger > Maler > Arkiv. Her må dere fjerne alt som står, og lime inn koden som står under: (for å kopiere koden: merk hele koden og deretter høyreklikk og trykk kopier)


 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html

xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>${BlogTitle} - ${PageTitle}</title>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<meta name="generator" content="${AppUrl}" />

<meta name="robots" content="index" />

<link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />

<script language="JavaScript" type="text/javascript" src="${AppUrl}public/js/script.js"></script>

<script language="JavaScript" type="text/javascript" src="${AppUrl}shared/js/script.js"></script>

</head>

<body>

<div id="wrapper">

<div id="header"><img src="http://i53.tinypic.com/200efls.png" border="0" width=1000"></a>

</div>

<div id="content">

<tag:entrylist limit="15">

<a name="a${EntryNum}" />

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

<div align="left"><div class="entrymeta2">

<b>Category:</b> <a href="${EntryCategoryLink}">${EntryCategoryName}</a> |

<b>Date: </b> ${EntryDate} | <b>Time:</b> ${EntryTime} |

<b>Comments:</b> <a href="${EntryPermaLink}#comment">${EntryCommentCount} </a><br /></div>

</div>

<div class="entrybody">${EntryBody}</div>

<div align="right">

<div class="navheader2">

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

<br /><br />

<tag:taglist title="Stikkord: ">

<a href="${TagURL}" rel="tag">${TagName}</a>

</tag:taglist>

</div>

<hr class="separator" />

</tag:entrylist>

</div>

<div id="side">

<div class="nav"><div class="nav">

<ul><div class="navheader6"><a href="LINK">om meg</a></div>

<div class="navheader6"><a href="LINK">forsiden</a></div><br>

<img src="http://i55.tinypic.com/2vsezr8.png" width="240"><br><br>

<ul><div class="navheader4">personen bak bloggen</a></div>

<div id="box">Her kan du skrive en liten tekst om hvem du er og hva din blogg handler om, eller så kan du skrive hva enn du vil. <br>

</ul>

<div id="box">

<ul><div class="navheader4">arkiv</a></div>

<tag:archivelist>

<li><a href="${ArchiveLink}">${ArchiveName}</a></li>

</tag:archivelist>

</ul></div>

<div id="box">

<div class="navheader4">kategorier</div>

<ul>

<tag:categorylist>

<li><a href="${CategoryLink}">${CategoryName}</a></li>

</tag:categorylist>

</ul>

<div class="navheader4">favoritter</div>

<ul>

<tag:linklist>

<li><a href="${LinkURL}" alt="LinkName">${LinkName}</a></li>

</tag:linklist>

</ul>

<br>

<ul><div class="navheader4">design av</a></div><a href="http://blogg.idafiskaa.com" target="_blank"><img src="http://i55.tinypic.com/vwuyqe.png" border="0" width="230"></a></div></div><br />

</body>

</html>

 

 

 

Når det gjelder hvordan dere kan skrive en liten tekst om dere selv i sidebaren, og endrer profilbilde, så kommer det en liten forklaring det på her:

 

1. Gå inn på Design > Rediger > Maler > Forside. Deretter  trykker cmd (mac) eller ctrl (pc) + f og skrive inn Personen bak bloggen, da vil den teksten bli markert i maler. Under der kan du forandre teksten inn i mellom <dov id="box"> og <br>, slik som vist her:



Så gjør du det samme på Maler > Innlegg, Kategori og Arkiv.

 

2. Rett over teksten om deg selv ser det slik ut:



Det du gjør for å bytte ut profilbilde er å fjerne teksten som dere ser er mellom de to røde streken på bildet over, og lime inn url koden til profilbildet du vil ha!

 

3. For å legge til link på eks. "om meg" må du fjerne det som står mellom " og " (vist på bildet med rødestreker), og like inn adresse koden til siden eks. du har skrevet om deg selv. Se bilde:


Har du lyst på en eller flere kopierer du bare denne koden <div class="navheader6"><a href="LINK">navn</a> og limer den under <br>, som du ser på bildet. Og deretter skriver du hva linken skal hete der det står "navn", og adressen til siden der det står "link". Dette gjør du også på design > maler > innlegg, kategorier og arkiv.

 

Hvordan man kan endre header kan dere lese her!

 

Si i fra om du bruker det da!




endring av header

Dette designet har bare en enkel header, som dere kan bytte ut. Nå skal jeg forklare hvordan dere gjør dette trinn for trinn.

 

1. Det første du gjør er å gå inn på Design > Rediger > Maler.

2. Trykk cmd (mac) eller ctrl (pc) + f og skriv inn <div id="header"> i den lille boksen som popper opp.

3. Nå blir teksten du skrev inn markert, og da skal du skifte ut koden som er rammet inne i en rød ramme på bildet under med url koden til din header, som du kan laste opp i eks. tinypic.com.




Det er viktig at " er med både foran og bak URL'n til headeren!

 

4. Deretter gjør du det samme i maler > innlegg, kategorier og arkiv. Når du har gjort det er det bare å trykke på lagre malen!




design blogg



Jeg tror kanskje mange av dere har blitt litt forvirret pga. denne bloggen her. Det er altså bare en blogg jeg har ved siden av mine egen blogg. Her lager jeg til design til de forskjellige bloggene som har bestillt design hos meg. å gjerne kommenter hva dere synest om designene.