• Forside
  • TheHibi
  • Design
  • Bestille design
  • Spørsmål



  • Html-hjelp
  • Kontakt
  • Forside
  • Forside
  • BlogLovin'
  • Maler for forside og innlegg - type 1


    Her er forklaringene på malene for stilsettet du har kommet hit gjennom.



    1. Vi endrer din blogg's forside - HTML.


    Gå videre til der det står maler.
    kom frem til maler


    Her står det også veldig mye - ta alt bort, og erstatt med dette:

    <!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" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>${BlogTitle} - ${BlogDescription}</title>
    <meta name="description" content="${BlogDescription}" />
    <script type="text/javascript">var domainName = ".${AppDomain}";</script>
    <script type="text/javascript" src="http://static.blogg.no/blogs/script.js"></script>
    <link rel="alternate" href="http://feeds.blogg.no/${BlogId}/post.rss" title="Siste innlegg" type="application/rss+xml" />
    <link rel="stylesheet" href="http://design.blogg.no/builder/screen.css" type="text/css" />
    <link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />
    <link rel="shortcut icon" href="http://static.blogg.no/blogs/favicon.gif" type="image/gif" />
    </head>
    <body class="front">
    <div id="doc2">
    <div id="header">
    <h6>DIN BLOGGS NAVN</h6>
    </div>
    <div id="wrapper" class="yui-gc">
    <div id="main" class="yui-u first">
    <tag:entrylist limit="30">
    <div class="entry">
    <h2>
    <a href="${EntryPermaLink}">${EntryTitle}</a>
    </h2>
    <div class="meta">
    <ul>
    <li>${EntryDate} kl.${EntryTime} i
    <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>
    <li>
    <tag:if test="${EntryCommentCount == 0}">
    <a href="${EntryPermaLink}#comment">Ingen kommentarer</a>
    <tag:elseif test="${EntryCommentCount == 1}" />
    <a href="${EntryPermaLink}#comment">Én kommentar</a>
    <tag:else />
    <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>
    </tag:if>
    </li>
    </ul>
    </div>
    <div class="content">${EntryBody}</div>
    <div class="meta">
    <ul>
    <li>${EntryDate} kl.${EntryTime} i
    <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>
    <li>
    <tag:if test="${EntryCommentCount == 0}">
    <a href="${EntryPermaLink}#comment">Ingen kommentarer</a>
    <tag:elseif test="${EntryCommentCount == 1}" />
    <a href="${EntryPermaLink}#comment">Én kommentar</a>
    <tag:else />
    <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>
    </tag:if>
    </li>
    <li>
    <a href="${EntryPermaLink}">Permalenke</a>
    </li>
    <li class="share">
    <a href="http://share.blogg.no/share?url=${EntryPermaLink}&amp;title=${EntryTitle}">Tips en venn</a>
    </li>
    </ul>
    <tag:if test="${EntryHasTags == 'true'}">
    <div class="tags">Stikkord:
    <ul><tag:taglist><li><a href="${TagURL}">${TagName}</a></li></tag:taglist></ul></div>
    </tag:if>
    </div>
    </div>
    </tag:entrylist>
    <div>Les mer i arkivet
    <tag:archivelist limit="3"> »
    <a href="${ArchiveLink}">${ArchiveName}</a></tag:archivelist></div>
    </div>
    <div id="side" class="yui-u">
    <h2><a href="http://blogg.no/">Blogg.no</a></h2>
    <h2><a href="${BlogUrl}">Forside</a></h2>
    <div>
    <h3>Kategorier</h3>
    <ul>
    <tag:categorylist>
    <li>
    <a href="${CategoryLink}">${CategoryName}</a>
    </li>
    </tag:categorylist>
    </ul>
    </div>
    <div>
    <h3>Arkiv</h3>
    <ul>
    <tag:archivelist>
    <li>
    <a href="${ArchiveLink}">${ArchiveName}</a>
    </li>
    </tag:archivelist>
    </ul>
    </div>
    <div>
    <h3>Siste innlegg</h3>
    <ul>
    <tag:recentlist limit="10">
    <li>
    <a href="${EntryPermaLink}">${EntryTitle}</a>
    </li>
    </tag:recentlist>
    </ul>
    </div>
    <div>
    <h3>Siste kommentarer</h3>
    <ul>
    <tag:commentlist global="true" limit="10" sort="desc">
    <li>${CommentAuthorLinkIf} om ${CommentArticleLink}</li>
    </tag:commentlist>
    </ul>
    </div>
    <tag:if test="${HasLinks == 'true'}">
    <div>
    <h3>Lenker</h3>
    <ul>
    <tag:linklist>
    <li>
    <a href="${LinkURL}">${LinkName}</a>
    </li>
    </tag:linklist>
    </ul>
    </div>
    </tag:if>
    <tag:if test="${HasProducts == 'true'}">
    <div>
    <h3>Jeg anbefaler</h3>
    <ul>
    <tag:productlist>
    <li class="clearfix"><a href="${ProductUrl}"><img class="asin" align="left" src="http://i.blogg.no/50x50/${ProductImage}" alt="${ProductTitle}" /></a><strong><a href="${ProductUrl}">${ProductTitle}</a></strong>${ProductComment}</li>
    </tag:productlist>
    </ul>
    </div>
    </tag:if>
    </div>
    </div>
    <div id="footer" class="yui-gb">
    <div class="yui-u first">
    <tag:profile><a href="http://blogg.no/">blogg.no</a> leverer teknologien bak <a href="${BlogUrl}">${BlogTitle}</a>. Bloggen
    <tag:if test="${ProfileExists == 'true'}">skrives av ©
    <a href="${ProfileUrl}">${ProfileName}</a> og </tag:if> er underlagt
    <a href="http://www.lovdata.no/all/nl-19610512-002.html">Lov om opphavsrett til åndsverk</a>. Det betyr at du ikke kan kopiere tekst, bilder eller annet innhold uten tillatelse. Forfatter
    er selv ansvarlig for innhold. Henvendelser kan rettes til
    <a href="mailto:hjelp@blogg.no">hjelp@blogg.no</a>.</tag:profile>
    </div>
    <div class="yui-u">
    <h4>Arkiv</h4>
    <ul>
    <tag:archivelist limit="5">
    <li>
    <a href="${ArchiveLink}">${ArchiveName}</a>
    </li>
    </tag:archivelist>
    </ul>
    </div>
    <div class="yui-u">
    <p>Denne tjenesten er levert av blogg.no. Hos oss finner du:</p>
    <ul>
    <li><a href="http://blogg.no">blogg.no</a> - Få din egen blogg, helt gratis.</li>
    <li><a href="http://thehibi.blogg.no">TheHibi.blogg.no</a> - TheHibi står bak designet på denne bloggen.</li>
    <li><a href="http://bloggrevyen.no">bloggrevyen</a> - Oversikt over nye norske blogginnlegg.</li>
    <li><a href="http://miniblogg.no">miniblogg</a> - Kjapp blogging i miniformat.</li>
    <li><a href="http://bloggblogg.no">bloggblogg</a> - Her blogger vi selv om stort og smått.</li>
    <li><a href="http://forum.blogg.no/">forum</a> - Tips, råd og hjelp om blogging og design.</li>
    </ul>
    </div>
    </div>
    </div>
    </body>
    </html>

    Lagre!
    Trykk deretter Ctrl+F og skriv inn DIN BLOGGS NAVN. Dette erstatter du med det du vil ha skrevet i headeren din, for eksempel navnet på bloggen din. Pass på at det ikke blir for langt. Lagre igjen! Forhåndsviser du nå, ser du hvordan designet blir på bloggen din.




    2. Vi endrer din bloggs innleggsside.

    Vi klikker oss videre til innlegg.
    til innlegg


    Ta bort alt som står i ruten, og erstatt med dette:

    <!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" xmlns:tag="http://blogg.no/ns/tag" xml:lang="no" lang="no">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>${EntryTitle} (${BlogTitle})</title>
    <meta name="description" content="${BlogDescription}" />
    <script type="text/javascript">var domainName = ".${AppDomain}";</script>
    <script type="text/javascript" src="http://static.blogg.no/blogs/script.js"></script>
    <link rel="alternate" href="http://feeds.blogg.no/${BlogId}/post.rss" title="Siste innlegg" type="application/rss+xml" />
    <link rel="alternate" href="http://feeds.blogg.no/${BlogId}/comment/${EntryID}.rss" title="Kommentarer til dette inlegget" type="application/rss+xml" />
    <link rel="stylesheet" href="http://design.blogg.no/builder/screen.css" type="text/css" />
    <link rel="stylesheet" href="${BlogUrl}style.css" type="text/css" />
    <link rel="shortcut icon" href="http://static.blogg.no/blogs/favicon.gif" type="image/gif" />
    </head>
    <body>
    <div id="doc2">
    <div id="header" onclick="document.location='${BlogUrl}';">
    <h1>
    <h6>DIN BLOGGS NAVN</h6>
    </h1>
    <p>${BlogDescription}</p>
    </div>
    <div id="wrapper" class="yui-gc">
    <div id="main" class="yui-u first">
    <tag:entry>
    <div class="entry">
    <a name="a${EntryNum}" id="a${EntryNum}"></a>
    <h2>${EntryTitle}</h2>
    <div class="meta">
    <ul>
    <li>${EntryDate} kl.${EntryTime} i
    <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>
    <li>
    <tag:if test="${EntryCommentCount == 0}">
    <a href="${EntryPermaLink}#comment">Ingen kommentarer</a>
    <tag:elseif test="${EntryCommentCount == 1}" />
    <a href="${EntryPermaLink}#comment">Én kommentar</a>
    <tag:else />
    <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>
    </tag:if>
    </li>
    </ul>
    </div>
    <div class="content">${EntryBody}</div>
    <div class="meta">
    <ul>
    <li>${EntryDate} kl.${EntryTime} i
    <a href="${EntryCategoryLink}">${EntryCategoryName}</a></li>
    <li>
    <tag:if test="${EntryCommentCount == 0}">
    <a href="${EntryPermaLink}#comment">Ingen kommentarer</a>
    <tag:elseif test="${EntryCommentCount == 1}" />
    <a href="${EntryPermaLink}#comment">Én kommentar</a>
    <tag:else />
    <a href="${EntryPermaLink}#comment">${EntryCommentCount} kommentarer</a>
    </tag:if>
    </li>
    <li>
    <a href="${EntryPermaLink}">Permalenke</a>
    </li>
    <li class="share">
    <a href="http://share.blogg.no/share?url=${EntryPermaLink}&amp;title=${EntryTitle}">Tips en venn</a>
    </li>
    </ul>
    <tag:if test="${EntryHasTags == 'true'}">
    <div class="tags">Stikkord:
    <ul><tag:taglist><li><a href="${TagURL}">${TagName}</a></li></tag:taglist></ul></div>
    </tag:if>
    <tag:include module="postentry"></tag:include>
    </div>
    </div>
    </tag:entry>
    <tag:if test="${Comments == 1}">
    <a name="comment" id="comment"></a>
    <h3>
    <tag:if test="${EntryCommentCount == 0}">Ingen kommentarer
    <tag:elseif test="${EntryCommentCount == 1}" />Én kommentar
    <tag:else />${EntryCommentCount} kommentarer</tag:if>
    </h3>
    <div id="comments">
    <tag:commentlist>
    <div class="comment ${CommentClass}">
    <div class="meta">
    <tag:if test="${CommentProfileUrl != ''}">
    <a href="${CommentProfileUrl}">
    <img class="avatar" src="http://i.blogg.no/50x50/${CommentProfileImageUrl}" alt="" />
    </a>
    <tag:else />
    <tag:if test="${CommentAuthorUrl != ''}">
    <a rel="nofollow" href="${CommentAuthorUrl}">
    <img class="avatar" src="http://i.blogg.no/50x50/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=50" alt="" />
    </a>
    <tag:else />
    <img class="avatar" src="http://i.blogg.no/50x50/http://www.gravatar.com/avatar.php?gravatar_id=${CommentAuthorEmailHash}&amp;default=http%3A%2F%2Fstatic.blogg.no%2Fblogs%2Favatar.png&amp;size=50" alt="" />
    </tag:if>
    </tag:if>
    <h4>${CommentAuthorLinkIf}</h4>
    <p>${CommentDate} kl.${CommentTime}</p>
    </div>
    <div class="content">${CommentText}</div>
    </div>
    </tag:commentlist>
    </div>
    <div id="newcomment" class="clearfix">
    <h3>Skriv en ny kommentar</h3>
    <form action="${AppUrl}index.bd?fa=comment.insert" id="commentform" method="post" onsubmit="doSubmit(this)">
    <div id="comment_author_wrapper">
    <label for="comment_author">Navn:</label>
    <input id="comment_author" type="text" name="author" onchange="doChange(this)" value="" maxlength="100" />
    </div>
    <div id="comment_authoremail_wrapper">
    <label for="comment_authoremail">E-post:</label>
    <input id="comment_authoremail" type="text" name="authoremail" onchange="doChange(this)" value="" maxlength="100" />
    </div>
    <div id="comment_authorurl_wrapper">
    <label for="comment_authorurl">URL:</label>
    <input id="comment_authorurl" type="text" name="authorurl" onchange="doChange(this)" value="http://" maxlength="100" />
    </div>
    <div id="comment_text_wrapper">
    <label for="comment_text">Din kommentar:</label>
    <textarea id="comment_text" name="comment" onchange="doChange(this);" cols="40" rows="10"></textarea>
    </div>
    <div id="comment_submit_wrapper">
    <input type="hidden" name="commentid" value="${CommentID}" />
    <input id="comment_submit" class="submit" type="submit" name="submit" value="Send kommentar" />
    </div>
    <div id="comment_remember_wrapper">
    <input id="comment_remember" name="comment_remember" onclick="doCheck(this)" type="checkbox" value="1" />
    <label for="comment_remember">Husk meg ?</label>
    </div>
    </form>
    </div>
    </tag:if>
    </div>
    <div id="side" class="yui-u">
    <h2><a href="http://blogg.no/">Blogg.no</a></h2>
    <h2><a href="${BlogUrl}">Forside</a></h2>
    <div>
    <h3>Kategorier</h3>
    <ul>
    <tag:categorylist>
    <li>
    <a href="${CategoryLink}">${CategoryName}</a>
    </li>
    </tag:categorylist>
    </ul>
    </div>
    <div>
    <h3>Arkiv</h3>
    <ul>
    <tag:archivelist>
    <li>
    <a href="${ArchiveLink}">${ArchiveName}</a>
    </li>
    </tag:archivelist>
    </ul>
    </div>
    </div>
    </div>
    <div id="footer" class="yui-gb">
    <div class="yui-u first">
    <tag:profile><a href="http://blogg.no/">blogg.no</a> leverer teknologien bak <a href="${BlogUrl}">${BlogTitle}</a>. Bloggen
    <tag:if test="${ProfileExists == 'true'}">skrives av ©
    <a href="${ProfileUrl}">${ProfileName}</a> og </tag:if> er underlagt
    <a href="http://www.lovdata.no/all/nl-19610512-002.html">Lov om opphavsrett til åndsverk</a>. Det betyr at du ikke kan kopiere tekst, bilder eller annet innhold uten tillatelse. Forfatter
    er selv ansvarlig for innhold. Henvendelser kan rettes til
    <a href="mailto:hjelp@blogg.no">hjelp@blogg.no</a>.</tag:profile>
    </div>
    <div class="yui-u">
    <h4>Arkiv</h4>
    <ul>
    <tag:archivelist limit="5">
    <li>
    <a href="${ArchiveLink}">${ArchiveName}</a>
    </li>
    </tag:archivelist>
    </ul>
    </div>
    <div class="yui-u">
    <p>Denne tjenesten er levert av blogg.no. Hos oss finner du:</p>
    <ul>
    <li><a href="http://blogg.no">blogg.no</a> - Få din egen blogg, helt gratis.</li>
    <li><a href="http://thehibi.blogg.no">TheHibi.blogg.no</a> - TheHibi står bak designet på denne bloggen.</li>
    <li><a href="http://bloggrevyen.no">bloggrevyen</a> - Oversikt over nye norske blogginnlegg.</li>
    <li><a href="http://miniblogg.no">miniblogg</a> - Kjapp blogging i miniformat.</li>
    <li><a href="http://bloggblogg.no">bloggblogg</a> - Her blogger vi selv om stort og smått.</li>
    <li><a href="http://forum.blogg.no/">forum</a> - Tips, råd og hjelp om blogging og design.</li>
    </ul>
    </div>
    </div>
    </div>
    </body>
    </html>

    Lagre!
    Trykk deretter Ctrl+F og skriv inn DIN BLOGGS NAVN. Dette erstatter du med det du vil ha skrevet i headeren din, for eksempel navnet på bloggen din. Pass på at det ikke blir for langt. Lagre igjen! Forhåndsviser du nå, ser du hvordan designet blir i innleggene på bloggen din.





    Malene for kategori og arkivsidene finner du her - fortsettelse.


    - du finner flere design ved å klikke her, eller se i menyen under Ferdigdesign!

    13 kommentarer

    Silje

    31.01.2010 | kl.23:46 | URL: http://www.SiljeHasund.blogg.no

    Det står at det er en eller flere feil i kodene til innleggssidene når jeg limer de inn? :)

    Kristine

    02.02.2010 | kl.22:34 | URL: http://kristinefh.blogg.no

    Når jeg gjør dette kommer det opp; Finner ikke teksten.

    plis, kan du rette opp i dette ?! :)

    Dina <33

    09.02.2010 | kl.17:32 | URL: http://theunique-blogg.no

    Takk for hjelpen :) Det gikk strålende ;-)

    Dina <33

    09.02.2010 | kl.17:52 | URL: http://theunique-blogg.no

    Det GIKK strålende bortsett fra at når jeg trykker på CTRL OG F så kommer det opp en søkemotor øverst! Skal jeg skrive navnet inn der?

    Julia

    22.05.2010 | kl.17:32 | URL:

    Takk jeg hadde myste alt og så gikk jeg inn på google og fant dette og nå har jeg mye bedre enn før også jeg er så glad for det :)

    Takk og lov for at du tok det ut eller's hadde det ikke stått noen ting på bloggen min

    Eno <33

    21.07.2010 | kl.11:36 | URL: http://enome.blogg.no

    Nå fikk jeg nesten alt til, men på inleggsmalen så kommer ikke det jeg har skrevet på headeren opp

    Ellen

    30.07.2010 | kl.13:43 | URL: http://ellew.blogg.no

    Jeg har samme problem dom Eno <33

    Marta

    14.11.2010 | kl.21:24 | URL: http://fothermucker.blogg.no

    Kan jeg spørre deg hvordan du får de scrollboxene til? Jeg har prøvd flere forskjellige måter, men så langt er det bare en kode som fungerer å bruke, uten at HTML'en blir aktivert. Problemet me den var at den brukte , så når jeg limte inn koden for innlegg ble den brutt av med koden for kommentarfeltet. Jeg er så frustret >.<
    Jeg får ikke til dette jeg, prøver og skrive det inn. Men ingenting endrer seg. Akkurat begynt og blogge så skjønner ikke så mye av dette enda :p

    Dina!

    10.09.2011 | kl.10:50 | URL: http://minidenstore.blogg.no

    Tuuuusen Takk <3

    Dyvaske

    25.12.2011 | kl.23:00 | URL: http://dyvaske.blogg.no/

    HVOR FÅR DU KODENE FRA! HVORDAN LAGER MAN EGENE

    JapanCupcake

    10.02.2012 | kl.22:49 | URL: http://lunathemagican.blogg.no

    hjalp inte, *sukk*

    Anne-Marte

    06.10.2012 | kl.10:05 | URL: http://annemhol.blogg.no

    hvordan får jeg sånn ukas blogg på forsiden?? pliiis hjelp meg!!
    Hjeeeelp... prøver å gjøre som du skriver, men det går ikke.

    Det som skjedde var at profilbildet mitt og beskrivelsen forsvant, og nå står det 'DITT BLOGGNAVN' øverst på siden. :-/

    What to do?!

    Skriv en ny kommentar


    - Skal du spørre om noe angående noe i en guid, ta gjerne en titt på Spørsmålssiden min først! Er spørsmålet du skal stille spurt mange ganger før, finner du nok svaret der :)


    Interiørblogger
      Blogger du om interiør eller smarte tips og triks i hjemmet? Da har du muligheten til å bli linket til herfra! Skriv en liten hilsen her og du er med i vurderingen!
    INFO

    TheHibi


      Her på bloggen utfolder jeg meg kreativt i håp om å bli en bedre designer, fotograf, tekstforfatter og Photoshop-bruker. Jeg har rukket å bli nesten 21 år gammel, og studerer for tiden eiendomsmegling. Bloggingen har en tendens til å skje litt i rykk og napp, so stay tuned -

      Merk deg at jeg driver denne bloggen med det prinsippet at jeg skal være en hjelp til selvhjelp. Les gjerne guiden flere ganger før du spør, det er vanskelig for meg å svare alle personlig, som får den konsekvensen at det ikke kommer nye guider.

    TheHibi på bloglovin

    Blogglisten
    OBS!
      Kommentarer du vil ha svar på av meg, bør kommenteres her på min blogg. Jeg har ikke kapasitet til å jakte rundt etter kommentarer som er til meg, på andre blogger. Beklager
    Arkiv
    hits