Gör header "tillbaka till startsida"
2 kommentarer /
Kommentera här!

1. Gå in i kodmallen, börja med att klicka på inläggsidan, därefter gör samma sak på de andra sidorna.

2. Kopiera denna koden:
3. Klistra in den efter header så det ser ut så här:

4. Spara och gör samma sak på de andra sidorna utom framsidan.
Missa inte tävlingarna och andra tips!
1 kommentarer /
Kommentera här!
Öka mellanrummet på header
1 kommentarer /
Kommentera här!
detta, man kan göra på lite olika sätt men ska visa på ett lätt sätt.

Gå in i stilmallen och klicka ner till div#header {
Ta bort padding och ändra det till så det ser ut på bilden nedan:

Om man vill ha ett mindre eller större mellanrum, ökar man 20px
Förhandsgranska och spara.
Man kan även göra på detta sättet:
Gå in i kodmallen och bläddra ner till <div id="header">
Lägg till <br> se nedan:

Lägg till fler <br> om du vill öka mellanrummet.
Spara och se hur det blev.
TÄVLING - BLI DAGENS BLOGG
5 kommentarer /
Kommentera här!

Följ gärna sidan med bloglovin & Facebook för att lättare hålla koll på tävlingarna och andra bra tips!

Genomskinlig bakgrund på horisontell meny
1 kommentarer /
Kommentera här!
Exempel
Innan:

Efter:

1. Kopiera denna koden:
2. Klistra in den här, se exempel:

3. För att ändra hur genomskinligt du vill ha ändrar du där det står 70 (viktigt att du ändrar alla)
Exempel: Om du vill ha den genomskinligare minskar du ner 70 till 40
Testa dej fram tills du blir nöjd genom att förhandsgranska och sedan spara.
Minska antal inlägg i menyn
3 kommentarer /
Kommentera här!

Bläddra ner till denna koden:
<div>Senaste inläggen</div>
<ul>
<tag:recentlist limit="20"> <---Ändra där det står 20 till vad du vill
<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</ul>
Lägg in dagens datum på bloggen
1 kommentarer /
Kommentera här!

1. Kopiera denna koden:
<font face="verdana" color="#555555" size="1"><b>
<script language="JavaScript">
var mydate=new Date()
var year=mydate.getYear()
if (year<2000)
year=1900+year
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym=""+daym
var dayarray=new Array("Söndag","Måndag","Tisdag","Onsdag","Torsdag","Fredag","Lördag")
var montharray=new Array("januari","februari","mars","april","maj","juni","juli",
"augusti","september","oktober","november","December")
document.write(""+dayarray[day]+" "+daym+" "+montharray[month]+" "+year+"")
</script>
</font>
2. Klicka på kodmallen
3. Klistra in koden efter <div id="side">
4. Spara!
För att ändra storlek, färg och typsnitt:
<font face="verdana" color="#555555" size="1">
Vill man ha datumet centrerad lägg till <center> KODEN </center>
Se videoförklaringen:
Bloggstyle.se Banners
6 kommentarer /
Kommentera här!

Banner: 100x 28 px stor.

Banner: 145x40 px stor.

Blinkande banner: 298x82 px stor.

Om man vill göra ett banner byte, så skriv en rad så fixar vi detta.
Missa inte tävlingarna och andra tips!
1 kommentarer /
Kommentera här!
Ikon i dropdown meny
5 kommentarer /
Kommentera här!
Hur du skapar en dropdown meny [Länk]

1. Ladda upp den bild du vill ha, (ladda inte upp för stor bild) kopiera sedan länken till bilden.
2. Så här ska det se ut, se nedan, klistra in länken där det står "länken till din bild"
<li> <a href="Länk"> <img src="Länk till din bild"> Text och typsnitt </a> </li>
Koden ska logga så här i koden, exempel nedan:
<li><a href="#"> Blogghjälp </a> <ul>
<li><a href="länk"> Skapa en blogg </a> </li>
<li><a href="länk"> Bilder och bakgrunder </a> </li>
<li> <a href="Länk"> <img src="Länk till din bild"> Text och typsnitt </a> </li>
</ul>
</li>
Dropdown meny Tips 1
1 kommentarer /
Kommentera här!
Skapa en dropdown meny kan man göra på olika vis och jag ska visa lite exempel
Tips 1 skapa en meny med senaste inlägg, kategorier...se bild nedan.
1. Börja med att gå in i dn kodmall och bläddra ner till <div id="side">
2. Ta bort denna koden:
3. Kopiera denna koden:
4. Klistra in koden direkt efter denna koden:

5. Kopiera denna koden och lägg längst ner i din stilmall:
Spara och så var det klart.
För att ändra färg på menyn gör du det i koden du klistra in i stilmallen.
För att ta bort det genomskinliga i menyn, ta bort denna koden i stilmallen:
/* opacitet for IE */
filter:alpha(opacity=70);
/* opacity: 0.70; filter: alpha(opacity=70); */
/* opacitet CSS3 standard */
opacity:0.70;
/* opacitet for Mozilla */
-moz-opacity:0.70;
Om du vill ha headern över eller under menyn, flyttar du koden till headern
över eller under koden du klistra in i kodmallen.
<img src="LÄNK TILL DIN HEADER">
Dropdown meny Tips 2
0 kommentarer /
Kommentera här!
Dropdown meny med tex dina kategorier
1. Kopiera denna koden:
2. Gå in i kodmallen och klistra in koden efter:
3. Kopiera denna koden och lägg den längst ner i stilmallen:
Nu ska jag förklara hur man lägger in Rubrik och länkarna under
Exempel:
<li><a href="#"> Foto </a>
<li><a href="länk"> Landskap </a> </li>
<li><a href="länk"> Djur </a> </li>
<li><a href="länk"> Människor</a> </li>
</ul>
</li>
När du skapat en kategori "Landskap" och gjort ett inlägg, klickar du på
landskap, kopierar länken och klistrar in där det står länk.
Mer förklaring finns i detta inlägget [Länk]
LÄNKBYT MED BLOGGSTYLE
15 kommentarer /
Kommentera här!

Många har länkbyten på sina bloggar, det är ju ett bra tips om man vill synas lite mer!
Alla som följer denna sidan får jätte gärna göra ett länkbyte och synas för mina ca 300 besökare/dag gör så här:
1. Kopiera antingen bilden över eller printsc sidans framsidan och klistra in i ett inlägg och länka hit
2. Skriv sedan i detta inlägget att du har gjort detta, så läggs din länk till din blogg upp i detta inlägget (bildlänk)
Detta är bara en kul grej för att se hur många som vill vara med på detta :)
EN LITEN TÄVLING - FÖRSTA 10 SOM SKRIVER UPP SEJ
12 kommentarer /
Kommentera här!

Egna bilder i horisontell meny
3 kommentarer /
Kommentera här!
Nu syns kanske inte detta på bilden att jag gjort detta men jag har laggt på en skugga och gjort dem
så stora som jag vill, även att dom ändrar färg när man håller musen över, ska visa hur man gör detta med.

1. Skapa din bild först i photoshop.
Ladda upp bilden på din blogg och kopiera länken.
2. Gå in i din kodmall och bläddra ner till din meny, så här ser det ut nu:
<li><a href="#"> Kategori </a>
Kopiera denna koden:
<img src="länk till din bild">
Så det ser ut så här:
<li><a href="#"> <img src="länk till din bild"> </a>
Spara och se hur det blev, gör nu resten på dom andra.
3. Gå in i stilmallen, bläddra ner till denna koden, ändra så det ser ut så här:

Hur ni gör för att ändra bilden när man håller musen över

