Gör en backup på din blogg

Tanken på att allt ditt innehåll på din blogg skulle vara borta en dag är skrämmande, eller hur!
En bloggmall kan man ju återskapa, men alla inlägg?

Gör som så många webside-ägare, gör regelbundna backupper. Hur ofta du vill göra dem beror på hur mycket material du anser dig kunna förlora utan att det gör alltför mycket, det är olika för olika personer.

Så här gör du:

För att göra en backup på din bloggmall, bloggens utseende, går du till Layout, Redigera HTML, och klickar på länken Hämta hela mallen. Du får då en xml.fil som du ska spara ner på din dator.

När du har gjort det, byt namn på filen så den har dagens datum, då vet du hur gammal filen är - eller om du föredrar, namnet på bloggmallen eller något annat som gör att du minns vad som gör att den här filen innehåller just den här varianten av din bloggmall.



Om du behöver hämta tillbaka bloggmallen laddar du upp filen igen precis under länken där du hämtade den.


Sen är det dags att hämta dina blogginlägg.
Det gör du via Inställningar, Grundläggande. Där finns länken Exportera blogg. När du klickar på den får du ännu en xml.fil att spara. Den här har automatiskt dagens datum. Om du har flera bloggar kan det vara bra att döpa om filen ändå, så du vet vilken som är vilken.

Dina inlägg i bloggen påverkas inte av att du exporterar dem, det är bara en kopia av dem som sparas ner på din dator.

'

Om du behöver hämta dina inlägg igen (eller vill ladda upp dem på en ny blogg) väljer du Importera blogg.

Svårare än så här är det inte att göra en backup!
Skulle din blogg bli hackad eller något annat hända har du möjlighet att återställa den.

Vill du vara helt säker på att allt innehåll finns tillgängligt för att ladda upp spar du även ner innehållet i dina gadgets i ett anteckningsdokument och lägger i samma mapp som resten av backuppen. Här menar jag bildlänkar, andra länkar, koder för besöksräknare, banners etc, allt sånt som du inte vill förlora. Det tar en liten stund att sammanställa allt, men den dag något händer med din blogg ( förhoppningsvis aldrig ) är du glad att du tagit dit tiden!

Läs mer......

Hjälp dina besökare att länka till din blogg

Vill du hjälpa din besökare att enkelt länka till din blogg?
Med den här gadgeten kan de antingen kopiera koden och klistra in den i en html-gadget eller, om de själva har en Blogspot blogg, bara klicka på knappen. Du bestämmer själv vad du vill att det ska stå för text i din gadget.

Gör så här:

Börja med att ladda upp din bloggs bannerbild på Photobucket eller annan liknande sida så att den får en webadress.

Kopiera sedan koden nedan och klistra in den i en html-gadget i din bloggs layoutläge.

<p>Länka tillbaka till min blogg om du gillar den.<br/>
Visa min banner på din blogg</p>
<div style="text-align: center;">
<a style="border:0px;text-decoration:none;" href="DinBlogglänk" title="DinBloggsNamn">
<img alt="DinBloggsNamn" style="border: 0px;" src="DinBannerlänk"/>
</a>
</div>
<textarea rows="3" cols="20">
<a href="DinBlogglänk" title="DinBloggsNamn" style="text-decoration:none;border:0;">
<img src="DinBannerlänk" alt="DinBloggsNamn" style="border:0" />
</a>
</textarea><br/>
<br/>

Eller, lägg till min banner på din Blogspotblogg med knappen nedan.

<form action="http://beta.blogger.com/add-widget" method="post">
<input style="display: none;" value="Gadgetrubrik" name="widget.title"/>
<textarea style="display: none;" name="widget.content">
<a href="DinBlogglänk" title="DinBloggsNamn" style="text-decoration:none;border:0;">
<img src="DinBannerlänk" alt="DinBloggsNamn" style="border:0" />
</a>
</textarea>
<br/>
<input style="border:0px;" src="http://www.blogger.com/img/add/add2blogger_lg.gif" value="Link To Your_Blog_Title" name="go" type="image"/>
</form>

Byt ut de röda orden DinBlogglänk mot din bloggs webadress.
De blå orden DinBloggsNamn mot din bloggs namn förstås och
de gröna orden DinBannerlänk mot din bilds/banners direktlänk.

Byt också ut ordet Gadgetrubrik mot det du vill att det ska stå i rubriken på den gadget som skapas på din besökares blogg, ovanför din banner.

Om du vill kan du byta ut min text också!

När du har sparat din gadget kan du prova att klicka på bloggerknappen för att se att/hur den fungerar. Genom att använda något av de här alternativen får din besökare din länkade bannerbild på sin blogg, men inte hela den här gadgeten. För det behövs hela koden som står här ovan.

Läs mer......

Skapa trådade kommentarer med DISQUS

