Bakgrund på rubriken:D

Gör så här:)
1. ladda upp bilden som du vill använda som bakgrund:)
2. gå in i stilmallen
3. leta upp den här raden
/** Entry headers **/ h3 {
4. lägg in den här koden efter
/** Entry headers **/ h3 {

5. där det står "(adressen till din bakgrund)! ska du lägga in koden som du fick när du laddade upp bilder:)
6. om din bakgrundbild inte syns så får du lägga till det här efter den första koden

Sedan får du ändra om du vill ha den högre eller lägre genom att byta ut 20 px till det tal som du vill ha:)
Hoppas det funkade och att ni förstod:D
Kram, Amanda

Muspekaren blir ett kors vid mouseover:) (tidinställt)

hejsan! här kommer ett bloggdesign tips om hur man gör så att muspekaren blir ett kors vid mouseover:)

1. gå in i stilmallen:)
2. klistra in den här koden

så att det ser ut såhär:

a {color: #303030;text-decoration:none;} a:hover {color: #ffffff;text-decoration:none; cursor: crosshair;}

.h { color: #303030;text-decoration:none;} .h a:hover { color: #ffffff;text-decoration:none; cursor: crosshair;}

.nav a { color: #303030;text-decoration:none;} .nav a:hover { color: #ffffff;text-decoration:none; cursor: crosshair;}

.entrymeta a { color: #303030; text-decoration:none;} .entrymeta a:hover { color: #ffffff;text-decoration:none; cursor: crosshair;}
.commentmeta a { color: #393939; text-decoration:none;} .commentmeta a:hover { color: #ffffff;text-decoration:none; cursor: crosshair;}

Hoppas att ni förstod hur man gör:) kram Amanda

Snö i bloggen! (tidinställt)

Hej här kommer ett tips om hur man gör så att det regnar snö i bloggen:D

1. gå in i kodmallen:D
2. klistra in den här koden innan "/head"
tryck på Ctrl+a för att markera allt i rutan:) och sedan Ctrl+c för att kopiera!
sedan är det klart:D (glöm inte att spara:))
Ha det bra:)
Kram

SNURRANDE TEXT RUNT MUSPEKAREN

Hejsan:D  här kommer ett tips om hur man gör för att få snurrande text runt muspekaren:D
Det är ganska coolt men vissa kan tycka att det är jobbigt:)
men här kommer tipset iallafall:)

1- gå in på din kodmall
2. bläddra ner till </head>
3. kopiera den här koden, och lägg in den innan </head>:

4. kolla igenom koden och ändra det du vill:)
sedan är det klart<3
kram Amanda

Länkarna blir större vid mouseover

Här kommer ett tips om hur man gör så att länkarna ökar i storlek när man drar musen över dem.

1. Gå in på stilmallen