Gör bilden i photoshop och ladda upp och lägg in den i kodmallen så koden ser ut så här:
<li><a href="#"> <img src="Bild 1" oversrc="bild 2" border="0"> </a>
Lägg in länken från bilden där det står bild 2 och den första bilden på bild 1
Hoppas ni förstår skriv annars om ni har några frågor.
Skapa en ruta med kod
0 kommentarer /
Kommentera här!
Detta kan man även lägga i menyn eller någon annanstans på sin blogg.
Exempel:
För att göra det i ett inlägg:
1. Skapa först ett nytt inlägg, klicka på "Ändra redigerare" längst ner till höger.
2. Så här ser koden ut och hur du lägger in det:
<textarea onclick="this.select();" cols="30" rows="2" readonly="readonly">
Din text här emellan
</textarea>
För att lägga in det i sin meny:
Det är samma sak fast man ändrar cols="50" som bestämmer bredden, ändra till tex 20 eller det som passar just din meny, och rows="2" bestämmer höjden.
Ändra muspekare
1 kommentarer /
Kommentera här!
Ska visa lite exempel:

För att ändra muspekaren så den är så på hela bloggen
Lägg in denna koden i stilmallen: cursor: crosshair;
Den ska ligga här se exempel:
body {
cursor: crosshair;
För att ändra muspekaren på endast länkarna
Lägg in denna koden i stilmallen: cursor: crosshair;
Den ska ligga här se exempel:
/* link colors */
a {
cursor: crosshair;
color: #d3d3d3; text-decoration: none;
font-family: verdana,arial;
font-size: 11px;
}
a:hover {
cursor: crosshair;
color:#797979;
font-family: verdana,arial;
}
För att ändra muspekaren endast i menyn
Lägg in denna koden i stilmallen: cursor: crosshair;
Den ska ligga här se exempel:
#side {
cursor: crosshair;
position: absolute;
Detta var några exempel, testa er fram för hur ni vill ha det.
Genomskinlig bakgrund på dropdown
0 kommentarer /
Kommentera här!
Om man inte vill ha en genomskinlig bakgrund tar man bort koden.
1. Kopiera denna koden:
2. Klistra in den i din stilmall, se exempel:

3. För att ändra hur genomskinligt du vill ha ändrar du där det står 70 (viktigt att du ändrar alla)
Exempel: Om du vill ha den genomskinligare minskar du ner 70 till 40
Testa dej fram tills du blir nöjd genom att förhandsgranska och sedan spara.
TÄVLING - BLI VECKANS BLOGG
15 kommentarer /
Kommentera här!

1. Skriv att du är med i detta inlägget
2. Lägg till sidan på bloglovin
3. Ett plus om du gillar sidan på Facebook
Klart!
Egna ikoner innan Namn, E-postadress, Kommentar..
4 kommentarer /
Kommentera här!
Man kan lägga in bilderna innan texten också, det är bara att ändra i kodmallen.

1. Börja med att ladda upp din bild
2. Kopiera länken från bilde, se detta inlägget hur man gör: [Länk]
3. Klicka sedan på design, kodmall och inläggsida
4. Bläddra ner till denna koden, se bild nedan:

5. Kopiera denna koden: <img src="LÄNK FRÅN DIN BILD">
klistra in efter text "Namn" eller innan "Namn"
6. Klistra sedan in koden från bilden där det står LÄNK FRÅN DIN BILD

Spara och se hur det blev, ändra tills du blir nöjd.
Lägg in egen RSS ikon
0 kommentarer /
Kommentera här!
2. Gå nu in i din Kodmall och bläddra ner till denna koden:

3. Ta bort det som står i det blåa fältet och klistra in länken du kopiera till din egen RSS ikon.
Spara och gör samma sak i inläggsida, arkivsida och kategorisida
Sära på header och wrapper
0 kommentarer /
Kommentera här!
Hej! :) Jag undrar om man kan positionera wrappen så att den hamnar nedanför headern?
Tacksam för hjälp! :)
Exempel nedan:

1. För att ändra detta klicka på kodmallen
2. Flytta wrapper, se förklaring nedan:

3. Nu för att flytta headern så den hamnar rätt gör man detta i stilmallen
Ändra i denna koden:
div#header {
float: left;
margin-top: 40px;
padding: 0 0 40px 20px;
width: 760px;
background: #000000;
}
Ändra margin-top:??px; för att flytta upp eller ner headern
Lägg till margin-left eller right, exempel margin-left:100px; eller margin-left:-100px;
Förhandsgranska och spara!
Koppla ihop dina inlägg med facebook..
0 kommentarer /
Kommentera här!

1. Skapa ett konto på http://twitterfeed.com
Gå efter vad som står och det är klart inom någon minut!

TÄVLING - BLI VECKANS BLOGG
9 kommentarer /
Kommentera här!

1. Skriv att du är med i detta inlägget
2. Lägg till sidan på bloglovin
3. Ett plus om du gillar sidan på Facebook
Klart!
Flytta texten mer åt höger i meny
4 kommentarer /
Kommentera här!

1. För att rätta till detta gå in i stilmallen och bläddra ner till div#side
2. För att göra det lättare ta bort denna koden: padding: 0 20px 0 0;

.......................................................
3. Skriv in denna koden, se bild nedan:

Förklaring:
padding-right = Hur långt texten ska flyttas inn från höger
padding-left= Hur långt texten ska flyttas inn från vänster
padding-top= Hur långt avstånd texten ska ha från uppifrån
padding-top= Hur långt avstånd texten ska ha från botten
Öka 7px; till högra siffra om du vill ha större mellanrum mellan text och meny kant, eller minska ner.
Skapa kategorier och länkar..
2 kommentarer /
Kommentera här!
1. Klicka på kategorier och skapa ny kategori

2. Fyll i en kategori tex Foton och lägg till.

3. Klicka nu ett inlägg genom att klicka på skapa och inlägg, se bild nedan
Spara sedan inlägget i den kategori som du har skapat och spara så ska det vara klart, svårare änn så är det inte.

Nu ska jag visa hur du lägger in och tar bort länkar på din blogg
Så här ser det ut just nu på din nya blogg, se länkar:

1. Ta bort länkar, gå in på arkiv och länkar.
Marke dem som du vill ta bort och klicka ta bort markerade.

2. Lägg till en länk genom att klicka på skapa och länk, se exempel nedan:

Vill ni veta mer om hur något funkar så lägger jag upp det här.
Statistikräknare med flag counter
2 kommentarer /
Kommentera här!

statistiksräknare där du kan se om någon har besökt din blogg från annat land men även sverige såklart visas så kan du lätt skaffa det med Flag counter, gå in på denna [Länk]Nu finns det lite olika saker man kan göra:
- Ändra färg på bakgrund, text och ram
- Välj hur många flaggor som ska synnas
När du är klar klickar du på Get your flag counter, kopiera koden i rutan högst upp.
Klistra in koden i din kodmall, bläddra ner till <div id="side">
Klistra in koden innan:
<div>
<a href="index.rss" title="RSS"><img src="http://static.blogg.se/img/rss.gif" border="0" alt="RSS 2.0" /></a>
</div>
Vill du ha den i mitten (centrerad)
Skriver du precis innan koden <center>
och efter koden </center>
Spara och se hur det blev.

Lägg in bloglovin ikon på din blogg
1 kommentarer /
Kommentera här!

1. Logga in på ditt konto på bloglovin
2. Klicka på konto och knappar/ikoner

3. Välj den ikon du vill ha, "skaffa den här ikonen" och kopiera koden som dök upp.
4. Gå in i din kodmall och bläddra ner till <div id="side"> och lägg koden direkt efter.
Spara så ska det vara klart!
Klocka på bloggen
0 kommentarer /
Kommentera här!

Det är mycket lätt att lägga upp en klocka på sin blogg, klicka in på denna sidan: [Länk]
Där finns det flera olika varianter man kan välja bland.
Klicka på View html tag och accept
Nu ska du välja vilken färg du vill ha, storlek och ställa in rätt tid
Tex GTM +18
Kopiera den översta koden och klistra in den i kodmallen någonstans mellan <div id="side"> </div>
Spara och se hur det blev, funka inte första koden prova den andra.
Fler tips på sidor:
- timeanddate.com
- worldtimeserver.com
- respectsoft.com
- mlsisland.com
Ta bort texten i headern
3 kommentarer /
Kommentera här!