Vill du kunna ha trådade kommentarer i din blogg? Ha möjlighet att svara direkt på varje kommentar så att det syns vem du svarar? Vill du dessutom kunna se alla lämnade kommentarer samlade på en plats, oavsett hur många bloggar du har och enkelt kunna redigera dem?

Då kan Disqus vara ett alternativ för dig.
Så här kan det se ut:




Du börjar med att registrera dig på Disqus websida.

När du har gjort det får du lägga till en websida - din blogg.


Nästa steg är att välja språk och vilka applikationer man vill integrera kommentarerna med. Det är helt frivilligt, hoppa över kryssrutorna om du vill.



Nu är det installationsdags i din blogg.


Välj Blogger.

Sen får du välja om du vill att den trådade funktionen ska gälla från och med nu eller om även de gamla inläggen ska få samma utseende och funktion på sina kommentarer.

Du ska nu gå till din blogg och hämta din kodmall för att kunna ladda upp den enligt punkt 1 på bilden ovan. Så här gör du det:



Klicka på Hämta hela mallen. Du får då en xml.fil nedladdad till din dator. Håll koll på vart den tar vägen.

Ladda upp filen på Disqus och gå sedan vidare.

Du får nu tillbaka din mall, redan redigerad så att du kan ladda upp den på din blogg igen.
Kopiera hela mallen (högerklicka och välj Markera allt så att du inte missar något) och gå tillbaka till din bloggmall.

Du ska nu kryssa i rutan Utökade Gränssnittskomponentmallar som finns precis ovanför kodmallen.

Högerklicka på din kodmall och välj Markera allt. Radera! (du har kvar din kopia på datorn, så du har allt kvar ifall något går tokigt -ingen panik! )
Klistra in koden från Disqus.



Spara din mall.

Du kommer nu att få importera dina gamla kommentarer om du valt det alternativet, följ bara anvisningarna.

Du kommer också att få godkänna att Disqus får tillgång till att importera dina kommentarer så att programmet kan sköta sitt jobb och hantera dem. Klicka på Bevilja Åtkomst.


Nu återstår bara att ställa in inställningar för utseende och funktion för dina kommentarer och om du vill, ladda upp en profilbild och lite annat smått.

Lycka till med din nya kommentarsfunktion!

Läs mer......

Skapa din egen profilsida

Den här sidan känner du säkert igen och den är ju inte så skoj precis. Det tyckte inte Agnes på Fixas Forum heller, så hon skapade en egen profilsida och länkade till. Visst är det smart!
Hur den ser ut kan du se nederst i det här inlägget och om du klickar på bilden från hennes blogg kan du se hur det fungerar på riktigt!

Så här gör du om du vill byta ut eller lägga till en egen sida (eller flera kanske?)

Börja med att skapa din sida i photoshop eller annat bildhanteringsprogram.
En bild som är ca 1200 x 1000 pixlar är ganska lagom, då syns hela sidan på de flesta skärmar.



När du har skapat en bra sida med det du vill ha med - text, foton, andra bilder etc spar du den.

Om du väljer att spara bilden som png utan ett lager med bakgrundsfärg kommer bilden att smälta in fint i webfönstret och inte ge några kanter. Dock blir ju bakgrunden vit då, så vill du ha en annan färg får du lägga till det och spara bilden som jpeg.

Nu är det dags att länka din nya sida.
Börja med att ladda upp bilden på photobucket eller den sida du använder för att spara dina bilder på nätet.

Kopiera den här koden och klistra in i ett Anteckningsdokument eller liknande:

<div id='minprofil'><a href='http://DinBildsDirektlänk'>min profil</a></div>

Den röda delen är det som kommer att stå som länk. Byt ut till vad du vill.
Byt den blå markeringen mot din bilds direktlänk.
Du kan också göra samma sak direkt i din kodmall om du föredrar.

Om du inte redan har en gadget med About me/Profilsida börjar du med att lägga till den.

Sen är det dags för länken att klistras in. Gå till din bloggs kodmall - Redigera HTML.
Kryssa i rutan för Utökade Gränssnittskomponentmallar.
Nu ser du hela din bloggmall.

Klicka på CRTL och F på ditt tangentbord, då får du fram en sökruta/rad. Skriv in about i rutan. Tryck enter.


Nu har du kommit till rätt plats i mallen.
Titta efter den här kodraden:

<a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>

Om du vill byta ut länken i din bloggs gadget About Me (profilen) till enbart din egen länk markerar du den här raden och klistrar in din länkkod istället. Den här raden ska alltså bort.

Om du hellre vill ha kvar profillänken och dessutom lägga till din egen länk klistrar du in din länkkod under den här raden. Du kan ha fler länkkoder om du vill länka till flera sidor, men då får du ge varje länkkod ett eget id. Den här koden heter minprofil så din andra länk kan heta minprofil2 eller något liknande. Huvudsaken är att det inte finns en annan kod med samma id.

Spara din mall.


