Bloggdesigner till andra
DATUM: 2014-03-06 | TID: 09:49:00 | KATEGORI: Annat skoj | KOMMENTARER: 4
Bilden tog jag igår från flygplanet.
Jag får jättemånga kommentarer och mail om jag gör bloggdesigner till andra. Jag får nog minst ett varje dag! Och jag måste först bara säga förlåt för att jag inte har svarat på de kommentarerna eller mailen, jag ska göra det snart! Men jag tänkte iallafalll svara på den frågan nu i det här inlägg så att alla ser :)
Nej, jag gör tyvärr inte gratis bloggdesigner till andra. Jag gjorde det för ungefär 2 år sen men då blev det till slut för många som frågade så det blev alldeles mycket och jag hann inte med allt. Så jag slutade med det. Sen för typ ett år sen kanske så började jag göra lite designer till folk för runt 150-200kr. Fast det var inte så många 2 eller 3 tror jag jag har gjort till. Så nu jag gör bloggdesigner till folk för runt 200kr (priset beror lite på hur avancerad design du vill ha) så om någon är interesserad så kan ni maila mig ([email protected]) :D
Men se får vi se hur länge till jag håller på med det här för jag vet inte hur mycket tid över jag kommer ha. Det tar runt 4 timmar att göra en bloggdesign och nu har jag väldigt mycket skolarbete att göra så jag vet inte hur mycket jag hinner med.
bloggdesign tips: Ändra färg, storlek och typsnitt på texten i kodmallen
DATUM: 2013-11-10 | TID: 09:05:00 | KATEGORI: bloggdesign | KOMMENTARER: 8
Det var ett tag sen jag gjorde ett design tips så jag tänkte göra det nu. Jag tänkte vissa hur man fixar text man skriver i kodmallen. Alltså t.ex om jag ska skriva något i min meny som typ en beskrivning, hur man ändrar storlek, typsnitt och färg på den. Det är väldigt enkelt faktiskt!
Jo förresten om vi vill att jag ska göra fler design tips så kan nu kommentera vad ni vill att jag ska göra tips på!
Så vi säger att jag ska skriva "Hej jag heter Mikaela" i min meny. Då går jag först in i kodmallen och letar upp stället där jag vill att det ska stå. Eftersom att jag vill ha min text i menyn så ska jag leta upp meny delen i kodmallen.
Så om vi säger jag vill ändra färg på min text till blå så skriver jag: <font color="#2486ff">Hej jag heter Mikaela</font>
Alltså emellan " och " så skriver jag den färgen jag vill ha på texten. Man kan antingen bara skriva en färg på engelska som till exempel black, red, blue, white och så. Men om man vill ha en lite mer speciellt färg så kan man lägga in så som jag gjorde, en färgkod.
För att ändra storlek på min text så skriver jag nästan exakt samma sak som när jag ändrar färg. bara att jag ändrar color till size. Så här skriver jag: <font size="2">Hej jag heter Mikaela</font>
Mellan " och " ändrar jag storleken på texten. så det är bara skriva den siffran som passar. Till min text tyckte jag 2 passade bra.
För att ändra typsnitt på min text så gör jag samma sak igen. bara att den här gången ändrar jag till face istället för color eller size. Så här blir det: <font face="georgia">Hej jag heter Mikaela</font>
Mellan " och " skriver jag bara det typsnittet jag vill ha på min text.
Sen om jag vill ändra både färg, typsnitt och storlek på min text så jag ju göra det också. Det är bara lägga in allt efter varandra. Så här: <font color="#2486ff" size="2" face="georiga">Hej jag heter Mikaela</font>
ENKELT VA?! :D
bloggdesign-tips: Bakgrundstips
DATUM: 2013-09-01 | TID: 20:58:36 | KATEGORI: bloggdesign | KOMMENTARER: 3
Det var en som hade frågat hur jag fick min bakgrund att liksom stanna när man bläddrar ner. så jag tänkte visa det nu. sen kom jag på att jag kunde passa på att visa hur man gör så att bakgrunden inte upprepar sig flera gånger utan så att det bara än en bild om ni förstår. De här sakerna kan man ha användning av om man har en bild som bakgrund. Så det här blir lite bakgrund tips :)
För att göra så att din bakgrund "sitter fast" när man bläddrar ner så är bara gå in i stilmallen och hitta stycket Body som är högst upp. På background där man ändrar bakgrund så är det bara att skriva fixed efter länken till din bakgrundbild. så som jag har gjort på bilden :) svårare än så är det inte!
Gör på exakt samma sätt på förutom att du skriver no-repeat istället. så som jag har gjort på bilden :) sjukt enkelt visst!?
Hoppas ni förstår och har användning av det här lilla tipset :)
bloggdesigntips: Hur jag gör flikar
DATUM: 2013-06-15 | TID: 08:03:00 | KATEGORI: bloggdesign | KOMMENTARER: 7
Nu är jag i Falun och spelar fotboll men jag har gjort ett tidsinställt inlägg under tiden. Det här inlägget är det suuuupermånga som har frågat efter så jag tänkt äntligen visa det.
Så jag tänkt visa hur jag gör mina flikar i header. alltså de som leder till till exempel min instagram, tumblr och weheartit. HÄR har jag redan gjort ett inlägg om hur man gör flikar som ändras när man håller musen över så klicka här om du vill veta det!
1. börja gör en bild i Photoshop eller gimp eller något som ska vara din flik. så här ser mina ut:
jag har alltså gjort med genomskinlig bakgrund bakom. sen har jag bara gjort en ruta med skugga runt och sen ikoenen med det den ska länka till på. spara den i PNG!
2. gå in på kodmallen på bloggen och klistra in det här där du vill att dina flikar ska vara. Om du vill ha de i headern som jag har så ska du sätta det under <div id="header"> i kodmallen:
<a href="LÄNKEN TILL DET DEN SKA LÄNKA TILL HÄR"><img src="LÄNKEN TILL BILDEN HÄR"></a>
3. kopiera länken till sidan din ikon ska länka till på rätt ställe i koden. Sen laddar du upp bilderna på flikarna du gjorde. kopiera länken till bilden till rätt flik och klistra in på rätt ställe i koden. så här ser det ut för mig då:
<a href="http://weheartit.com/Mkeaila"><img src="https://cdn1.cdnme.se/1959206/6-3/weheartit_1_51827c62ddf2b30dbe5fde5d.png"></a>
4. om du förhandsgranskar nu kommer din ikon säkert sitta uppe i hörnet. Om du lite vill att den ska göra det så kan du flytta på den till där du vill att den ska sitta. Det kan du lära dig om hur man gör i inläggen jag har gjort HÄR.
så nu ser min kod ut så här:
<div style="position:absolute; width:903px; x-index:0; left: 1151px; top:135px;"><a href="http://weheartit.com/Mkeaila"><img src="https://cdn1.cdnme.se/1959206/6-3/weheartit_1_51827c62ddf2b30dbe5fde5d.png"></a></div>
sen är det bara göra så med alla dina flikar så är det klart! glöm inte spara kodmallen och göra samma sak i alla kodmallar!
det är ganska lätt faktiskt! hoppas ni förstod och fick hjälp av det här inlägget! kommentera om ni vill ha hjälp med något som inte funkar! :D
bloggdesigntips: hur jag gör boxar i menyn
bloggdesign tips: flytta något
bloggdesigntips: hur jag fixar mina kategorier och arkiv
Design tips: hur jag har gjort mina ikoner i menyn
DATUM: 2012-03-18 | TID: 10:50:52 | KATEGORI: bloggdesign | KOMMENTARER: 7
jag har fått massor av frågor om hur jag har gjort mina ikoner med min kamera, till startsidan och bloglovin så nu ska jag vissa det.
först börjar jag med att göra två bilder i photoshop. den första bilden är så som ikonen ska se ut när man inte har musen över den och den andra bilden är så som ikonen ska se ut när man har musen över den. ladda upp bilderna på bloggen (om du inte vet hur man gör det har jag visat det här).
gå in i din kodmall och leta upp stället där du vill att ikonerna ska sitta. i mitt fall är det någon stans under <div id="side"> eftersom att jag har de i min meny.
sätt in den här koden där du vill ha din ikon/ dina ikoner och lägg in adressen och så. spara din kodmall sen:
<a href="Adressen dit ikonen ska länka"><img src="Bildkoden till första bilden" oversrc="bildkoden till andra bilden då man har musen över"></a>
nu om du kollar på din blogg som kommer någ ikonerna bara visa första bilden även om du tar musen över. därför måste du lägga in en kod till. sätt in den här koden precis över </head> :
<script LANGUAGE="JavaScript">
<!--
// This is the implementation of SimpleSwap
// by Jehiah Czebotar
// Version 1.1 - June 10, 2005
// Distributed under Creative Commons
//
// Include this script on your page
// then make image rollovers simple like:
// <img src="/images/ss_img.gif" oversrc="/images/ss_img_over.gif">
//
// http://jehiah.com/archive/simple-swap
//
function SimpleSwap(el,which){
el.src=el.getAttribute(which || "origsrc");
}
function SimpleSwapSetup(){
var x = document.getElementsByTagName("img");
for (var i=0;i<x.length;i++){
var oversrc = x[i].getAttribute("oversrc");
if (!oversrc) continue;
// preload image
// comment the next two lines to disable image pre-loading
x[i].oversrc_img = new Image();
x[i].oversrc_img.src=oversrc;
// set event handlers
x[i].onmouseover = new Function("SimpleSwap(this,'oversrc');");
x[i].onmouseout = new Function("SimpleSwap(this);");
// save original src
x[i].setAttribute("origsrc",x[i].src);
}
}
var PreSimpleSwapOnload =(window.onload)? window.onload : function(){};
window.onload = function(){PreSimpleSwapOnload(); SimpleSwapSetup();}
//-->
</script>
spara din kodmall sen. glöm inte göra det här på framsidan, inläggssidan, kategorisidan och arkivsidan. kommentera om du har några frågor.
först börjar jag med att göra två bilder i photoshop. den första bilden är så som ikonen ska se ut när man inte har musen över den och den andra bilden är så som ikonen ska se ut när man har musen över den. ladda upp bilderna på bloggen (om du inte vet hur man gör det har jag visat det här).
gå in i din kodmall och leta upp stället där du vill att ikonerna ska sitta. i mitt fall är det någon stans under <div id="side"> eftersom att jag har de i min meny.
sätt in den här koden där du vill ha din ikon/ dina ikoner och lägg in adressen och så. spara din kodmall sen:
<a href="Adressen dit ikonen ska länka"><img src="Bildkoden till första bilden" oversrc="bildkoden till andra bilden då man har musen över"></a>
nu om du kollar på din blogg som kommer någ ikonerna bara visa första bilden även om du tar musen över. därför måste du lägga in en kod till. sätt in den här koden precis över </head> :
<script LANGUAGE="JavaScript">
<!--
// This is the implementation of SimpleSwap
// by Jehiah Czebotar
// Version 1.1 - June 10, 2005
// Distributed under Creative Commons
//
// Include this script on your page
// then make image rollovers simple like:
// <img src="/images/ss_img.gif" oversrc="/images/ss_img_over.gif">
//
// http://jehiah.com/archive/simple-swap
//
function SimpleSwap(el,which){
el.src=el.getAttribute(which || "origsrc");
}
function SimpleSwapSetup(){
var x = document.getElementsByTagName("img");
for (var i=0;i<x.length;i++){
var oversrc = x[i].getAttribute("oversrc");
if (!oversrc) continue;
// preload image
// comment the next two lines to disable image pre-loading
x[i].oversrc_img = new Image();
x[i].oversrc_img.src=oversrc;
// set event handlers
x[i].onmouseover = new Function("SimpleSwap(this,'oversrc');");
x[i].onmouseout = new Function("SimpleSwap(this);");
// save original src
x[i].setAttribute("origsrc",x[i].src);
}
}
var PreSimpleSwapOnload =(window.onload)? window.onload : function(){};
window.onload = function(){PreSimpleSwapOnload(); SimpleSwapSetup();}
//-->
</script>
spara din kodmall sen. glöm inte göra det här på framsidan, inläggssidan, kategorisidan och arkivsidan. kommentera om du har några frågor.
DESIGNTIPS: Bildspel som header eller i menyn
hur man gör högerklicksskydd på bloggen(utan popup)
lite kodmallstips
Hur man får inläggen och menyn att sitta ihop med headern
Hur du får bilder i menyn
Hur du får din text till vänster, mitten eller höger
Hur jag lägger in mina headers
Hur man gör tidsinställt inlägg
DATUM: 2011-04-25 | TID: 10:07:00 | KATEGORI: bloggdesign | KOMMENTARER: 1
1. skriv ditt inlägg( skapa>inlägg)
2. när du är klar klickar på på knappen somär en kalender.
3. välj vilket datum och vilken tid du vill att inlägget ska läggas ut.
4. klicka på ok.
5. lägg ut inlägget på bloggen( Spara & puplicera)
du kan alltså lägga ut inlägget bak i tiden och fram i tiden :D
//Mikaela
2. när du är klar klickar på på knappen somär en kalender.
3. välj vilket datum och vilken tid du vill att inlägget ska läggas ut.
4. klicka på ok.
5. lägg ut inlägget på bloggen( Spara & puplicera)
du kan alltså lägga ut inlägget bak i tiden och fram i tiden :D
//Mikaela
Hur man gör en dropdown meny
Hur man gör en klickbar bild
hur man gör en bild till en kod
DATUM: 2011-04-23 | TID: 13:40:20 | KATEGORI: bloggdesign | KOMMENTARER: 0
med koden kan man lägga in bilden i stil-och-kodmall.
1. logga in på din blogg.
2. klicka på skapa>bild.
3. ladda upp bilden du vill ha.
OBS! du kan inte ladda upp en bild större än vad det är. så en som ägt 500px kan du inte ladda upp som 600px för då blir den ändå 500px.
4. klicka på den miniatyren av bilden som kommer upp.
5. kopiera adressen till bilden.
6. gå tillbaka till bilden. gör det du ska med koden.
ADRESSEN TILL BILDEN= KODEN
//MIKAELA :D
1. logga in på din blogg.
2. klicka på skapa>bild.
3. ladda upp bilden du vill ha.
OBS! du kan inte ladda upp en bild större än vad det är. så en som ägt 500px kan du inte ladda upp som 600px för då blir den ändå 500px.
4. klicka på den miniatyren av bilden som kommer upp.
5. kopiera adressen till bilden.
6. gå tillbaka till bilden. gör det du ska med koden.
ADRESSEN TILL BILDEN= KODEN
//MIKAELA :D
hur man gör en länk i ett inlägg
DATUM: 2011-02-24 | TID: 17:01:13 | KATEGORI: bloggdesign | KOMMENTARER: 2
hej! fick en fråga om hur man gör en sån här länk→ HÄR.
1. logga in på bloggen och skriv nytt inlägg.
2. skriv den text du vill ska stå som t.ex KLICKA HÄR eller HÄR eller så.
3. markera texten som ska länka. så här->
4. klicka på den här symbolen→
.
5. fyll i rutorna som kommer upp.
//Mikaela
1. logga in på bloggen och skriv nytt inlägg.
2. skriv den text du vill ska stå som t.ex KLICKA HÄR eller HÄR eller så.
3. markera texten som ska länka. så här->
4. klicka på den här symbolen→
.5. fyll i rutorna som kommer upp.
//Mikaela