2. Gör nu samma sak på de andra sidorna:
inläggssida
kategorisida
arkivsida

Ta bort "om" i menyn
0 kommentarer /
Kommentera här!
<h4> Om </h4> i din kodmall.
Är någonstans under koden <div id="side">
För att ta bort profilbilden och namn ta bort denna koden:
<div id="profile">
<tag:profile>
<tag:if test="${ProfileExists == 'true'}">
<h4>Om</h4>
<a href="${AppUrl}index.bd?fa=pf.view&pf_id=${ProfileID}"><img
class="thumbnail" src="${AppUrl}shared/img/profiles/${ProfileImage}" alt="Min profilbild" /></a>
<p><a href="${AppUrl}index.bd?
fa=pf.view&pf_id=${ProfileID}"><span style="font-weight:bold"> ${ProfileName}
</span></a></p>
</tag:if>
</tag:profile>
När du ändrar i kodmallen ska du ändra på alla sidor. Detta är viktigt annars ändras det bara på den sidan du sparat. Även viktigt att spara innan du byter till nästa del.
Få en ikon i din browser
1 kommentarer /
Kommentera här!

Först hittar du en bild du gillar i rätt format 16x16px tex
Du hittar fler på min sida [Länk]
1. Ladda upp bilden på din blogg, klicka på bilden och kopiera länken till bilden
Klistra in länken i denna koden:
<link rel="shortcut icon" href=" din länk ">
2. Gå nu in i din kodmall och klistra in koden under <head>
Gör nu detta på alla sidor och spara så ska det vara klart, nu vet jag att detta funkar i firefox men inte i internet explorer för vissa.
Ändra storlek på rubrikerna i menyn
1 kommentarer /
Kommentera här!

Bläddra ner till denna koden, se bild nedan
Ändra storleken där det står font-size:16px;
Förhandsgranska och spara när du är nöjd.

Ändra färg på rubrikerna i menyn
0 kommentarer /
Kommentera här!
Bläddra ner till denna koden och ändra där det står color:

Scroller i inläggs rutan
0 kommentarer /
Kommentera här!

1. Gå in i stilmallen och scrolla längst ner och klistra in denna koden:
#scrollbox {
width:550px;
height: 500px;
overflow: auto;
}
Ändra bredd och höjd på width=bredden och höjden=height
2. Gå in i kodmallen och bläddra ner till <div id="content">
Klistra in denna koden <div id="scrollbox">
Så här ska det se ut:
<div id="content">
<div id="scrollbox">
3. Lägg till </div> i slutet av content
4. Om det inte händer något nu när du har sparat beror det på inställningarna stilmallen.
Ändra width i content bredare änn width i koden längst ner i stilmallen, som du la in.
Fallande hjärtan etc på din blogg
1 kommentarer /
Kommentera här!
Har ett färdiga script, fallande snö, men som man kan byta ut till hjärtan etc.
Ska förklara hur ni klistrar in koden men även hur ni ändrar hastighet, antal symboler som syns och färg.
1. Kopiera denna koden:
<script type="text/javascript">
Width =1000; // ange bredden på sidan som ska snöas in...
Height =2000; // ange höjden på sidan som ska snöas in...
Count =25; // antal snöflingor OBS! ange inte för stort antal!
MaxStep=3; // max steg i rörelsen
MinStep=1; // min steg i rörelsen
MaxFlake=10; // max storlek på snöflinga
MinFlake=4; // min storlek på snöflinga
PosX = new Array();
PosY = new Array();
StepX = new Array();
StepY = new Array();
StarSize=new Array();
for (i = 0; i < Count; i++) {
PosX[i] = Math.random()*Width;
PosY[i] = Math.random()*Height;
StepX[i] =MinStep+Math.random()* -MaxStep;
StepY[i] =MinStep+Math.random()* MaxStep;
StarSize[i]=MinFlake+Math.random() * MaxFlake;
document.write("<div id='Obj" + i + "' style='position:absolute; left:0px; top:-20px; z-index:10000; visibility:hidden; color:#fff; font-weight:normal; font-family:Verdana; font-size:"+StarSize[i]+"pt'>•</div>");
}
function animate() {
for (i = 0; i < Count; i++) {
PosY[i] += StepY[i];
PosX[i] += StepX[i];
document.getElementById("Obj"+i).style.visibility = "visible";
if (PosY[i] > Width || PosX[i] > Height || PosX[i]<0) { // starta om från toppen av sidan när mitten nås
PosX[i] = Math.random()*Width; ///2
PosY[i] = -20;
StepX[i] = MinStep+Math.random()* -MaxStep;
StepY[i] = MinStep+Math.random()* MaxStep;
}
document.getElementById("Obj"+i).style.top = PosY[i] + "px";
document.getElementById("Obj"+i).style.left = PosX[i] + "px";
}
setTimeout("animate()", 50);// hastighet
}
setTimeout("animate()", 1000);
</script>
2. Klistra in koden i din kodmall mellan <head> och </head> och spara.
För att ändra till annan symbol och färg gör du det här:

För att ändra antal symboler, hur stora dom ska vara, gör du det här:

Några symboler du kan kopiera och klistra in:
♥ ❤ ❤ ❦
★ ☆ ✰ ✭ ✰ ✳ ❅ ☃
♩ ♪ ♫ ♬
Hur man laddar upp bild i inlägg
2 kommentarer /
Kommentera här!
Att ladda upp en bild i ett inlägg är mycket lätt.
1. Börja med att kolla hur bred rutan är som ni lägger in alla era inlägg, (content)
Gå in i stilmallen och bläddra ner till denna koden:
Står det så här får inte bilden du laddar upp vara mer änn 650px bred
2. Klicka nu på skapa och nytt inlägg, klicka sedan på det som visas på bilden nedan.
3. Klicka på ladda upp din bild och välj sedan hur bred bilden ska vara, du vet nu vad den max får vara men klicka även på din bild och se hur bred den är i px är den tex: 243px ska du ställa in på 300px när du laddar upp.
Hoppas detta har hjälp er något.
Bakgrund i menyn
2 kommentarer /
Kommentera här!
2. För du ska få bakgrunden som du vill gå in i photoshop.

Kolla hur bred menyn är i px och skapa en lika bred fil i photoshop, höjden bestämmer du själv efter hur du vill ha det.
3. Ladda upp bilden i bloggen och kopiera länken (se bild)

4. Gå in i stilmallen
Bläddra ner till denna koden:
#side {
position: absolute;
left: 744px;
top: 196px;
width: 202px;
display: inline;
padding: 0 5px 5px 5px;
background: #ffffff; <-----Ändra här
border-left-width: 1px;
border-left-style: dashed;
border-left-color: #dad9d9;
}
Så här ska det se ut på raden du ska ändra:
background:url(länk) repeat;
Exempel:
background:url(http://bloggstyle.se/images/2010/bakgrund_68188569.jpg) repeat;
Vill du inte att bilden repeterar neråt ska det stå no-repeat
Då var det klart :)

Flytta upp datum
2 kommentarer /
Kommentera här!

Gör då så här:
1. Gå in i kodmallen och bläddra ner till content, leta upp koden som ser ut så här:
<h3>${EntryTitle}</h3>
<div>${EntryBody}</div>
<div>
${EntryDate} @ ${EntryTime}
2. Ta bort koden som ser ut så här:
${EntryDate} @ ${EntryTime}
3. Koppiera sedan denna koden:
<div align="right"><font face="verdana" size="1" color="red"> ${EntryDate} @ ${EntryTime}</font></div>
4. Klistra in den här (se bild) under <h3>${EntryTitle}</h3>

Du ändrar om du vill ha den till höger=right vänster=left mitten=center
Typsnitt ändrar du på font face="verdana"
Storlek på size="1"
Färg på texten: color="#E0E0E0" Färgkarta
Ändra utseende på kommentars rutan
3 kommentarer /
Kommentera här!

