En skoj grej man kan göra om man vill få sin blogg att se lite annorlunda ut, är att rama in varje inlägg med en bubbla.
Det är inte så svårt, men man behöver ett bildprogram för att skapa själva bubblorna.
I exemplet som jag har gjort, så har jag gjort en bubbla som man delar upp i tre olika delar, nämligen rubriken, innehållet och nederdelen med Permalink, Kategori och kommentarer.
Så här ser mina bilder ut:
Toppen (rubriken)
Mitten (innehållet)
Botten (permalink, kommentarer osv)
Så, börja med att ladda upp dina tre bilder på din blogg och spara adresserna. Om du inte vet hur du får fram adressen till en bild, läs detta inlägget då: Ladda upp en bild på din blogg
Gör sen så här:
1. Gå in under din stilmall.
2. Leta upp koden för rubriken på inläggen, den börjar ungefär så här:
/** Entry headers **/
h3 {
background: #FFFFFF;
Nu ska du lägga till lite kod där det står background: och om inte background finns, så måste du lägga till det.
Ersätt den kodrad som finns på background med koden nedan, eller lägg till koden om inte background finns.
Där det står adressen till din bild, ska du lägga in adressen till din översta bild som du laddade upp på din blogg.
3. Nu ska du leta upp koden för själv inläggstexten. Den ser ut ungefär så här:
/** Post’s body text **/
.entrybody {
Samma sak här, kolla om det finns en rad med background, i så fall skall du ersätta den med koden nedan, och om det inte finns en kodrad som heter background, då lägger du till det med hjälp av koden i rutan nedan.
Där det står adressen till din bild, ska du lägga in adressen till din mellersta bild som du laddade upp på din blogg.
4. Nu är det sista biten kvar som skall på plats, nämligen den nedersta bilden. Leta upp koden som ser ut ungefär så här:
/** ‘Posted by’ txt **/
.entrymeta {
Samma sak här som ovan, kolla om det finns en rad med background, i så fall skall du ersätta den med koden nedan, och om det inte finns en kodrad som heter background, då lägger du till det med hjälp av koden i rutan nedan.
Där det står adressen till din bild, ska du lägga in adressen till din nedersta bild som du laddade upp på din blogg.
Förhandsgranska nu din blogg, och om det skulle vara så att det ser ut så här:
Då är det lite ändringar till som du måste göra, nämligen att nollställa margin.
I koden för översta och mellersta bilden, skall du se till att det står;
margin: 0px;
Om det inte står så, ändra det då.
Om din text inte riktigt får plats, så kan du ändra genom att "knuffa" texten med padding. Läs mer om padding på webdesignskolan: Margin och padding
Det är lite pill med koden för att få allt att funka, men testa dig fram, och i värsta fall, fråga mig så hjälper jag till i mån av tid.
Hejsan! Koderna fungerar för mig, utom den nedersta som ej kommer upp även fast jag lagt in koden rätt. Sedan så är det mellanrum som på bilden längst ned i ditt inlägg och jag har ändrat margin men det fungerar inte. Skulle du kunna gå in i min blogg och fixa till det? Det vore superschyst! Är bara 13år så det är lite knepigt för mig…
Har du ändrat margin på både Entry Headers och Post’s Bodys text? Det gjorde jag och först då funkade det
har exakt samma problem som Elin (hon över mej) Fattar inte varför eller något sånt. Det går varken ihop och den nedersta delen saknas. Fattar inte varför …
Jag får inte ihop den översta delen, fast jag ändrat alla ”Margin” Till 0.. Den nedersta delen är bara halva :/ Fattar inget :O
har samma problem. den översta delen vill inte sättas ihop med mellersta. har ändrat allt. läste den där länken i inlägget om padding och margin men fattar ingenting. behöver hjälp.
hej igen, okej, nu har jag fixat det.gäller att tänka extra med hjärnan. ni som behöver hjälp med margin, padding, bilder osv kan gå in på min blogg och lämna en kommentar så hjälper jag gärna er. vet hur arg/irriterad man blir när man inte fattar nåt här och får ingen hjälp. jag själv har inte fått nån hjälp alls här när jag kommenterade så nu kan ni vända er till mig och vara säkra på att jag svarar. kram!
Jag hade samma problem.
Det man måste tänka på är att inte glömma koden
” height: 30px; ”
i /** ‘Posted by’ txt **/
.entrymeta {
Alla stilmallar har inte den koden automatiskt. Ändra sedan px till önskad storlek beroende på hur hög bilden är. (=
TACK! Älskar dig. ^^
jag fattade inte ett skit! vad är det för pogram man ska göra bubblorna i???
Hej ! min nedersta del går inte ihop , har försökt på alla olika sätt men det funkar inte. har samma problem som Elin . skulle vara jättesnällt om du kunde hjälpa mig eller förklara hur man får till det .
behöver inte hjälp länge !
hej igen! jag gjorde bubblorna helt enkelt i paint. men jag har tre problem:
1. översta delen finns/syns inte
2. bubblorna ramar inte in inlägget, utan är till vänster om allt (altså inte i mitten, där inlägget befinner sig!)
3. permalink, komentarer osv är inte med i ramen
se bild:
http://mewemmis.blogg.se/images/2010/funkadejufaninte_96923644.jpg
vill jätte gärna ha hjälp!!!
Hej,
Jag har en sån där horisontal meny under min header, där jag har några flikar och sånt där. Jag skulle vilja göra så att de där som fälls ner blir länkar till mina spotifylistor.
Var ska jag skriva min spotifylänk?
Tack på förhand
Dessutom skulle jag vilja tillägga att jag knappt hittade på den här sidan :S
Tyckte det verkade lite rörigt, men det kanske bara är jag som är dålig.
Det var för att jag inte hittade på sidan som jag kommenterade här.
Hej! jag gjorde en ny ram och provade igen, och det gick mycket bättre denna gången. men nu är det två andra problem…. :’s
1. översta delen synd inte
2. premalink, kommentarer med mera syns inte.f ör de täcks över av ramen. altså de är inte inne i bubbland, och inte heller utanför. utan UNDER ramen.
SNÄÄÄÄÄÄLLA HJÄÄÄÄÄÄÄÄÄLP!!!!
//mewemmis.blogg.se
Koderna finns ju inte ens i stilmallen :S
Hej… Skulle inte du kunna visa i ett inlägg hur man ramar in sina inlägg typ såhär : mango.blogg.se. Chansen är kanske liten att du ser detta men jag har ingen lust att bli medlem på nåt forum. Skulle uppskatta det!
Tack i förhand
Jag har lyckats få in ramen men som några tidigare skrev så är det fortfarande ett mellanrum både uppe och nere. Jag tror nog jag vet vad det beror på. Jag har flyttat upp datum och tid under rubriken och där blir det en lucka. Sen har jag en ”signatur” alltså en bild som jag lagt in under varje inlägg och det blir en lucka vid den också. Skulle verkligen vilja bli av med dom, eftersom det inte alls är snyggt! Tack på förhand.
det här är så krånglit, kan inte du skriva om inlägget elr göra en video?
hej! jag har gjort allt som står där, (kolla bloggen) men det är fortfarande mellanrummellan den översta bilden t den mittersta! kolla så förstår du, mejla svar så fort du kan, tack!
har oxå samma problem som många här, jag fattar inte vilket program man ska använda!!
jag fattar inte hur jag ska göra själva ”bubblorna” lixom, hur breda ska dom vara osv. jag har photoshop själv men fattar ingenting. spelar det nån roll hur bred dom är osv ?
Hej jag är en tjej på snart 13 år, och jag har precis skappat en ny blogg (alltså jag har haft blogg tidigare) men jag har fortfarande inte fattat hur man gör en egen design!
Jag vil verkligen kunna gör min egna, alla andra jag vet om som har blogg som jag känner lite har gjort sin egen design, och jag har frågat en som har en jätte fin hur hon gör men hon är fullt upptagen med annat och säger aldrig det till mig! Så snälla kan någon inte hjälpa mig, så vore jag tacksam! Kram Linn!
kan inte du göra ett videoinlägg på hur gör bubblor runt inläggen ?
snälla ?
Den nedersta delen syns inte för mig även fast jag har skrivit in allt rätt. Plus att rubriken blir för långt till höger, hur gör jag? tacksam för svar så fort som möjligt!
Snälla skulle du kunna hjälpa mig! Det funkar verkligen inte. Inläggen går ihop med varandra och nedersta delen syns inte. Tacksam för svar så fort som möjligt!
Hej är helt medveten om att detta inte passar in här exakt för de har inte att göra med inlägg men hoppas ändå någon här kanske vet ändå. Jag vet exakt hur man gör en sån där ram för inläggen å jag håller på att fixar en väns blogg design (blogg jag gör designen på racermutta.blogg.se) men jag har kört fast lite grann de är så att jag vill kunna ha en likadan ram runt själv sidopanel grejen, jag har alla bilder klara å måtten å allting å har lyckats få dit den översta delen å mittersta men den sista delen som ska vara längst ner har jag ingen susning om vart den ska hamna har försökt princip med allting :/ Någon som vet? ni skulle verkligen rädda mig då.
Det här är nog den värsta beskrivningen!
Märker du inte att ingen fattar vad du menar och att alla har problem, inklusive jag att fixa den här sk bubblorna. Hjälp oss eller ta bort detta inlägg helt…………..!!
kan inte du göra ett video inlägg istället plz!
Min längst ner hamnar lite för långt åt vänster, heeeeeelp me
Vad för bilder ska man ladda upp ?
Hej, jag har också det problemet att den nedre delen inte kommer upp för mig. Allt går bra med det andra och jag testar mig fram, hit och dit, men jag lyckas inte få fram den undre delen, beror det på temat jag valt? hjälp mig, snälla.
Hej! Jag skulle väldigt gärna vilja ha ”wrappern” så det ser ut som ett papper som ligger ovanpå bakgrunden och gärna med någon skuggning. Är detta något du kan hjälpa mig med? Mvh // Fia
Hej Fia!
Det finns en sida där du kan ladda ner en header som ser ut som ett gammalt papper. Det är gratis! Du kan ju gå in och kika om det är något för dej- http://www.snyggareblogg.se
Lycka till!
Min översta del är lite för högt upp och åt vänster.. Vet inte hur jag ska fixa det, har provat att ända typ allt, men det blir ingen skillnad, skulle vara väldigt tacksam om du kunde svara på min fråga eller mejla! Tack på förhand.
Hej!
Jag har hållt på med dessa bubblor i 3 dagar nu och vart inne och läst allt jag kunnat om margin och padding och testat att nollställa samt öka siffrorna på olika sätt.
Det enda som händer då är att bubblorna blir ojämna och en vit kant på höger sidan?
Jag gjorde bubblan i paint.
Hoppas jag får hjälp, jag fattar att det är många som skriver så kanske en video på hur man gör om man gör bubblan i paint??
Tack för en grymt bra blogg annars!
MVH Madeleine
Jag måste säga att jag inte får till dom runda hörnen när jag ska göra min..
Jag hittar inte kod delen.
asså.
jag fattar inte hur man ska göra :/ och liksom vilket bildprogram man ska använda :/
DE FUNKAR INTE ETT DUGG!
aså det funkar inte bara under delen men min dator dampar så jag kan inte se alla bilder så det var as svårt!!!
kolla hjärna på min blogg aamandaclara.blogg.se
Jag gjorde mina i PS… men jag får inte bort mellan rummet mellan den översta och mellerst!! hjälp någon!!!
alltså, man måste nollställa margrin för att det inte ska bli mellanrum.
det har hänt så på mig, men nu funkar det hur bra som helst. försök ni som behöver hjälp med det:)
hej, jag behöver hjälp med själva bubblan, jag fattar inte hur jag ska göra den på picnik, jag fattar liksom inte hur jag ska göra den. så snälla hjälp skulle jag uppskatta!
det funkar inte för mig heller, jag får fram själva bubblorna men de blir korta, de går inte runt hela bredden. Är det något jag ska skriva in som inte finns eller vad ska jag göra?
Snälla hjälp?
Hej, jag igen, såhär ser min stilmall ut(fast nu har jag tagit bort bilderna som ska vara bubblorna) Snälla vad är det som gör att det bli fel???
/** Entry headers **/
h3 {
background: #FFFFFF
font-size: 30px;
font-weight: normal;
padding:10px 10px 10px 0px;
color: #000;
margin: 0px 0px 10px;
text-transform: Normal;
text-align: center;
Hur får man så att man gör runda hörn med bild runt menyn?
letar men hittar inte något? håller nämligen på att göra en design åt en vän..
tack
hej, de 3 bilderna som du visar. Dom går inte att se på för mig. Altså den är en vit fyrkant med ett rött kors i. Skulle du kunna hjälpa mig på något sätt? maila bilderna till mig eller kanske lägga upp dom på nytt. Det skulle vara super bra med en video tutorial.
Hej! Vi har lite problem med våran. Vi vill få upp så att datum och allting kommer under menyn så vi vill ha 4 bilder istället för 3. Vart kan man klistra in allting då? SNÄLLA HJÄLP OSS FORT
Bilderna funkar inte och jag vill verkligen ha det såhär på min blogg.Ngn som har bilder??? Tacksam för svar
Alla bilder visas inte
Kan ni kanske fixa det på något sätt 
Kontakta gärna mig när det funkar