HOME         VIDEOHJÄLP         GRATIS MALLAR         TÄVLINGAR         PORTFOLIO         BANNERS

PINGA DIN BLOGG



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

Ändra Arkiv i din blogg




Jag visar hur man ändrar utseendet på akriv, även färg och typsnitt på texten.
Detta gäller ni som har blogg.se

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)

Få fler besökare på din blogg


Videotips - Rama in inlägg på din blogg (blogg.se)




1. Klicka på stilmallen

2. Leta upp koden: div#content div.entrybody { (om koden inte finns lägg till den efter content )

3. Ta bort det och klistra in denna koden:
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;
}

4. Förhandsgranska och spara !

Ändra linjen på border: 1px solid #a5a3a4;

Mer info klicka här

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...


Jag kollade upp hur man lättast kan koppla ihop facebook och även andra sidor som tex twitter, med sin blogg. Alltså så fort man skriver något inlägg på sin blogg, dyker även detta upp på sin facebook logg!

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

ETT PLUS OM MAN FÖLJER SIDAN MED BLOGLOVIN ELLER FACEBOOK

VINNAREN I DAGENS BLOGG + NY TÄVLING


VINNAREN HITTAR NI HÄR

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



Skapa en Gif med Gifyo.com


http://www.gifyo.com/

PINGA DIN BLOGG!


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>

<ul>

<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

 

bloglovin

Lägg in profilbild igen


Klicka på kodmallen

Bläddra ner till side och lägg till den fetstilta koden:
<div id="side">

<div id="profile">
<tag:profile>
<tag:if test="${ProfileExists == 'true'}">
<h4>Om</h4>
<a href="${AppUrl}index.bd?fa=pf.view&amp;pf_id=${ProfileID}"><img src="${AppUrl}shared/img/profiles/${ProfileImage}" alt="Min profilbild" /></a>
<p><a href="${AppUrl}index.bd?fa=pf.view&amp;pf_id=${ProfileID}"><span style="font-weight:bold"> ${ProfileName}</span></a></p>
</tag:if>
</tag:profile>
</div>

LÄNKA EN BILD I MENYN


Ladda först upp en bild och lägg in i menyn, se detta inlägget: Lägg in egen bild i menyn

Klicka nu in i kodmallen där du lagt in in din kod under side

Ändra så koden ser ut så här:

<a href="LÄNK TILL SIDA">
<img src="LÄNK FRÅN DIN BILD"> </a>

Lägg in egen bild i menyn


Klicka på kodmallen

Bläddra ner till denna koden:

Lägg in denna koden: <img src="LÄNK FRÅN DIN BILD">



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


Ändra färg på bakgrunden i menyn, till exempel grå som på bilden nedan:

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.