2. bläddra ner till
a {color: #303030;text-decoration:none;}
a:hover {color: #ffffff;text-decoration:none;}

3. klistra in den här koden i slutet av den koden


så att det ser ut såhär:

a {color: #303030;text-decoration:none;}
a:hover {color: #ffffff;text-decoration:none; font-size: 16px;}

3. sen så lägger du in den koden likadant efter

.h { color: #303030;text-decoration:none;}
.h a:hover { color: #ffffff;text-decoration:none; font-size: 16px;}

OCH

.nav a { color: #303030;text-decoration:none;}
.nav a:hover { color: #ffffff;text-decoration:none; font-size: 16px;}

OCH

.entrymeta a { color: #303030; text-decoration:none;}
.entrymeta a:hover { color: #ffffff;text-decoration:none; font-size: 16px;}

OCH


.commentmeta a { color: #393939; text-decoration:none;}
.commentmeta a:hover { color: #ffffff;text-decoration:none; font-size: 16px;}

sedan kan du ändra det här om du vill:
font-size: 16px
16px är själva storleken, så om du tar lägre så blir det mindre och om du tar högre så blir det större:)
Ändra till vilken storlek du vill ha!

Sen är det bara att spara:)
Kolla sedan så att allt stämmer:D
Kram
Amanda

Hur man tar bort menyn (navheader)

Hejsan allihopa här kommer ett tips om hur man tar bort sin meny (navheader)
1. Gå in på design, kodmallar.
2. bläddra ner till div id="side"
3. Ta bort det hela det här stycket från kodmallen:

<div id="side"> <div id="profile"> <tag:profile> <tag:if test="${ProfileExists == 'true'}"> <h4>Om</h4> <a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}" mce_href="/2398635/entries/article/132385172/${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><img class="thumbnail" src="${AppUrl}shared/img/profiles/${ProfileImage}" mce_src="/2398635/entries/article/132385172/${AppUrl}shared/img/profiles/${ProfileImage}" alt="Min profilbild" /></a> <p><a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}" mce_href="/2398635/entries/article/132385172/${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><span style="font-weight:bold" mce_style="font-weight:bold"> ${ProfileName}</span></a></p> </tag:if> </tag:profile> </div> <div class="nav"> <div class="navheader">Sök i bloggen</div> <form action="${AppUrl}index.bd?fa=search.do" name="search" method="post"> <input type="hidden" name="bl_id" value="${BlogID}" /> <input type="text" name="criteria" value="" size="12" maxlength="64" /> <input type="submit" value="Sök" /> </form> <div class="navheader">Senaste inläggen</div> <ul> <tag:recentlist limit="20"> <li><a href="${EntryPermaLink}" mce_href="/2398635/entries/article/132385172/${EntryPermaLink}">${EntryTitle}</a></li> </tag:recentlist> </ul> <div class="navheader">Kategorier</div> <ul> <tag:categorylist> <li><a href="${CategoryLink}" mce_href="/2398635/entries/article/132385172/${CategoryLink}">${CategoryName}</a></li> </tag:categorylist> </ul> <div class="navheader">Arkiv</div> <ul> <tag:archivelist> <li><a href="${ArchiveLink}" mce_href="/2398635/entries/article/132385172/${ArchiveLink}">${ArchiveName}</a></li> </tag:archivelist> </ul> <tag:if test="${hasLinks == 'true'}"> <div class="navheader">Länkar</div> <ul> <tag:linklist> <li><a href="${LinkURL}" mce_href="/2398635/entries/article/132385172/${LinkURL}" title="${LinkDescription}">${LinkName}</a></li> </tag:linklist> </ul> </tag:if> <tag:if test="${hasBooks == 'true'}"> <div class="navheader">Böcker</div> <ul> <tag:booklist> <li><a href="${BookUrl}" mce_href="/2398635/entries/article/132385172/${BookUrl}"><img class="thumbnail" src="${BookImageSmall}" mce_src="/2398635/entries/article/132385172/${BookImageSmall}" border="0" alt="${BookTitle}" title="${BookTitle}" /></a><br /><a href="${BookUrl}" mce_href="/2398635/entries/article/132385172/${BookUrl}">${BookTitle}</a></li> </tag:booklist> </ul> </tag:if> <tag:if test="${hasMusic == 'true'}"> <div class="navheader">Musik</div> <ul> <tag:musiclist> <li><a href="${MusicUrl}" mce_href="/2398635/entries/article/132385172/${MusicUrl}"><img class="thumbnail" src="${MusicImageSmall}" mce_src="/2398635/entries/article/132385172/${MusicImageSmall}" border="0" alt="${MusicTitle}" title="${MusicTitle}" /></a><br /><a href="${MusicUrl}" mce_href="/2398635/entries/article/132385172/${MusicUrl}">${MusicTitle}</a></li> </tag:musiclist> </ul> </tag:if> <tag:if test="${hasMovies == 'true'}"> <div class="navheader">Filmer</div> <ul> <tag:movielist> <li><a href="${MovieUrl}" mce_href="/2398635/entries/article/132385172/${MovieUrl}"><img class="thumbnail" src="${MovieImageSmall}" mce_src="/2398635/entries/article/132385172/${MovieImageSmall}" border="0" alt="${MovieTitle}" title="${MovieTitle}" /></a><br /><a href="${MovieUrl}" mce_href="/2398635/entries/article/132385172/${MovieUrl}">${MovieTitle}</a></li> </tag:movielist> </ul> </tag:if> </div> <div class="subside"> <a href="index.rss" mce_href="/2398635/entries/article/132385172/index.rss" title="RSS"><img src="http://static.blogg.se/img/rss.gif" mce_src="http://static.blogg.se/img/rss.gif" border="0" alt="RSS 2.0" /></a> </div> </div> </div> <img src="http://stats.blogg.se/?id=${BlogID}" mce_src="http://stats.blogg.se/?id=${BlogID}" border="0" width="0" height="0" alt="" />
Sedan är det klart
hoppas ni förstod, kommentera ifall något blev tokigt!
Kram Amanda

Högerklicks skydd med popup meddelande

Här kommer ett tips om hur man gör så att man har högerklicks skydd med ett popup meddelande:)
Som jag har på min blogg:D (ifall du högerklickar på min blogg vet du vad det är)
Men här kommer iallafall koden


(markera allt och tryck Ctrl+c för att kopiera)
Klistra in koden innan "head"
Leta sedan upp kodraden som ser ut så här:
var msg_box =”Copyright©”;
Byt ut texten Copyright© till din egen text!
Men var noga med att inte ta bort de här " tecknena!
Hoppas ni förstod:D
Kram Amanda



Ta bort bloggnamnet från headern

Hej här kommer ett bloggtips om hur man tar bort bloggnamnet från headern:D
Det brukar ju vara så att det står ditt bloggnamn uppe vid headern men man kanske inte vill att det ska vara där, men iallafall så här gör du för att ta bort det!

1. Gå in på kodmallen.
bläddra ner tills du kommer till "div id="header".
2. efter "div id="header" så finns det ett stycke som ser ut såhär
<---- Ta bort det!
Och sen är det klart:)

Kolla in:
http://millahoman.blogg.se/
http://www.ridewithstyle.se/hem.html?XBLG18005=1c7ef1082edf696d225e8585abb4bc80

Ram runt bloggen

Hej här kommer ett tips om hur man gör en ram runt bloggen

Klistra in den här koden längst ner i #wrapper kategorin

så att det ser ut såhär:
#wrapper {
clear:none;
margin: 30px auto;
padding: 20px;
width: 850px;
background-color: #FFFFFF;
border: 2px solid #000000;
}

Kolla in:
http://millahoman.blogg.se/
http://www.ridewithstyle.se/hem.html?XBLG18005=1c7ef1082edf696d225e8585abb4bc80

Nu kan du ändra det här om du vill:
2px= hur tjock ramen är
Hoppas ni gillade tipset:)
Kram, Amandiz

Högerklicks skydd

hej här kommer ett tips om hur man skaffar högerklicks skydd på sin blogg:D
Klistra in det här istället för "body" i din kodmall:

För att kopiera markera allt i rutan och tryck på Ctrl+c

Hoppas ni gillade tipsen:)
Kraam, Amanda

Flytta menyn

Här kommer ett tips om hur man flyttar menyn (navheader) längre upp/ner.

1.Gå in på stilmallen
2.Bläddra ner till #side, Lägg in den här koden längst ner i #side kategorien.
Så att det ser ut såhär:
#side {
float: left;
width: 230px;
margin: 0px;
padding: 24px 18px 0px 12px;
left:-30px;
border-right-width: 3px;
border-right-style: solid;
border-right-color: #FFFFFF;
margin-top: -220px;
}





så är det bara att pröva sig fram
P.S. Ju högre minus tal man tar ju längre upp hamnar menyn. om du tar 0 så hamnar menyn där den ska. Om man tar plus så hamnar den längre ner än den ska.

Hoppas att ni förstod
Kram, Amanda

Hur man gör en dropdown-meny

Hejsan allihopa:D här kommer ett tips om hur man gör en dropdown-meny!

Lägg in den här koden längst ner i STILMALLEN
Det här är koden där man ändrar hur själva dropdown-menyn ser ut.






Nu kommer en till kod som du ska sätta i KODMALLEN. Sätt den efter
div id="header"

Det här kan va det krångliga. Ni får helt enkelt klura med kodmallskoden för att få de "överkategorierna" som ni vill:)





Ifall det var för svårt att göra egna överkategorier så har jag gjort en färdig dropdown-meny åt er. Den här koden klistrar du in ifall du vill ha en vanlig dropdown med: Startsidan, senaste inläggen, kategorier, arkiv och länkar. klistra in den istället för den första kodmallskoden






För att positionera dropdown-menyn så använder du den här koden

Den här koden sätter du in innan dropdown-koden i kodmallen och sen så klistrar du in dropdown koden där det står "Din dropdown kod här!"
Du positionerar dropdownen genom att ändra på "left:" och "top:" Pröva dig fram!








Den här koden använder du ifall du vill ha en till "överkategori"




Hoppas att ni gillade bloggdesign tipset:) Kommentera om det inte funkar, men det borde det eftersom att jag använde de här koderna till min blogg!
Ha det bra
Kram Amanda

RSS 2.0