1 Börja med att klicka på kodmallen, bläddra ner till content
2 Ändra så det ser ut som på bilden nedan:
Koderna man ska klistra in:
<div>
<div align="right">
<div>
3 Spara och klicka sedan på stilmallen
4 Lägg till dessa koder:
.entrymeta1 a {
color:#333333;
padding:10px;
text-decoration:none;
background:#cccccc;
}
.entrymeta1 a:hover {
background-color:transparent;
color:#333333;
padding:10px;
text-decoration:none;
background:#cccccc;
}
5 Lägg till dem efter .entrymeta a {...
Om man vill lägga in en egen bild istället för bara en färg som bakgrund lägger man till denna koden:
background:url(LÄNK FRÅN BILD HÄR);
Andra koden som det står .entrymeta1 a:hover { är den koden som ändrar hur det ser ut vid mouseover
6 Förhansgranska och spara
Videofy.me - Lägg in alla dina filmer i menyn
2 kommentarer /
Kommentera här!
Videofy.me vet nog de flesta om, men för ni som inte vet är det en sida där man laddar upp sina egna filmer och delar med sej av och visar för andra, man kan kopiera en kod och lägga in i ett inlägg så filmen syns på sin blogg.
För att veta mer videofy.me
Nu tänkte jag visa en sak som inte var så lätt att hitta på videofy.me sidan, hur man lägger upp alla sina filmer i menyn, se exemplet nedan:

1. För att göra detta kopiera denna koden:
<iframe style="display:block" width="150" height="450" frameborder="0" scrolling="no" src=http://widget.videofy.me/w/videolist/b/bloggid></iframe>
2. Där det står bloggid byter du ut till din egna videofy.me adress, i mitt fall bloggstyle
3. Kopiera sedan koden och lägg in i kodmallen, efter denna kod: <div id="side">
4. Nu ska du bestämma hur bred och hög den ska vara, detta göra man på: width="150" height="450"
Spara!
Vad är vad i stilmallen
9 kommentarer /
Kommentera här!
Header - Bilden längst upp. Oftast med flera bilder och ett namn eller text
Content - Själva inläggen.(rubrik+inlägg). Du kan ändra på bredden där.
Navheader - Menyns "header". Alltså rubrikerna
Nav - Det under rubrikerna i menyn, "innehåll".
Nav li - Flikar i menyn som har länkar, som inte är UL eller NAV. Tillexempel, "Tillbaka till bloggens startsida".
Koppla ihop dina inlägg med facebook, twitter...
0 kommentarer /
Kommentera här!

1. Skapa ett konto på http://twitterfeed.com
Gå efter vad som står och det är klart inom någon minut!

Sära på header och wrapper
1 kommentarer /
Kommentera här!
Hej! :) Jag undrar om man kan positionera wrappen så att den hamnar nedanför headern?
Tacksam för hjälp! :)
Exempel nedan:

1. För att ändra detta klicka på kodmallen
2. Flytta wrapper, se förklaring nedan:

3. Nu för att flytta headern så den hamnar rätt gör man detta i stilmallen
Ändra i denna koden:
div#header {
float: left;
margin-top: 40px;
padding: 0 0 40px 20px;
width: 760px;
background: #000000;
}
Ändra margin-top:??px; för att flytta upp eller ner headern
Lägg till margin-left eller right, exempel margin-left:100px; eller margin-left:-100px;
Förhandsgranska och spara!
Linje runt bloggen (wrapper)
0 kommentarer /
Kommentera här!

1. Klicka på stilmallen
3. Kopiera denna koden: border:2px dotted #950C22;
4. Leta upp denna koden:
#wrapper {
margin:0px auto;
background-color:#fff;
width:80%;
padding:10px;
border:2px dotted #950C22; <-------Lägg till koden här
}
Ändra färg på: #950C22
Ändra utseende på linjen: dotted
Ändra tjockleken på linjen: 2px
Olika typer av linjer som ni byter ut i koden:
dotted
solid
double
dashed
Rama in inlägg
2 kommentarer /
Kommentera här!

1. Klicka på stilmallen
2. Kopiera denna koden om den inte finns:
div#content div.entrybody {
margin-top:10px;
margin-bottom:10px;
margin-left: 10px;
margin-right: 10px;
font-family:verdana;
font-size: 10px;
color: #7a7a7a;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom:10px;
background:#ffffff;
border: 1px solid #a5a3a4;
}
3. Klistra in den efter #content, se bild nedan:

Ändra utseende på linjen på denna koden:
border: 1px solid #a5a3a4;
Lägg in dina Youtube klipp på bloggen
0 kommentarer /
Kommentera här!
Klicka på bädda in som syns under klippet, (ibland syns det inte på andra då de inte vill dela med sej av sina klipp.)
2. Nedan finns förklaringar hur man kan gå till väga:

3. När du är klar och kopierat koden, klistrar du in den i ett inlägg, se nedan:
(Kom ihåg att det ska vara i html läge)

Fortsätt besök sidan
5 kommentarer /
Kommentera här!

Jätte kul att så många fort besöker sidan, uppdateringar kommer varje dag med ca 5 inlägg/dag!
För att inte missa något tips, följ gärna sidan med bloglovin :)
TIPS OM DU VILL HA FLER BESÖKARE KLICKA HÄR
10 Söta bloglovin ikoner
2 kommentarer /
Kommentera här!
Obs! Ni får endast använda bilderna till eran egna blogg, ej till bloggdesign försäljning.



Här finner ni länken till hur man kopplar ihop med sin egna länk
Ta bort/lägg till linje mellan inläggen
8 kommentarer /
Kommentera här!

