BLI MÅNADENS BLOGG, VINNAREN DRAS IKVÄLL!
1. Följ sidan med Bloglovin och Facebook ett plus om man följer med blogkeen
2. Skriv upp din blogg, klart!
BLI VECKANS BLOGG, VINNAREN DRAS IKVÄLL
1. Följ sidan med Bloglovin och Facebook ett plus om man följer med blogkeen
2. Skriv upp din blogg, klart!
VINNAREN UTSES REDAN IKVÄLL!!!
Videotips - Ändra i kommentera inlägg
Olika typsnitt man kan ladda ner
Typsnitten hittar ni på www.dafont.com
Hur man laddar ner och installerar dem på photoshop, hittar ni här!
Veckans blogg vinnare blev..
DENNA VECKANS VINNARE KAN NI SE HÖGST UPP PÅ SIDAN!
TACK ALLA SOM VAR MED, VANN DU INTE, VAR MED I NÄSTA TÄVLING :)
FLER BESÖKARE TILL DIN BLOGG
BLOGGRIKET HAR UTVECKLATS MER OCH BLIVIT EN ÄNNU BÄTTRE SIDA
KOLLA GÄRNA IN DEN, REGISTRERA DEJ GRATIS OCH FÅ FLER BESÖKARE, EN SIDA SOM FUNKAR!
TÄVLING - BLI VECKANS BLOGG
1. Följ sidan med Bloglovin och Facebook ett plus om man följer med blogkeen
2. Skriv upp din blogg, klart!
Tävlingen avslutas den 4 Mars
AVSLUTAD, TACK ALLA SOM VARIT MED! VAR MED I NÄSTA TÄVLING OM DU INTE VANN :)
Tips - Så får du en bra blogg och fler besökare
1. Bra design, stilren och snygg, inte vit och tråkig.
2. En snygg header, en header som visar upp vad bloggen handlar om, för det är det första man ser när man besöker sidan.
3. Inte för mycket bilder och reklam som distraherar designen eller själva innehållet.
4. Bilder är viktigt i inläggen, tråkigt att bara läsa en massa text.
5. Sätt en spännande rubrik.
6. Gör texten lättläst (styckeindelning, underrubriker) Skriv inte för mycket text, ta med det viktigaste, blir det för mycket text blir det att man tröttnar och orkar inte läsa allt, korrekturläs texten och redigera stavfel!
7. Var nischad, se till att hålla dig till ditt tema även om du känner att du har blogg-torka.
8. Skriv om det du brinner för, då kommer ditt engagemang att smitta av sig på läsaren.
Det blir dessutom lättare att skriva eftersom det kommer mer naturligt och det är kul.
9. Skriv varje dag för att läsare inte ska tröttna, man vill ju att dom ska komma tillbaka.
10. Tänk på vilka ämnen du bloggar om, blanda inte ihop för mycket, tex gillar du mode, skriv om det och kanske din vardag, för att blanda mode och spel inlägg passar kanske inte så ihop.
11. Bloggare har ofta länklistor i sin meny, försök byta med varandra, börja med att byta med dina nätkompisar.
12. Se till att synas hos andra bloggare, genom att skriva kommentarer och skicka tips om just din blogg.
13. Sprid inlägget (Facebook, Twitter, Bloglovin, Pusha)
14. Lägg till bloggen på flera sidor, några tips: bloggriket, blogtoplist och bloggtoppen
Bakgrund på länkarna i menyn vid mouseover
För att göra detta så är det inte så svårt, ska förklara steg för steg
1. Kopiera dessa koder:
div.nav li {
padding-top:2px;
padding-left:0px;
border-bottom:1px solid #e3e1e1;
list-style: none;
line-height: 15px;
}
div ul li:hover{
color:#ffffff;
font-family:arial;
text-shadow: #cccccc 1px 2px 2px;
background:#eFEFEF;
}
div.nav ul li strong {
line-height: 37px;
font-size: 11px;
background:#5b5b5b;
}
2. Klicka på stilmallen, leta upp div nav li koden, ta bort den och ersätt men dessa koder.
Nu är det bara att testa sej fram hur man vill ha färg på bakgrunden och text
I den sista koden ändrar man hur det ska bli vid mouseover.
TPSA OM SIDAN & BLI LÄNKAD
EFTER DU GJORT DETTA, SKRIV I DETTA INLÄGGET MED LÄNK TILL DITT TIPS
ANTINGEN TILL DIN BLOGG ELLER FACEBOOK :)
ALLA SOM GÖR DETTA KOMMER JAG LÄNKA!
Tävling! Vinn valfritt iphone skal
NU KÖR VI IGÅNG EN TILL TÄVLING, DÄR MAN KAN VINNA ETT VALFRITT IPHONE SKAL TILL
DIN 3G ELLER 4 MOBIL, KOMMER LOTTA UT TVÅ STYCKEN!
För att vara med i Tävlingen (viktigt)
1. Börja med att klicka in på mirabling.se Välj ut det skal som du vill vinna i prisklassen 149-299kr.
Kopiera länken till det skal du vill vinna och skriv i detta inlägget och att du är med och tävlar, glöm ej mail.
2. Följ sidan med BLOGLOVIN
För att öka chansen skriv om tävlingen på din blogg.
Vinnarna utses den 15 Mars
Animationer till din blogg
Animationerna till din blogg, kanske i ett inlägg ihop med en text eller om man vill ha en eller fler tex menyn.
TÄVLING - BLI VECKANS BLOGG
1. Följ sidan med Bloglovin och Facebook ett plus om man följer med blogkeen
2. Skriv upp din blogg, klart!
Tävlingen avslutas den 26 Feb
AVSLUTAD, VECKANS BLOGG KOMMER SNART UPP!
BLOGG DESIGNER SE HIT
SKRIV UPP DIN BLOGG ADRESS I DETTA INLÄGGET
LÄNKA DENNA SIDAN I DIN MENY
KLART OCH DU SYNS PÅ SIDAN INOM KORT! :)
Ändra färg på skuggan runt bloggen..
Mer info om koderna finns här
Såklart går det att ändra skuggans färg om man lägger den runt menyn eller inlägg eller var man nu har den.
TÄVLING - BLI VECKANS BLOGG
1. SKRIV ATT DU ÄR MED OCH BLOGG ADRESS
2. LÄGG TILL SIDAN PÅ BLOGLOVIN
ETT PLUS OM DU GILLAR SIDAN PÅ FACEBOOK TIPSA GÄRNA ERA VÄNNER MED
AVSLUTAD
TÄVLING - BLI VECKANS BLOGG
1. SKRIV ATT DU ÄR MED OCH BLOGG ADRESS
2. LÄGG TILL SIDAN PÅ BLOGLOVIN
ETT PLUS OM DU GILLAR SIDAN PÅ FACEBOOK TIPSA GÄRNA ERA VÄNNER MED
KLART, LYCKA TILL ALLA! TÄVLINGEN AVSLUTAS DEN 29 JAN
AVSLUTAD, VINNAREN FINNS I MENYN!
Lägg in reklam över headern
1. Klicka på kodmallen
2. Klistra in koden från reklamen, se nedan var man ska lägga in det:
<div id="header">
LÄGG IN KODEN HÄR!
<h1><a href="${BlogUrl}">${BlogTitle}</a></h1>
<h2>${BlogDescription}</h2>
</div>
Vill du ha den centrerad lägg till:
<center> KOD HÄR </center>
Videoförklaring hur man lägger in Fonts
Videoförklaring hur man installerar fonts, (typsnitt) till photoshop.
(OBS! Ljudet är lite dåligt, men hoppas ni förstår ändå, tycker ni att det behövs en bättre videoförklaring, skriv detta isåfall)
Videotips - Ändra färg på skuggan runt bloggen..
Mer info om koderna finns här
Såklart går det att ändra skuggans färg om man lägger den runt menyn eller inlägg eller var man nu har den.
Koppla ihop dina inlägg med facebook, twitter...
1. Skapa ett konto på http://twitterfeed.com
Gå efter vad som står och det är klart inom någon minut!
Mellanrum på header och wrapper
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!
VINNAREN I DAGENS BLOGG + NY TÄVLING
NY TÄVLING, ALLA KAN VARA MED, SKRIV UPP DEJ, KLART!
VINNAREN DRAS 18/1 KL 21:00
VINNAREN I DAGENS BLOGG + NY TÄVLING
NY TÄVLING, ALLA KAN VARA MED, SKRIV UPP DEJ, KLART!
VINNAREN DRAS 17/1 KL 21:00
ETT PLUS OM MAN FÖLJER SIDAN MED BLOGLOVIN ELLER FACEBOOK
TÄVLING - BLI DAGENS BLOGG
ALLA KAN VARA MED, SKRIV UPP DEJ, KLART!
VINNAREN DRAS 16/1 KL 21:00
TACK ALLA SOM VARIT MED, OM DU INTE VANN, VAR GÄRNA MED I NÄSTA TÄVLING!
Tack för ni tipsar!
Detta gör det värt att fortsätta driva sidan, när folk tipsar och skriver om sidan på sina bloggar, det är jag tacksam för! Så tack så mycket Lina!
Om fler har gjort ett inlägg på sin blogg, skriv gärna detta i detta inlägget, annars börja tipsa, tack alla läsare :)
TÄVLING - BLI VECKANS BLOGG
1. SKRIV ATT DU ÄR MED OCH BLOGG ADRESS
2. LÄGG TILL SIDAN PÅ BLOGLOVIN
ETT PLUS OM DU GILLAR SIDAN PÅ FACEBOOK TIPSA GÄRNA ERA VÄNNER MED
KLART, LYCKA TILL ALLA! TÄVLINGEN AVSLUTAS DEN 20 JAN
AVSLUTAD
Skapa dropdown meny Tips 2
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]
Skapa en dropdown meny Tips 1
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">
Bloggdesigners och blogghjälpare se hitåt
Håller på för fullt och bygger på ännu en sida.
På sidan kommer jag även länka till de som gör bloggdesigner och ni som bloggar om bloggdesign.
Allt för att tipsa om varandra och synas utåt, alla vinner på det.
Alla som är intresserade, skriv upp er i detta inlägget och sidlänk så kollar jag detta senare.
Börja redan nu följa med bloglovin
Lägg in egen bild i menyn
Bläddra ner till denna koden:
Lägg in denna koden:
Lägg in koden någonstans mellan:
<div id="side"> och </div>
vill man ha ett mellanrum mellan bild och text, lägg till denna koden: <br><br>
Ändra bakgrunds färg i menyn
Klicka på stilmallen
Bläddra ner till denna koden:
Lägg till denna koden: background:#cccccc;
Klistra in sedan, se exempel nedan:
Ändra nu till den färg du vill ha, kolla efter olika färg koder via google.se
Bakgrund i inläggs spalten (content)
Klicka på stilmallen
Bläddra ner till denna koden:
Lägg till denna koden: background:url(LÄNK FRÅN BILD);
Förhandsgranska och spara.
VINNARNA I IPHONESKAL TÄVLINGEN!
Jätte roligt att så många var med denna gången, men kan bara välja två, men de kommer nya chanser.
Vinnarna blev:
Alva Hemer & Elisabeth Enoksson
GRATTIS TILL ER :)
Page under construction
Nu hålls det på för fullt med ännu en sida, en sida som även kommer vara kopplad till denna sidan, men även till andra sidor, där kommer också finnas länkar till de som designar bloggar, tips och annat kul.
Mer info om sidan kommer senare.
Vad tycker ni om iden? Sidan är ännu inte klar så kom gärna med förslag vad ni vill se på sidan.
TÄVLING - BLI VECKANS BLOGG
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!
AVSLUTAD
Ladda ner photoshop gratis här
Ladda ner Adobe Photoshop Elements 10 Gratis i 30 Dagar, ett bra hjälpmedel om du vill designa bloggar!
Om man vill testa andra program klicka in här: adobe.com
Tack alla läsare! Fort och följ
Nu behöver jag allas hjälp att nå upp till 500 prenumeranter bara 30 kvar!
När sidan nått över 500 så kommer jag lotta ut en gratis bloggdesign!
Så börja tipsa era vänner om sidan!
TÄVLING - BLI VECKANS BLOGG
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!
AVSLUTAD
Gilla sidan på Facebook, bli även vänn
Alla som följer sidan kan även "Gilla" sidan på Facebook, då är det lättare att hålla koll på alla tips och tävlingar som kommer!
Jag som driver denna sidan har även Facebook där man kan bli vänn, detta är inte min personliga Facebook utan där alla kan bli vänn, där tipsar jag och skriver också, allt för att sprida och tipsa om min sida :)
Hoppas ni fort och följer och var med i tävlingarna som pågår! Lycka till!
Videotips - Lägg in dagens datum på bloggen
En kul grej man kan lägga in på bloggen är dagens datum på bloggen, lägg in den tex i menyn!
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:
FÖLJ SIDAN MED BLOGKEEN
FÅR GÄRNA PRENUMERERA VIA BLOGKEEN.SE OCKSÅ :)
Tävling! Vinn valfritt iphone skal!
NU KÖR VI IGÅNG EN TILL TÄVLING, DÄR MAN KAN VINNA ETT VALFRITT IPHONE SKAL TILL DIN IPHONE 3G ELLER 4 MOBIL, KOMMER LOTTA UT TVÅ STYCKEN!
För att vara med i Tävlingen (viktigt)
1. Börja med att klicka in på mirabling.se Välj ut det skal som du vill vinna i prisklassen 149-299kr
Kopiera länken till det skal du vill vinna och skriv i detta inlägget och att du är med och tävlar, glöm ej din mail.
2. Gilla detta inlägget på Bloglovin.
3. Följ sidan med bloglovin
Gilla även på Facebook.
För att öka chansen skriv om tävlingen på din blogg.
Vinnarna utses den 4 Dec
Lycka till! :)
AVSLUTAD,
Vinnarna blev:
Alva Hemer & Elisabeth Enoksson
Vill ni göra ett länkbyte?
Har ni från 200besökare/dag på eran sida så gör jag gärna ett länkbyte, som kommer synas i menyn och ni lägger till bloggstyle.se i eran meny. Låter det intressant, har från 300-400 besökare /dag och de ökar.
Skriv i detta inlägget om du vill göra ett byte :)
Ps! Ska svara på alla era frågor på blogresponse när jag får tid!
Videotips - Dela upp menyn i boxar med runda hörn
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.
Redigera dina bilder i Magic hour
Appen: Magic hour, ladda upp din bild och välj bland olika filter och effekter, hundratals, och dom är gratis allihopa! :)
TÄVLING - BLI VECKANS BLOGG
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!
AVSLUTAD! VAR MED I NÄSTA TÄVLING :)
Videotips - Skapa en bård i photoshop
Steg för steg visar jag i videon hur man gör en bård som man kanske vill ha högst upp på sin blogg som bakgrund
Hur man laddar ner penslar till photoshop klicka här.
När du skapat själva bilden laddar man upp bilden i bloggen, kopiera länken från bilden och klistrat in i stilmallen.
Ta bort det som står på background och kopiera in denna koden:
background-image:url(LÄNK FRÅN BILD);
background-color:#eed7d1;
background-repeat: repeat-x;
background-attachment: absolute;
}
Ändra bakgrundens färg på hela bloggen på background-color...
Bli vänn på Facebook!
Jag som driver denna sidan heter Anni, alla som gillar bloggstyle.se får gärna bli min vän på Facebook.
För jag skriver även där och tipsar om saker som händer på sidan också.
Har såklart en mer privat Facebook, men på denna får alla bli vänn me mej, klicka här isåfall :)
Bloggriket har uppdaterat!
Sidan bloggriket, en sida där man kan regga sin blogg och hamna långt upp i toplistan om man har många besökare, men man kan även synas om man har en liten blogg också, som tex skriver du ett nytt inlägg i din blogg så syns detta på bloggriket en kort tid.
Kolla gärna in sidan, bloggstyle.se rekomenderar detta!
Gör inläggsrutan (content) bredare
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!
TÄVLING - BLI VECKANS BLOGG!
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!
AVSLUTAD
TÄVLING - BLI VECKANS BLOGG
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!
AVSLUTAD
Ändra storleken på rubrikens första bokstav
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
Man kan ju såklart ändra på andra ställen också än Arkiv.
Exempel i ett inlägg (glöm inte att ändra till html läge): Exempel
Då ser koden ut så här:
TÄVLING - BLI VECKANS BLOGG
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!
AVSLUTAD
Ändra utseende på arkiv
Kod som du ska klistra in i kodmallen under Arkiv:
<center>
<a href="http://bloggadress/2010/january">Januari |</a>
<a href="http://bloggadress/2010/febuary">Februari |</a>
<a href="http://bloggadress/2010/march">Mars |</a>
<a href="http://bloggadress/2010/april">April |</a>
<a href="http://bloggadress/2010/may">Maj</a>
<a href="http://bloggadress/2010/june">Juni</a>
<font face="arial" color="#b9b8b8" size="1" height="4000"> <br>
Juli |
Augusti |
September
| Oktober
November |
December
<br><br>
</center>
</font>
Skapa en footer
1. Gör din footer i tex photoshop, viktigt att den är lika bred som (content)
2. Ladda upp bilden på din blogg och kopiera adressen till den
3. Gå in i din stilmall, nu ser inte koden exakt ut så här men leta upp div#content{
Denna koden:
div#content {
position: absolute;
top:190px;
left:40px;
float: right;
clear: right;
display: inline;
padding-left:5px;
padding-top:5px;
padding-bottom:120px;
padding-right:5px;
width: 665px;
background-color: #ffffff;
}
4. Lägg till denna koden:
background:url(LÄNK FRÅN DIN BILD) no-repeat left bottom;
5. Se nedan hur det ska se ut:
div#content {
position: absolute;
top:190px;
left:40px;
float: right;
clear: right;
display: inline;
padding-left:5px;
padding-top:5px;
padding-bottom:120px;
padding-right:5px;
width: 665px;
background:url(länk från bild) no-repeat left bottom;
background-color: #ffffff;
}
6. Om texten hamnar på footern ellerfootern hamnar för långt ner så får du gå in i stilmallen igen och ändra det på padding.
7. Spara så var det klart.
Skapa en ruta/kant runt inläggen
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
Ladda upp bild på bloggen
1. Klicka på skapa
2. Klicka sedan på bild
3. Klicka på bläddra och sök efter din bild...
4. Håll musen över bilden så du ser hur stort formatet är på bilden, exempel nedan är den 150x100
Klicka sedan på öppna
5. Ändra nu bredd till efter hur stor bilden är för att den inte ska bli suddig
Exemplet var på 150x100 alltså 150 bred, då ändrar man till 200 i bredd nedan, om man ändrar till 100 blir det för litet och då blir bilden suddig.
Klicka sedan på ladda upp bild
6. Klicka på bilden när den dyker upp
7. Höger klicka på länken som kommer upp
8. Kopiera länken
9. Gå nu in i kodmallen via design-kodmallar
10. Om du vill lägga in bilden i menyn går du ner till koden: <div id="side">
Efter den koden lägger du in länken till din bild
Kopiera denna koden: <img src"LÄNK FRÅN DIN BILD HÄR">
Lägg in koden som nedan:
11. Samma sak här om du vill ha bilden som header lägger du koden här, se nedan:
Signatur efter varje inlägg
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
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"
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!
Öka mellanrummet på header
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
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
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
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. 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
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!
Ikon i dropdown meny
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>