Nu har jag bytt ut länken på bilden nedan.
Här nedan hittar du Agnes blogg som hon har designat själv. Du hittar hennes profilsida om du klickar på Info. Tack för den bra idéen Agnes!

Läs mer......

Jag fick en bild idag...

Tänk vad hon är gullig, Sanny från Sannys Design! Jag blev riktigt rörd!

Om du klickar på bilden kommer du till hennes blogg och får se alla hennes fina bakgrunder som hon skänker bort.

Läs mer......

Dekorera med egna foton- redigerat inlägg!

Jag insåg att jag kanske ska göra ett litet tillägg till föregående tutorial eftersom det ju faktiskt finns fler saker man kan göra med koden vi använde till animationerna.

Du kan också skapa ditt eget fotocollage och lägga in brevid din blogg, vill du kan du ha en rad med foton som löper ner längs bloggen. Med den här koden följer bilderna med upp då man scrollar, så alla syns.

Det du får tänka på är att eftersom foton är lite större än små animeringar måste du antagligen minska avståndet till kanten på webläsaren i koden, alltså minska siffran i right (eller om du byter ut ordet mot left)

Glöm inte att skriva rätt storlek på bilden i koden, i den gröna delen nedan.

<div id="tag" style="position:absolute; right:60px; top:60px; width:153px; height:122px;">
<a href="http://fixa-din.blogspot.com" target="_blank">
<img border="0" src="http://DinBildsDirektlänk"/>
</a></div>

Koden lägger du som tidigare i en HTML/Javascript-gadget.

Edit: Jag har lekt lite med koden och hittat ett sätt som gör att du kan bestämma exakt vart bilden ska ligga oavsett skärmstorlek.

Genom att använda den här koden istället kan du placera ditt bildcollage/din bild precis där du vill på högra sidan på din blogg. Även här kräver det att du testar lite olika sifferkombinationer för att hitta rätt placering, men om du har snabbredigeringen av gadgets aktiverad ( så du ser de där små verktygen vid gadgetarna då du är inloggad ) så gör du det enkelt från bloggens framsida och behöver inte gå omvägen via layout-läget.

<div id="tag" style="position:absolute; center:0px; top:60px; width:1580px; height:400px;">
<a href="http://fixa-din.blogspot.com" target="_blank">
<img border="0" src="http://DinBildsDirektlänk"/>
</a></div>

Flytta bilden till höger genom att öka den gröna siffran och till vänster genom att minska den. Du kan inte få bilden till vänster om bloggtexten med den här koden, men du kan justera som du vill på högersidan.
Glöm inte att ställa in rätt höjd på bilden i den blå delen av koden.
-------------------------------------

Tycker du att min bakgrund är fin i exempelbilden ovan?
Du kan hämta den hos Fixa-forumets duktiga designer Jakeline, den heter Dotted Halloween
Bilderna jag lagt in till höger är förstås inte med!

Läs mer......

Dekorera din bloggmall med en animation

Sugen på att dekorera bloggen lite inför Halloween och jul?
Ett enkelt sätt är att lägga in en eller ett par bilder, gärna rörliga animationer - smileys, gifs och liknande - i en kod i en gadget i din bloggs layoutläge.

Gör så här:

Leta rätt på en eller flera bilder som du vill ha på bloggen.
Kopiera dem till din dator och lägg upp dem på Photobucket eller liknande så att de får en webadress. Länka inte bilden direkt från sidan där du hittar den, det kallas hotlinking och är väldigt illa sett på internet eftersom du då stjäl den websidans bandvidd.

Gå till din bloggs Layoutläge och lägg till en ny gadget, välj HTML/Javascript.

Klistra in den här koden:

<div id="tag" style="position:absolute; right:60px; top:60px; width:153px; height:122px;">
<a href="http://fixa-din.blogspot.com" target="_blank">
<img border="0" src="http://i38.photobucket.com/albums/e123/Buschiq/Bat1b3.gif"/>
</a></div>

Byt ut den röda webadressen mot din bilds direktlänk. Eller, om du vill ha kvar pumpan i exemplet, låt den vara. Det är en animerad bild med en fladdermus i pumpan.


Nästa steg är att ändra de gröna siffrorna till din bilds mått. Om du är osäker så håll musen över bilden du har sparad på din dator, då visas måtten.

De blå siffrorna indikerar vart bilden ska ligga på skärmen. De utgår, i det här fallet, från höger och toppen på sidan. Du kan byta ut de orden mot left och/eller bottom om du vill. Siffrorna talar om hur långt från webläsarens kant bilden ska ligga och här får du prova dig fram.

Tänk på att det finns ett flertal olika skärmstorlekar så alla kanske inte ser samma resultat som du, men någonstans ska ju bilden ligga. Testa dig fram till det du tycker passar!

Du kan lägga in flera bilder med varsin kod i samma gadget om du vill. Tänk dock på att de inte kan ligga på samma ställe, så du får anpassa koderna.

Läs mer......