Denna koden:
.separator {border-top: 3px solid #CCCCCC; <-----Ta bort linjen genom att skriva 0px
border-bottom: 0px solid #CCCCCC; <-----Ta bort linjen genom att skriva 0px
margin: 14px 0px 14px 0px
}
Om man inte har en linje, kopiera koden och klistra in i stilmallen, över denna koden:
.default {
Förhandsgranska och spara!
Ändra kommentarer /kommentera här..
6 kommentarer /
Kommentera här!
Detta ändrar man i kodmallen, kom ihåg att ändra på alla sidor, inte ett måste.

Kopiera koden i rutan:
Klistra in den i stilmallen, nedan för content, se bilden nedan vilken kod man ska ta bort.

All info för att skapa en egen domän
1 kommentarer /
Kommentera här!
Som denna sidan heter bloggstyle.se
Gå in på loopia, klicka nedan:
Så här gör man:




Fyll i dina uppgifter:

Efter du blivit godkänd och betalt domänen, får du ett mail med info med inloggningsuppgifter så du kan logga in på ditt konto.
När du gjort detta klickar du på domän och webb sedan på domäninställningar:

Ställ in subdomän till www
Klicka sedan på DNS, välj typ A och kopiera de här koderna 83.140.163.114 och klistra in på mål:
Spara sedan och se om det gick igenom, logga sedan ur.

Gå in på din blogg, klicka på inställningar, domänpekning och fyll i din domän och spara.

Videoförklaring:
Vilken storlek bakgrunden ska ha
5 kommentarer /
Kommentera här!
Det spelar ingen roll hur stor men helst inte mer än 1000px bred, sedan att det inte spelar någon roll är ju att bakgrunden upprepar sej, men nu beror det på vad för bakgrund man ska göra, exempel vill man ha en prickig så gör en ruta ca 100px bred och gör lite prickar på, testa att ladda upp den och se hur det blev, då ser man själv lite hur det blir.

Exempel om du gör en bakgrund som är 430px bred, välj 500 när du laddar upp, annars blir bilden suddig.
Gör något genomskinligt
0 kommentarer /
Kommentera här!
Nedan kan man se ett exempel på hur man gör menyn genomskinlig.
Exempel:

Kopiera koden nedan:
Gör sidomenyn genomskinlig, klistra in koden i stilmallen, se nedan:

Förklaring:
Ändra alla 70 till högre eller mindre tal, beror på hur genomskinligt man vill ha det.
/* opacitet for IE */ filter:alpha(opacity=70); /*
opacity: 0.70; <------------------------------------------Ändra alla 70
filter: alpha(opacity=70);
*/ /* opacitet CSS3 standard */ opacity:0.70;
/* opacitet for Mozilla */ -moz-opacity:0.70;
Förhandsgranska och spara!
Skugga runt boxarna i menyn
3 kommentarer /
Kommentera här!

Först får du skapa så du får boxar i menyn se denna länken först!
1. Kopiera denna koden:
2. Klistra in koden i stilmallen, se exempel nedan:

Förhandsgranska och spara!
(Skuggan syns inte alltid i internet explorer)
Bakgrund på inläggsrubriken
2 kommentarer /
Kommentera här!
Om man nu vill göra en egen bakgrund där man kanske vill ha någon detalj som exemplet nedan, kan man göra detta i photoshop, gör bakgrunden lika stor.
Ladda upp bilden på din blogg, klicka på bilden och kopiera sedan länken till bilden.
Klistra in i stilmallen, om man behöver ändra storleken på rutan, flytta texten gör det på padding och margin.

Bokmärkeslänk på bloggen
1 kommentarer /
Kommentera här!
Nedan finns några exempel hur man kan lägga in det, antingen en textlänk, text och bildlänk eller bara bildlänk.

1. Klicka på kodmallen
2. Kopiera koden nedan:
3. Klistra in koden mellan <head> och </head>
4. Kopiera denna koden om du bara vill ha en text länk:
<a href="javascript:bookmarksite('Bloggstyle', 'http://www.bloggstyle.se')">Lägg till i
favorit!</a>
Ändra bloggstyle till ditt bloggnamn och http://bloggstyle.se till din egna länk adress.
5. Eller kopiera denna koden om du vill ha en bildlänk:
<a href="javascript:bookmarksite('Bloggstyle', 'http://www.bloggstyle.se')"><img src="ADRESS TILL DIN BILD HÄR" border="0"></a>
Ändra http://www.bloggstyle.se till din egna länk adress.
Din egna bild på ADRESS TILL DIN BILD HÄR
6. Om du vill ha en bildlänk som ändras vid mouseover, kopiera denna koden:
<a title="Bookmark this page" href="javascript:bookmarksite('Bloggstyle.se', 'http://www.bloggstyle.se')">
<img src="ADRESS TILL DIN BILD HÄR" oversrc="ADRESS TILL DIN BILD HÄR" border="0"> </a>
7. Klistra in koden i din meny i kodmallen, mellan <div id="side"> och </div>
Om man vill centrera bilden eller texten, lägg till <center> DIN TEXT/BILD KOD </center>
Ni får låna någon av bilderna nedan, kopiera ladda upp på din blogg och lägg in i koden.


Linje under rubriken
2 kommentarer /
Kommentera här!

1. Lägg till denna koden:
border-bottom:2px solid #efedee;
2. Klistra in koden i stilmallen, se nedan:

Finns inte koden skriv till den i stilmallen.
Ändra färg på #cccccc;
Ändra tjocklek på linjen på 1px
Ändra utseende på linjen: solid till exempel dotted
Skapa "fast" bakgrund
0 kommentarer /
Kommentera här!

1. Klicka på stilmallen
2. Bläddra ner till denna koden, om den inte ser ut så ändra den.
body{
background-image:url(BAKGRUNDS LÄNK);
background-color:#ffffff;
background-attachment: fixed; <----------------Ändra här och skriv fixed;
}
När man ändrar till fixed; fryser man bakgrunden och den rör sej inte.
3. Förhandsgranska och spara!
Ändra färg på prickarna
2 kommentarer /
Kommentera här!

1. Klicka på stilmallen
2. Bläddra ner till div.nav li
3. Ändra så den ser ut så här:
div.nav li {
color:#ff438a;
padding: 2px 0;
}
Ändra färg på color:#ff438a;
Vill man ta bort prickarna, lägga till denna koden:
list-style: none;
Dela upp meny, header och inlägg
2 kommentarer /
Kommentera här!

För att dela upp det så man får ett mellanrum som på bilden över, gör man detta i stilmallen.
1. Börja med att ta bort bakgrunden på wrapper.
2. Lägg till bakgrund på side och content, se förklaring nedan:

Förhandsgranska och spara!
Gör inläggsrutan (content) bredare
1 kommentarer /
Kommentera här!

För att göra inläggsrutan bredare, gör man detta i stilmallen.
Nu beror det på vilken designmall man använder, på vissa behöver man bara ändra bredden på inläggsrutan (content) och vissa måste man även ändra wrapper så den blir bredare, detta är bara att testa sej fram tills det blir bra.
1. Klicka på stilmallen.
2. Öka bredden på wrapper:

3. Ändra på content, inläggsrutan hur bred man vill ha den:

4. På vissa designmallar ser det bara ut så här, när man ändrar bredden:

Förhandsgranska och spara!
Ta bort prickarna innan länkarna
0 kommentarer /
Kommentera här!

1. Klicka på stilmallen, bläddra ner till denna koden:

2. Lägg till denna koden om den inte finns: list-style: none;
Egen bloglovin ikon
1 kommentarer /
Kommentera här!
Det är inte alls svårt, ska försöka förklara så gott jag kan.

1. Ladda upp den bild du vill ha som din bloglovin ikon, se exempel nedan:

2. Kopiera länken till bilden i sökfältet högst upp:

3. Kopiera denna koden:
<a title="Bloggstyle.se on Bloglovin" href="DIN LÄNK TILL BLOGLOVIN"><img src="LÄNKEN FRÅN DIN BILD"></a>
4. Klistra nu in länken från din bild där det står: LÄNK FRÅN DIN BILD
5. Klistra nu in länken som går till just din sida på bloglovin, där det står: DIN LÄNK TILL BLOGLOVIN
Så här ska det se ut, exempel:
<a title="Bloggstyle.se on Bloglovin" href="http://www.bloglovin.com/sv/blog/1423846/bloggstylese/follow"><img src="../../images/2011/blog3_125610626_129671150.jpg"></a>
6. Klistra sedan in hela den färdiga koden i kodmallen mellan <div id="side"> och </div>
Spara!
Ändra utseende på linjer
0 kommentarer /
Kommentera här!

Klicka först på stilmallen
Här är några förklaringar hur man ändrar linjerna:
Kategorierna i menyn
Lägg till denna koden border-bottom:1px dotted #cccccc;
Klistra in i stilmallen efter koden: .navheader {
Rubrikerna i inlägg
Lägg till denna koden border-bottom:1px dotted #cccccc;
Klistra in i stilmallen efter koden /** Entry headers **/ h3 {
Länkarna
Ändra i denna koden:
a {color: #999999;text-decoration:none;}
a:hover {color: #cccccc; background: none; border-bottom:1px dotted #cccccc; text-decoration:none;}
Olika typer av linjer som ni byter ut i koden:
dotted
solid
double
dashed
Skugga runt menyn eller content
3 kommentarer /
Kommentera här!

För att få en skugga runt menyn gör man detta i stilmallen.
Man kan ändra hur mycke skugga man vill ha och färg, detta är mycket lätt!
Se nedan var koden ska vara:
#side {
-moz-box-shadow:10px 10px 5px #888; <----Ändra färg här!
box-shadow: 10px 10px 5px #888;
padding: 0px 0px 0px 0px;
height:auto;
left:740px;
padding:7px 0 0;
position:absolute;
top:87px;
width:195px;
}
Om man vill ha skugga runt inläggsrutan (content) ska det se ut så här:
div#content {
-moz-box-shadow:0px 0px 30px #888; <----Ändra färg här!
box-shadow: 0px 0px 30px #888;
padding: 0px 0px 0px 0px;
position: absolute;
top:120px;
left:245px;
width: 730px;
}
Några av mina färdiga koder ni kan välja mellan:
Lite mörkare skugga, höger sida:
-moz-box-shadow:10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
padding: 0px 0px 0px 0px;
Lite ljusare skugga, höger sida:
-moz-box-shadow:5px 5px 10px #888;
box-shadow: 5px 10px 10px #888;
padding: 0px 0px 0px 0px;
Skugga på alla sidor:
-moz-box-shadow:0px 0px 15px #888;
box-shadow: 0px 0px 15px #888;
padding: 0px 0px 0px 0px;
Mycke skugga på alla sidor:
-moz-box-shadow:0px 0px 30px #888;
box-shadow: 0px 0px 30px #888;
padding: 0px 0px 0px 0px;
Förhandsgranska och spara!
Hjärta innan länkar i menyn
0 kommentarer /
Kommentera här!

1. Klicka på kodmallen
2. Bläddra ner till denna koden:
<div> <Senaste inläggen</div>
<ul>
<tag:recentlist limit="20">
<li>
<a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</ul>
3. Lägg till denna koden:
<font face="arial" color="#f41c1c" size="2" height="4000">
♥ </font>
4. Så här ska det se ut:
<div> <Senaste inläggen</div>
<ul>
<tag:recentlist limit="20">
<li>
<font face="arial" color="#f41c1c" size="2" height="4000">
♥ </font>
<a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</ul>
Ändra färg på color och storlek på size
Om man nu vill ha hjärtana innan Länkar, Arkiv etc gör man samma sak, lägger koden efter <li>
Om man vill ha en egen bild så laddar man upp bilden och klistrar in där hjärtat är istället, med denna koden:
<img src="Länk från bild här">
Spara!
Ta bort linje under header
1 kommentarer /
Kommentera här!

Bläddra ner till denna koden och ta bort det markerade, se nedan:

Spara så var det klart !
Ändra, lägg till linje runt inlägg
1 kommentarer /
Kommentera här!

Kopiera denna koden om den inte finns i stilmallen: border:2px dashed #950C22;

Ändra färg på: #950C22
Ändra utseende på linjen: dashed
Ändra tjockleken på linjen: 2px
Olika typer av linjer som ni byter ut i koden:
dotted
solid
double
dashed
Gör så länken hoppar fram
0 kommentarer /
Kommentera här!

1. Kopiera denna koden:
.nav a { color: #000;text-decoration:none; }
.nav a:hover {color: #BFCFE8;text-decoration:none;padding-left:7px;
}
2. Lägg in koden så det ser ut så här i stilmallen, se nedan:

Förklaring:
Ändra färg på: color#000;
Hur långt till höger länken ska hoppa fram, ändrar man på: padding-left:7px;
.nav a { color: #000;text-decoration:none; }
.nav a:hover {color: #BFCFE8;text-decoration:none;padding-left:7px;
}
3. Förhandsgranska och Spara!
Bloglovin ikon i varje inlägg
5 kommentarer /
Kommentera här!
1. Kopiera koden nedan och klistra in din egna kod där det står DIN KOD HÄR:
<div align="right">
DIN KOD HÄR
</div>
2. Klicka sedan på kodmallen och bläddra ner till <div id="content">
Se alternativen nedan:

3. När du är nöjd spara och gör samma sak på de andra sidorna om du vill, arkiv, kategori och inläggsidan
Gör en bild till en kod (url kod)
1 kommentarer /
Kommentera här!
Detta gäller även om man ska ladda upp en animations bild, det är super enkelt.
För vissa är det ganska självklart men inte för alla.
1. Gå in på din blogg, klicka på skapa, bild och ladda upp det du vill.
2. När bilden kommer upp till vänster, klicka på den, då syns bara den på skärmen.
3. Kopiera sedan länken som kommer upp i sökfältet högst upp, se förklaring nedan:
4. Nu var det klart, klistra in länken (koden) i kodmallen eller stilmallen, beror på var du vill ha den.

Hjärta innan rubriken
1 kommentarer /
Kommentera här!

1. Klicka på design, kodmall och bläddra ner till <div id="content">
2. Kopiera denna koden: ♥ klistra in efter <h3>
3. Spara och gör samma sak på de andra sidorna: inläggsida, arkivsida, kategorisida.
Mer tips:
Om man vill ändra färg på hjärtat klistra in denna koden efter <h3>
<font face="arial" color="#6c6c6c" size="5" height="4000"> ♥ </font>
Om man vill ha något annat änn hjärta, kan man välja något annat tecken.
Skugga på rubriken
3 kommentarer /
Kommentera här!

1. Kopiera denna koden:
text-shadow: #666666 1px 2px 2px;
2. Klistra in den i stilmallen, i denna koden, se nedan hur det ska se ut:
h1,h3,h4,h5,h6, div.navheader, div.default {
font-family:Mongolian Baiti ;
color: #ffffff;
text-shadow: #666666 1px 2px 2px;
}
3. Förhandsgranska och spara!
Skapa två menyer
1 kommentarer /
Kommentera här!
1. Klicka på stilmallen
2. Kopiera in texten nedan mellan #side och #content .
#side2 {
position: absolute;
left: 700px;
top: 100px;
width: 200px;
height: 400px;
background: #ffffff;
padding: 10px 10px 10px;
text-align:left;
}
3. Spara och gå sedan in på "kodmallar"
4. Klistra in koden som står nedan, precis över </body> Gör sedan samma sak på de andra sidorna inläggssida, arkivsida och kategorisida.
<div id="side2">
</div>
5. Spara, och gå sedan in på stillmallar igen.
6. Nu kan du ändra så att du får menyn som du vill ha den.
#side2 {
position: absolute; <- Positionen.
left: 700px; <- Hur långt från vänsterkanten menyn ska vara.
top: 100px; <- Hur långt ned på sidan menyn ska vara.
width: 200px; <- Hur bred menyn ska vara.
height: 400px; <- Hur lång menyn ska vara.
background: #ffffff; <- Vilken bakgrundsfärg menyn ska ha.
padding: 10px 10px 10px; <- Hur stor mellanrum ska vara mellan kanten på menyn och innehållet i menyn.
text-align:left; <- På vilken sida texten ska vara på. left/right/center
}
7. När du är klar, lägger du in det du vill ha i din meny i kodmallen, mellan <div id="side2"> </div>
Hoppas detta var till någon hjälp.
Länk till toppen av sidan
1 kommentarer /
Kommentera här!
Man kan ju såklart lägga den var man vill i inläggsrutan, men ska visa hur man lägger in den som på bilden nedan:

1. Kopiera denna koden och klistra in längst ner i din stilmall:
2. Kopiera denna koden:
3. Gå in i kodmallen och klistra in koden, se nedan:

4. Kopiera denna koden: <a name="top"></a> och lägg in den innan <div id"content"> i kodmallen:

Gör nu samma sak på punkt 3 och 4 på de andra sidorna:
Framsida
Kategorisida
Arkivsida
Om man vill byta ut bilden på huset som ni får låna av mej till en egen, byter ni ut denna länken:
http://bloggstyle.se/images/2010/hus-litet_85067482.png
Skugga runt bloggen (wrapper)
3 kommentarer /
Kommentera här!

1. Kopiera någon av koderna nedan:
-moz-box-shadow:0px 0px 15px #888;
box-shadow: 0px 0px 15px #888;
padding: 0px 0px 0px 0px;
-moz-box-shadow:0px 0px 30px #888;
box-shadow: 0px 0px 30px #888;
padding: 0px 0px 0px 0px;
2. Klicka på stilmallen, bläddra ner till wrapper och lägg in koden.
Exempel:
#wrapper {
clear:none;
margin: 30px auto;
padding: 20px;
width: 830px;
background-color: #FFFFFF;
-moz-box-shadow:10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
padding: 0px 0px 0px 0px;
}
Ändra färg på #888
Förhandsgranska och spara!
Dela upp menyn i boxar
16 kommentarer /
Kommentera här!

1. Dela först på side och content och få ett mellanrum om du inte har detta.
2. Klicka på stilmallen, leta upp wrapper och ta bort bakgrundsfärgen, skriv none; istället för #ffffff;
3. Förhandsgranska och kolla om det blir uppdelat.
Om inte, minska bredden på #side och #content tills det blir som du vill ha det.
Ändra width:221px; till exempel width: 200px; på menyn.
4. Nu för att få boxar i menyn, kopiera koden nedan:
5. Klistra in koden i stilmallen, se bild nedan (Nu ser koden inte exakt likadan ut)

6. Kom ihåg att ändra bredden på #side och #box lika breda på width
Ta även bort (background: #FFFFFF;) på #side
7. Kopiera dessa koder: <div id="box"> och </div><br>
8. Klistra in dem i kodmallen efter <div id="side">
Exempel:

Mer exempel hur det ska se ut:
<div id="side">
<div id="box">
<div>Senaste inläggen</div>
<ul>
<tag:recentlist limit="20">
<li><a href="${EntryPermaLink}">${EntryTitle}</a></li>
</tag:recentlist>
</ul>
</div><br>
<div id="box">
<div>Kategorier</div>
<ul>
<tag:categorylist>
<li><a href="${CategoryLink}">${CategoryName}</a></li>
</tag:categorylist>
</ul>
</div><br>
<div id="box">
<div>Arkiv</div>
<ul>
<tag:archivelist>
<li><a href="${ArchiveLink}">${ArchiveName}</a></li>
</tag:archivelist>
</ul>
<tag:if test="${hasLinks == 'true'}">
</div><br>
<div id="box">
<div>Länkar</div>
<ul>
<tag:linklist>
<li><a href="${LinkURL}" title="${LinkDescription}">${LinkName}</a></li>
</tag:linklist>
</ul>
</tag:if>
</div><br>
</div>
Skapa en rund kant längst ner i menyn
2 kommentarer /
Kommentera här!
När man skapat själva bilden laddar man upp den på sin blogg och kopierar länken till bilden och lägger in i kodmallen, bläddra ner till side och lägg in koden längst ner i menyn.
<img src="LÄNK FRÅN BILD">
Dela upp menyn i boxar med runda hörn
4 kommentarer /
Kommentera här!
Nu ska jag visa hur man lätt kan ändra menyn så den ser ut så här, se bild nedan:
Det är mycket lätt, enda man behöver är photoshop, (detta funkar om man har en enfärgad bakgrund)
Istället för att skriva och förklara hur man gör, har jag gjort ett videoinlägg där jag visar steg för steg.
I slutet av videon går det lite snabbt, men man gör precis som innan i videon och klistrar in länken från bilden i kodmallen, exempel efter arkiv.
Viktigt också att man ändrar padding i stilmallen på #side {
Ändra till 0px; eller ta bort padding helt.
Kort beskrivning:
1. Print screena din blogg och lägg in i photoshop, finns en knapp på datorn, (prt sc)
2. Beskär sedan ut en bit av menyn, lika bred, viktigt man inte zomar in eller ut när man gör detta.
3. Gör hela bakgrunden enfärgad, samma som din bloggs bakgrund
4. Gör sedan själva bilden, gör en vit "båge" och beskär ut och spara.
5. Ladda upp på din blogg och klistra in i kodmallen där du vill ha den, exempel över Arkiv
6. Gör nu en till bild detta ser man i videoinlägget hur man gör, bara att "vända på den" och spara.
7. Gör samma sak och ladda upp och lägg in den, exempel under Arkiv
Glöm inte att lägga till "> i slutet och <img src=" i början exempel: <img src="LÄNK FRÅN BILD">
Har ni frågor är det bara att skriva.

Ändra storleken på rubrikens första bokstav
3 kommentarer /
Kommentera här!

För att ändra så man får en större bokstav i rubriken gör man detta i kodmallen.
1. Bläddra ner till Arkiv, denna koden:
<div>Arkiv</div>
2. Ändra så det ser ut så här:
<div><font size="+3">A</font>RKIV</div>
På font size +3 ändrar man storleken
Signatur efter varje inlägg
3 kommentarer /
Kommentera här!

1. Ladda upp den bild du vill ha efter varje inlägg tex ditt namn eller sidans namn.
2. Kopiera denna koden:
3. Gå in i kodmallen, framsida och klicka ner till content.
Lägg in koden du kopierade och lägg in den, se nedan:
4. Om du vill ha "bilden" till vänster skriver du i left där det står right
Eller om du vill ha den i mitten skriver du center
Spara och se hur det blev.
Ladda upp egen header
0 kommentarer /
Kommentera här!

1. Ladda upp din bild, se också hur stor den är så den passar in på din blogg.
2. När du laddat upp bilden, kopierar du länken till bilden.
3. Gå in i kodmallen och bläddra ner till header, ta bort det markerade som syns på bilden nedan:

4. Kopiera denna koden: <img src="LÄNK FRÅN DIN BILD HÄR">
Lägg in koden under header, se nedan:

OBS! Lägg in länken från din bild där det står LÄNK FRÅN DIN BILD HÄR
Det andra ska stå kvar!
Spara så ska det vara klart!
Gör header "tillbaka till startsida" länk
1 kommentarer /
Kommentera här!

1. Gå in i kodmallen, börja med att klicka på inläggsidan, därefter gör samma sak på de andra sidorna.

2. Kopiera denna koden:
3. Klistra in den efter header så det ser ut så här:

4. Spara och gör samma sak på de andra sidorna utom framsidan.
Centrera bloggen
1 kommentarer /
Kommentera här!
Exempel i stilmallen:
#side {
position: absolute;
left: 95px;
top: 105px;
width: 1000px;
display: inline;
background:none;
}
1. Leta upp wrapper i stilmallen, och ändra koden så den ser ut så här:
div#wrapper {
margin-left: auto;
margin-right: auto;
width: 1070px;
position: relative;
align:center;
}
2. Spara och se om det funka, om inte ska du gå in i kodmallen och lägga till denna koden:
<div id="wrapper">
3. Lägg den precis efter </head>
4. Lägg den även innan <div id="content">
5. Om du har en dropdown meny och den inte blir centrerad så lägg även innan den koden.
Spara så ska det funka!
Skapa en ram runt inläggena
1 kommentarer /
Kommentera här!

1. klicka på design och stilmallen.
2. Bläddra ner till koden: div#content div.entrybody {
3. Lägg till denna koden: border: 1px solid #c7c7c7;
Ändra tjockleken på kanten på 1px
Ändra färg på kanten på #c7c7c7
Ändra kantens utseende på solid till exempel:
- double
- dashed
- dotted
- groove
- ridge
- inset
- outset
Lägg in Facebook gilla knapp
0 kommentarer /
Kommentera här!

Gå först in på din facebook och kopiera din personliga kod och klistra in på din blogg, så här gör man:
1. Klicka på design och kodmallar
2. Hitta Entrybody, denna koden:
<div >${EntryBody}</div>
3. Vill man att Facebook gilla knappen hamnar innan det skriva inlägget, ska det se ut så här:
<div >
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&layout=standard&show_faces=false&width=450&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:538px; height:30px"></iframe>
${EntryBody}</div>
4. Om man vill att Facebook gilla knappen hamnar efter det skriva inlägget, lska det se ut så här:
<div> ${EntryBody}</div>
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&layout=standard&show_faces=false&width=450&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:538px; height:30px"></iframe>
5. Gör nu samma sak på de andra sidorna och spara.
Öka mellanrummet på header
0 kommentarer /
Kommentera här!
detta, man kan göra på lite olika sätt men ska visa på ett lätt sätt.

Gå in i stilmallen och klicka ner till div#header {
Ta bort padding och ändra det till så det ser ut på bilden nedan:

Om man vill ha ett mindre eller större mellanrum, ökar man 20px
Förhandsgranska och spara.
Man kan även göra på detta sättet:
Gå in i kodmallen och bläddra ner till <div id="header">
Lägg till <br> se nedan:

Lägg till fler <br> om du vill öka mellanrummet.
Spara och se hur det blev.
Högerklicksskydd på din blogg
2 kommentarer /
Kommentera här!
1. kopiera denna koden:
<body oncontextmenu="return false">
2. Gå in i din kodmall och bläddre ner till body, ta bort body och klistra in koden, se exempel:


3. Gör nu samma sak på dom andra sidorna:

Så hamnar du lättare på framsidan av blogg.se
1 kommentarer /
Kommentera här!

Ett sätt för att lättare hamna på blogg.se framsida är att man ändrar på sin blogg, på inställningar och framsida, där kan man sedan lägga till 1-3 stycken kategorier vad ens blogg handlar om, så blir det lättare för blogg.se att hitta när dom ser något intressant som dom vill ha med på sin framsida.
Category:
Så hamnar du lättare på framsidan av blogg.se
Date:
2011-09-05
Clock:
22:13:18
Hur du kommer med i aktiva listan på blogg.se
4 kommentarer /
Kommentera här!

1. Var aktiv varje dag, skriv från 5-6 inlägg/ dag
2. Var aktiv genom att kommentera mycket på andra bloggar
Nu är det många bloggare där ute men är du mycket aktiv så kommer du kanske med efter någon dag
och gör man detta ska man vara glad :)
Category:
Hur du kommer med i aktiva listan på blogg.se
Date:
2011-09-05
Clock:
18:47:38
TÄVLING - BLI VECKANS BLOGG
60 kommentarer /
Kommentera här!

