Ändra header på bloggen
Vill du veta hur man ändrar headern på din blogg?
"Header" kan variera i definition i stor utrsträckning när det gäller webdesign. Till exempel kan en header vara den del är HTML-koden där du stoppar in dina META-taggar. Men vad många refererar till just när de menar att de vill ändra "Header" på bloggen är att de egentligen vill ändra den del av bloggen längst upp där det oftast är en anpassad bild till bloggen, också kallad logotyp.
Självklart finns det ingen enad/universal metod för hur du gör detta men det finns vissa saker som kan vara nödvändiga att veta. Om du har läst på lite om CSS eller HTML ska det inte vara några problem med att ändra din header på bloggen. Men har du problem ändå eller bara inte orkar lära dig HTML/CSS, tur för dig att denna guide finns. Denna guide gäller då Blogg.se för att de har sån otymplig bloggtjänst.
Steg 1 - Vart i koden kan vi hitta din header så att vi kan ändra den?
Gå in till framsidan till din blogg. Högerklicka nånstans på din blogg och beroende på vilken webbläsare eller språk du har så kan det variera mellan "View Page Source", "View Source" eller "Visa källkod", tryck iaf där.
Här är din header
Här är din källkod
Nu ska vi hitta din header i koden
Här är inte den header vi letar efter
Längre ner hittade vi några bättre kandidater
Nu när vi har hittat ungefär vad headertaggen heter så kan vi gå och leta i stilmallen efter dessa taggar och se vilken som är troligast att vara din header.
Bläddrar man lite i Stilmallen hittar man en headerWrap som ser intressant ut, den har en bild som bakgrundsbild. Ändra URL:en där till en egen bild som du lagt upp nånstans så har du ändrat din header
Lycka till! Glöm inte att ställa frågor i forumet om ni stöter på problem.
Kommentarer
Om ni behöver hjälp ;)
Hej!
Jag gör gratis designer om nån behöver hjälp kontakta mig blogghelp@hotmail.se så hör jag av mig !
kram // Felicia
hjälp mejj, snälla! :)
Hejj!
Jag behöver verkligen hjälp med en header, jag fattar NOOLLL
hhur man gör en header..
hjälp mejj, snälla! :)
Hejj!
Jag behöver verkligen hjälp med en header, jag fattar NOOLLL
hhur man gör en header..
Hej! jag skulle kunna hjälpa
Hej!
jag skulle kunna hjälpa dig om du vill!
kontakta blogghelp@hotmail.se så hör jag av mig :)
fattar inte så mycket som ett
fattar inte så mycket som ett skit. Allting der ju likadant ut. Ger upp efter en och en halv timmes försök. Livet känns hårt just nu
Fel ord... >.<
Hejs!
Jag har klickat mig in och det står inte som du skriver att det ska stå, fast ganska så likt men... aja. det står så här istället:
<div id="wrapper">
<div id="header">
Funkar det lika bra???
// En som är lite för mycket försiktig! XD
Det funkar inte!
Nej, det funkar inte för mig!
Hittar inte headWrap och det andra... har testat på några andra ställen men ne..
HJÄLP!?
Hjälp
När jag högerklickar så står det inte visa källkod.Hur ska jag göra då?
//En som inte kan ändra sin header
Det kan stå visa sidkälla
Det kan stå visa sidkälla också ;)
DET GÅR INTE!
Hej, jag har använt en av era mallar och nu vill jag sätta in en header, men det går inte. jag har laddat upp bilden på tinypic och kopierat url:n och klistrat in den där jag trodde den skulle vara, på flera ställen, men den dyker inte upp. Jag har Colourise som mall och det enda som ändras är att all färg i bakgrunden försvinner. Vad gör jag för fel och vad kan jag göra åt det?
Tack på förhand!
Hjälp, det händer så för mig också.
Emelie, så händer det för mig också. Det blir bara vitt i bakgrunden! Jag undrar också vad som blir fel. Jag använder också tinypic.com och det krånglar så att man inte kan lägga till bild i bakgrunden utan att allt blir vitt :S
Hjälp! Och tack på förhand!
lägga till header?
hejhej! undrar om det räcker med att lägga in bilden på arkiv innan man kan använda den som header?
och om inte jag hittar de där headerWrap, hur gör jag då? :)
VILKEN AV DOM, ÄNDRAR HEADER BAKGRUNDEN?
html,body,h1,h2,h3,h4,h5,h6,p,dl,dd,dt,ul,li,img,table,caption,tr,th,td,tt,span,fieldset,legend, form { margin: 0; padding: 0; border: 0; }
input, select, textarea { margin: 0; padding: 0; }
/*
* play around with these to change settings on your blog!
*/
/* link colors */
a {
color: #8B4513;
}
a:hover {
color: #FFD700;
}
/* font & border */
body {
font: 12px/16px 'Lucida Grande', Arial, Sans-serif;
border-top: 5px solid #A0522D;
}
h1,h3,h4,h5,h6, div.navheader, div.default {
font-family: 'Mv Boli', Georgia, Serif;
color: #4F4F4F;
}
div#side h3 div.navheader {
color: #000000;
}
/*
* do not alter these if you don't know what you're doing
*/
body {
background: url(http://fc05.deviantart.net/fs49/f/2009/201/1/6/Abstract_grunge_wallpaper...);
}
div#wrapper {
margin: 0 auto 20px auto;
width: 750px;
}
div#header {
float: left;
clear: left;
display: inline;
padding: 0 20px 20px 20px;
border-bottom: 1px solid #8B4513;
width: 710px;
}
div#content {
float: left;
clear: left;
display: inline;
padding: 0 20px 20px 20px;
width: 540px;
}
div#side {
width: 150px;
padding: 0 20px 0 0;
float: right;
display: inline;
}
div#side div.navheader, div#side h4, div.default {
padding: 20px 0 5px 0;
font-size: 16px;
font-weight: normal;
}
/* hide calender - doesn't work anyway */
div#side div#calendar {
display: none;
}
div#header h1 {
font-size: 45px;
letter-spacing: -2px;
font-weight: bold;
margin: 50px 0 15px 0;
}
div#header h1 a {
text-decoration: none;
color: #FFD700;
cursor: default;
}
div#header h2 {
font-size: 10px;
margin-left: 15px;
color: #666;
}
div#content h3 {
font-size: 24px;
font-weight: normal;
margin: 20px 0 10px 0;
}
div#content div.entrybody {
margin: 0 15px 0 15px;
}
div#content div.entrybody ul {
margin: 10px 0 10px 15px;
}
div#content div.entrybody li {
font-size: 12px;
color: #222;
list-style-type: square;
}
div.default {
margin: 0 0 15px 0;
}
div.nav input {
margin-right: 5px;
}
div.nav li {
list-style: none;
padding: 2px 0;
}
div.nav ul li strong {
line-height: 37px;
font-size: 11px;
}
div.entrymeta {
font-size: 11px;
margin: 0 0 0 15px;
padding: 10px 0 10px 0;
color: #666;
line-height: 7px;
}
div.commentheader, p.commenttext {
margin: 0 0 0 15px;
font-weight: bold;
color: #222;
}
p.commenttext {
font-weight: normal;
}
div.commentmeta {
color: #666;
margin: 5px 0 20px 15px;
font-size: 11px;
}
form.commentform {
font-size: 11px;
}
form.commentform input, form.commentform textarea {
margin: 0 5px 10px 0;
vertical-align: middle;
}
input.formbutton {
margin-top: 10px;
}
.separator {
display:none;
}
.subside {}
.image {
border: 0;
margin: 0 6px 6px 0;
}
.thumbnail {
margin: 0 6px 6px 0;
}
.video {
padding: 0;
}
.xmlButton {
border: 1px solid;
border-color: #FC9 #630 #330 #F96;
padding: 0 3px;
font: bold 10px Verdana, Arial, Helvetica, Sans-serif;
color: #FFF;
background: #F60;
text-decoration: none;
margin:0;
}
Skulle kunna tänka mig att
Skulle kunna tänka mig att det är "div#header" dock är det svårt att se när man inte har HTML koden att jämföra med.
Lägg till en background: url(http://xxx.jpg);
Om det kommer upp en bild i headern är det den. :)
jättebra :D
tack för hjälpen, jag hade suttit i säker en timma o försökt hitta "rätt" header-kod som bara inte ville hittas men med din förklaring + bilder såg jag ju hur den precis skulle se ut, då var de faktiskt väldigt mk lättare att hitta den :P
kolla gärna in på min blogg :) www.whathappendtoday.blogg.se
uppdatera din webbläsare ? :O
asso det funkar inte när jag vill lägga in min header...jag vet hur man gör men det står att man måste uppdatera sin webbläsare för att den nya header ska vara. snälla hjälp mig, jag vill verkligen att det ska fungera....
header
Hej !
Jag kan göra header på min blogg , men om jag vill t.e.x ha 3 bilder hur gör jag då ?
Jag kan bara lägga upp en bild , men jag kan inte med att lägga up mer än en bild
Kan du hjälpa mig , snälla ? :)
MVH Aida
aiida, då gör du först en
aiida, då gör du först en egen bild i rätt storlek som innehåller de tre bilderna, förslagsvis på din dator men om du inte har något bildbehandlingsprogram finns det gratis sådana online. När du är nöjd med din nya header laddar du upp den, som då alltså är bara en bild
men hallååå!?
de funkar inte.. jag hittar inte den där header grejjen i stillmallen, har letat igenom allt! om o om igen!
den FINNS INTE!
hjälp... snälla?
Hej !
Hej ! Jag har precis fått en ny blogg. Och är jättenöjd med den, men texten skulle inte står som det står så. Jag undra hur man byter text rubriken på headern ? Behöver svaret så snabbt som möjligt !
Tack så mycket i förväg ! Mvh/ Cindy
asså det går inte!
asså det finns ingen "visa källkod" ! jag har gjort en header men vet inte hur jag ska sätta in den! :/ HJÄLP
www.TasteLips.blogg.se <---- min blogg
Headern är för liten
Hej!
Jag har gjort en header och så, men när jag har satt in den är den för liten. Jag har måtten 800px och 400px, men den är ändå jätteliten.
Jag och min kompis som jag driver bloggen tillsammans med vill väldigt gärna ha svar på denna fråga.
Tack på förhand!
heej jag har samma problem :S
heej jag har samma problem :S har du klurat ut de?? isf, kan du snälla hjälpa mig? om du kan/ vill, hittar du mig på http://mysmanda.blogg.se
?
Heej, på min står det "visa sidkälla" och "visa sidinfo"...
snälla hjälp mig!
HEJ. JAG HAR GJORT EN HEADER
HEJ. JAG HAR GJORT EN HEADER PÅ PICNIK.COM, MEN DEN FUNKAR BARA PÅ "FÖRHANDSGRANSKA", INTE PÅ SJÄLVA BLOGGEN! HAR SPARAT MINST 10000 GÅNGER, SNÄLLA HJÄLP MEJ!!
header
hej hur gör man en hedaer på picknik? skulle bli glad för hjälp!
som du gör alla andra bilder
som du gör alla andra bilder på picnik :)
Förstår hur du menar. Det har
Förstår hur du menar. Det har säkert sparats fast det inte ser ut som så. Sök/gå in på din blogg, och tryck sedan "F5" längt upp på tangentbordet. Knappen uppdaterar. Brukar fungera för mig :)
När jag ändrar min
När jag ändrar min blid/header så blir den bara liten varför blir den det??
En text i header
Hej jag undrar hur man lägger till en text på sin header? har svårt att hitta de. Tack
Hej! Jag behöver verkligen
Hej! Jag behöver verkligen hjälp! Jag har ett tema på blogg.se där det inte finns någon header. Därför finns det ingen adress att byta ut så att jag har ingen aning om hur jag ska få upp en header! Kan någon hjälpa mig. Just nu ser det ut såhär i kodmallen:
<body>
<div id="wrapper">
<div id="header">
</div>
Antar att man borde kunna ändra, och lägga in en bildadress där någonstans? Snälla snälla hjälp mig!!
samma här
det är samma sak för mig !!!!!
hej jag prövade att göra det
hej jag prövade att göra det men jag fattar inte riktigt!!! hur gör jag??
Doesn't work :(
Jag gjorde precis som det stod men bilden jag skulle ha hamnade inte där, utan headern blev helt vit istället :O
Vad kan detta bero på?
samma för mig
så hände det med min blogg också, när jaag försökte ändra header
ändras inte
hej!
har försökt att ändra design och hedder, det syns på 'förhandsgranska', men om jag skriver in adressen i adressfältet så är det fortfarande den förra designen.
jag vill bara ha en vanlig vit design, men jag ser inte någon ändring, snälla, vad ska jag göra??
//klickerbebis
Hur?
Hur ändrar man färg på texten i headern?
BEHÖVER SNABB HJÄLP, HEADER
Jag har gjort min blogg bredare, samtidigt blir ju headern bredare. När jag var nöjd med bredden var headern 1100px. Men man kan bara ladda upp en bild som är 1000px bred på blogg.se. Så jag tänkte om man kan ladda upp den i två delar som två bilder istället? Men hur gör man det? har försökt hur mycker som hellst. Jag får det inte funka att man lägger upp en bild(img src) i headern så det går inte göra det den vägen heller.. fast jag är inte helt säker på hur man gör men..
Skulle vara tacksam för hjälp med hur man lägger upp två bilder i headern!!!
Svara gärna på min blogg som kommentar!
Header
Hej!
Tyvär kunde jag inte hitta någon av de hjälp-"spalter" som finns i silmallen som ni skrivit.
När jag, i början av förra vecken, skulle fixa min header så funkade det inte och jag tog mig vatten över huvudet och exprimenterade lite(väldigt dumt, jag vet) men gjort är gjort, iaf. Nu är bloggen helt blank och ingen av den designen jag gjort syns. Snälla hjälp, jag har smått panik.
//Sara - Meetyou
hjälp med design
hjälp mej, när jag fixade min blogg sist så försvann hela "spalten" som ska innehålla kategorier o det.. :S hur ser stilmallen ut när det är som det ska? eller vet nån vad jag gjort fö fel?
Ctrl + Z ???? när du precis
Ctrl + Z ???? när du precis tog bort
Hej! har fixat min header och
Hej! har fixat min header och det mesta klart på bloggen, det enda jag inte förstår är hur man får bort texetn med sitt bloggnamn som står ovånpå headern. Har försökt allt men hittar inte hur man gör.. Någon som vet? :)
//Karin
Hej Karin, jag vet en hemsida
Hej Karin, jag vet en hemsida som beskriver hur man tar bort den texten (tror det är det du menar)
gå till: http://iintheflash.blogg.se/category/bloggtips-blogghjalp.html
o sen till inlägget "TA BORT TEXTEN I HEADERN" längre ner :)
Allt åt vänster
Hej! Det är så att jag är väldigt nöjd med min blogg osv, förutom det att allt innerhåll är väldigt långt till vänster på sidan!
Jag har letat omkring men hittar inte riktigt vart och vad jag ska lägga till i kodmallen för att få allt lagt i mitten istället?
Alltså inte bara headern utan alla inlägg också.
MVH
du går in på redigera
du går in på redigera stilmall, senr skrollar du ner tills det står #content { och där står det "float:" då kan du välja om du vill ha den till "right" eller "left". hoppas det är svar på din fråga :)
Är det någon som vill hjälpa
Är det någon som vill hjälpa mig att sätta in headern ?
bilden är fixad men vet inte hur man får upp den .
kontakta mig på : matilda_liden@live.se om du kan hjälpa mig.
Tack på förhand / matilda.
Fattar inte.
Jag fattade inte ett dugg typ, men jag kom på ett mycket effektivare sätt jag använder mig av ;)
header
Hej
Har kämpat länge och hårt nu med att få in en bra header på min blogg men får inte till det.
Har fixat en bild i PS så tycker ju att de bara borde vara å klistra in den, men icke! Den blir så jäkla liten. Och hur ja än gör så vill den inte fylla ut. Hur ja än förstorar så blir det bara själva området som bilden ska fylla upp större, men INTE bilden i sig. Jag vill alltså att min header bild ska fylla ut HELA headern.
#header {
background: #FFFFFF url (http://barariccie.blogg.se/baraformig/images/2010/bakrund_83696992.jpg)
no-repeat right center;
padding-left: 30px;
padding-bottom:15px;
padding-top:30px;
margin: 0px 0px 20px;
width: 600px;
height: 205px;
}
Misstänker att det är här någonstans som det ska ändras, men ja har testat allt ja kan komma på..
Behöver hjälp! Vill me ha en snygg blogg ju! =D
tack på förhand mvh riccie
Fattar inte!!
Jag fattar inte ett dug hur man gor det!!Jag har fragat alla mina kompisar o inga av dom vet hur man gor heller!!Jag ar tacksam for svar!!O snalla, kan ni svara sa man forstar lite battre for det funkar inte pa min.fran http://stylerulesfashion.blogg.se/
länk
den här komentaren handlar som länkar:
jag fattar inte vad som menas med att man måste lägga upp länk / klistra in länk? måste min header först finnas på en annan hemsida som t.ex. googel eller facebook? Eller behöver man ingen länk; är det bara om man tar en bild från google?
Skriv ny kommentar