Drar en vinnare som kommer synas i menyn till vänster med en bild länk, en hel vecka!
Alla som har en blogg kan vara med!
För att vinna:
- Skriv att du är med i detta inlägget
- Lägg till sidan på bloglovin och Gilla detta inlägget
- Har du facebook så gilla gärna sidan
- Tipsa om detta på din blogg, låna gärna bilden!
Lycka till! Tävlingen avslutas den 12 sep
AVSLUTAD
Ta bort eller ändra RSS
0 kommentarer /
Kommentera här!

Exempel 1
Hur man tar bort ikonen, gå in i kodmallen och ta bort denna koden, se nedan:

Exempel 2
Hur man lägger till koden igen, kopiera denna koden och lägg in igen på samma ställe:
<div>
<a href="index.rss" title="RSS"><img src="http://static.blogg.se/img/rss.gif" border="0" alt="RSS 2.0" /></a>
</div>
Exempel 3
Om man vill ändra RSS-Ikonen till en annan, ladda först upp den bild du vill ha på din blogg och kopiera länken till bilden Lägg sedan in länken i kodmallen, se nedan:

Exempel 4
Om man endast vill att RSS-Ikonen blir en text, ta bort hela RSS koden och kopiera denna koden:

Skapa en egen bildlänk
0 kommentarer /
Kommentera här!

För att göra en egen bildlänk och lägga in i sin meny som andra kan kopiera är mycket lätt!
1. Skapa först din bild i tex photoshop, tips att den inte ska vara större änn 88x32 pixlar.
2. Ladda upp bilden på din blogg och kopiera länken till bilden.
3. Kopiera denna koden:
4. Klistra in den i kodmallen mellan <div id="side"> <div>
5. Klistra nu in länken från din bild där det står: länk till din bild i koden.
Skriv även dit din länk till din sida.
För att ändra höjd och bredd på rutan med kod i gör man så här:
cols="16" Detta är bredden
rows="3"> Detta är höjden
För att centrera allt ihop lägg till <center> i början av koden och </center> i slutet av koden.
Spara så ska det vara klart!
Rullande text på bloggen
1 kommentarer /
Kommentera här!
1. Kopiera denna koden:
<style type="text/css">
.marquee {
height:15px;
width:200px;
background-color:ffffff;
font-family:tahoma;
font-size:11px;
color:666666;
}
</style>
<marquee direction="left" behavior="scroll" scrollamount="3" >Din text här...</marquee>
2. Gå in i kodmallen och klistra in koden i din meny, se bilden nedan:

Mer förklaring hur koderna funkar:
<style type="text/css">
.marquee {
height:15px; Höjden
width:200px; Bredden
background-color:ffff33; Bakgrundsfärg
font-family:Tahoma; Typsnittet på texten
font-size:11px; Storleken på texten
color:666666; Färgen på texten
Om man vill lägga till en kant runt om, lägg till koderna border direkt efter color...
border-width:1px; Tjockleken på kantlinjen
border-style:solid; vilken typ av kantlinje, solid, dotted, dashed, none
border-color:cccccc; Färgen på kantlinjen
}
</style>
<marquee
direction="left" Vilket håll texten ska åka, välj mellan right, left, up, eller down
behavior="alternate"
scrollamount="3"> Hastigheten på texten
Om du nu vill ha texten under headern lägger du in koden under din bild i kodmallen.
Tipsa mer om era inlägg
0 kommentarer /
Kommentera här!

1. För att göra detta klicka in på Linkwithin
2. Fyll i din mail, länk till din sida, har du blogg.se väljer du other på platform...
När man är klar klicka på get widget

3. Kopiera koden som kommer upp och lägg in i din kodmall, lägg in den innan </body>
längst ner på sidan, se exempel:

4. Gör nu samma sak på de andra sidorna om du vill att det ska synas när man klickar runt på sidan.
Spara så ska det vara klart!
All info för att skapa en egen domän
0 kommentarer /
Kommentera här!
Som denna sidan heter bloggstyle.se
Gå in på loopia, klicka nedan:
Så här gör man:




Fyll i dina uppgifter:

Efter du blivit godkänd och betalt domänen, får du ett mail med info med inloggningsuppgifter så du kan logga in på ditt konto.
När du gjort detta klickar du på domän och webb sedan på domäninställningar:

Ställ in subdomän till www
Klicka sedan på DNS, välj typ A och kopiera de här koderna 83.140.163.114 och klistra in på mål:
Spara sedan och se om det gick igenom, logga sedan ur.

Gå in på din blogg, klicka på inställningar, domänpekning och fyll i din domän och spara.

Videoförklaring:
Skapa kontaktformulär
2 kommentarer /
Kommentera här!

Ska förklara hur ni lätt kan skaffa ett kontakt formulär, om någon vill kontakta er så ska man lätt kunna skicka ett mail till er.
1. Kopiera koden nedan, gå in i kodmallen, klistra in koden någonstans mellan
<div id="side"> och </div>
2. Nu ska du skriva in din mail, min mail är bloggstyle@live.se och då ser det ut så här:
Exempel:

3. För att ändra ämne skriver du in en egen text, se nedan:

4. Om du vill ta bort ett ämne, tar du bort hela raden: <option>Beröm & kritik</option>
Nu är det bara att spara och se om det funka, skriv om ni har frågor.
Lägg in egen bild i menyn
3 kommentarer /
Kommentera här!

Hur man lägger in en bild i menyn är mycket lätt, så här gör man:
1. Kolla först upp hur bred din meny är i stilmallen
Bläddra ner till denna koden:
#side {
position: absolute;
left: 744px;
top: 196px;
width: 200px; <---Bredden på menyn
display: inline;
padding: 0 5px 5px 5px;
background: #ffffff;
border-left-width: 1px;
border-left-style: dashed;
border-left-color: #dad9d9;
}
Där ser du hur bred menyn är, padding är 5px det är hur långt ifrån bilden är kanten på
menyn till höger och vänster.
Exempel: Skapa en bild som är 190 bred och höjden får du bestämma själv, gör detta i tex photoshop eller annat program du har.
Men man kan välja helt själv, man kan ladda upp en bild som är 200 eller 300 px bred etc, så ändrar man bredden sedan i stilmallen på width
2. Ladda nu upp bilden i bloggen och kopiera länken till bilden.
3. Gå in i kodmallen och bläddra ner till <div id="side">
Kopiera denna koden:
<img src="länk">
Klistra nu in din länk till bilden, Exempel:
<div id="side">
<img src=http://bloggstyle.se/images/2010/meny_67965893.jpg>
Man kan ju placera bilden var man vill i menyn genom att klistra in den någonstans mellan
<div id="side">
</div>











