Kunne du tænke dig at få dine initialer på et Adobe logo? Eller skal du bare bruge et logo altså en .ico fil så er det en morsom Adobe air applikation her!

Det er en applikation der laver noget som ligner et Adobe ikon. Meget sjovt. Først download http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&offeringid=10313&marketplaceid=1 filen og kør den. Nu skulle det gerne se sådan her ud:

(GP for Godteposen) . Nu vælger du bare gem og så bliver den gemt som en .ico fil.

Hvis du vil skille dig lidt ud fra mængden med din blog på Blogger.com, skal du ændre dit favicon, der som standard vises som et hvidt B på en orange baggrund.

Normalt vil man uploade et favicon til roden på ens domæne, men hvis du bruger den gratis tjeneste hos Blogger, har du ikke adgang til roden. Du skal derfor sno dig lidt for at lave dit eget favorit ikon til Blogger, men det kan sagtens lade sig gøre, og det er ikke så svært, som det måske lyder.

Hvad er et Favicon?

Et favicon er det ikon, som vises i adresselinjen i din browser, eller på fanebladet for den åbne side. I ældre browsere var du nødt til at gemme siden som en favorit (bogmærke), før du kunne se ikonet, men moderne browsere viser det med det samme.

På billedet ovenfor kan du se, hvordan samme blog vises i Opera før og efter, at bloggen fik sit eget favicon.

Sådan finder du ikonet

Du kan enten selv designe dit ikon med et fotobehandlingsprogram og gemme med filtypen .ico, hvis den er understøttet af programmet. Du kan også bruge et billede, du har i forvejen og omdanne det til et favicon via en hjemmeside. Se mit tip om at skabe et lynhurtigt favicon — Eller du kan finde færdige ikoner på nettet.

Der er flotte ikoner at finde på siden FindIcons.com, hvorfra jeg hentede den bog, jeg har brugt i eksemplet her. Husk at vælge ico formatet, før du gemmer din fil.

Upload det til en billed-delings-side

Normalt vil browseren søge efter et favicon, der er uploadet direkte til roden af serveren, men eftersom du ikke har adgang til den hos Blogger, kan du enten uploade ikonet til din egen server, hvis du har et webhotel, eller du kan bruge en gratis billed-delings-side.

Der er ikke så mange, der tillader formatet .ico, men jeg søgte og fandt http://www.picturestack.com/, der er let at bruge.

Tilføj koden til din skabelon

Når du har stien til dit favicon (det henter du let fra fx PictureStack), skal du logge ind på Blogger.com og vælge Design. Her skal du ind i HTML-koden og lede efter det sted, hvor “hovedet” slutter. Du kan se det ved, at der står:

Når du har fundet det, skal du indsætte følgende koder lige inden, altså lige før </head>. Du skal rette STI-TIL-FAVICON til den sti, du har til dit ikon.

Gem skabelonen, og nyd synet af dit nye favicon.

Hvis du gerne vil personliggøre din blog eller hjemmeside — eller endda e-mail — med din underskrift, men ikke ønsker at sprede din rigtige underskrift, så er løsningen på nettet. Den er endda gratis.

Måske undrer du dig over, hvorfor nogen ikke vil have deres rigtige underskrift på nettet? Det er der flere grunde til. En er, at så er den nemmere at forfalske, og en anden er, at du måske ikke ønsker, at nogen skal lave en grafologisk undersøgelse af din psyke ved at tjekke din underskrift.

Du har mulighed for at lave din underskrift på flere måder.

1. Skriv den med mus eller elektronisk pen.
2. Vælg en font til din underskrift.
3. Opret din personlige skrifttype på basis af din egen skrift.
4. Scan et billede af din rigtige underskrift.

Bagefter kan du gemme underskriften som et billede, og du kan endda bruge den som et stempel via et plugin til din browser.

Hvordan er alt dette muligt?

Hvis du går til MyLiveSignature.com, kan du vælge, hvordan du vil oprette din underskrift.

Du behøver ikke at tilmelde dig, og det er helt gratis, uanset om du tilmelder dig eller ej.

Som en smart ekstra detalje kan du installere et plugin til Firefox og Chrome, som gør det muligt at indsætte din underskrift fx i Gmail eller en anden webmail. Dette plugin hedder WiseStamp, og det er også gratis.

Tak til Cyril for dette tip.

Du kender sandsynligvis tricket med at sætte volapyk-tekst på hjemmesiden, når du skal vurdere det nye design, så indholdet ikke distraherer dig i din vurdering. I de fleste tilfælde bruges den latinske tekst “lorem ipsum”. (I øvrigt troede en ikke-for-kvik fransk gymnasie-rektor, at denne tekst var dansk, men det er en helt anden og længere historie.)

Nu kan du få lorem-ipsum billeder – dvs. billeder i lige præcis den størrelse, som du skal bruge til designet, men de er uden motiv, som fx det, der pryder artiklen her. Du kan enten skabe billederne selv, når du kender den enkle formel, eller du kan klikke dig vej til den på en hjemmeside.

Hjemmesiden hedder http://dummyimage.com/, og der vil du kunne angive målene på dit billede, baggrunds- og forgrunds-farve, billedtype og evt. tekst.

Der er en god beskrivelse af, hvordan du selv kan fremstille billeder uden at skulle besøge siden. Fx ser koden til mit ovenstående billede sådan her ud:

Ovenstående kode kan splittes op i linket til hjemmesiden (http://dummyimage.com), størrelsen på mit billede (150×150), baggrundsfarven (c0c0c0), forgrundsfarven (fff), billedtypen (jpg) og den tekst, jeg ville have på (150×150).

Mange af disse faktorer kan udelades, og så bruges i stedet standard. Hvis jeg fx kun havde skrevet 300 i størrelsen, ville jeg få et kvadrat på 300×300.

Prøv at lege med mulighederne. Og hvis du er bekymret for, om denne gratis side skulle forsvinde en dag (det koster penge at have en hjemmeside), så download kildekoden ganske gratis. Den er skrevet i PHP.

Du kan peppe dine billeder op ved at vise dem på en ny måde, ligesom hvis de var del af en tegneserie.

Programmet Comic Life (til Mac og Windows) gør det nemt. Du behøver bare at vælge skabelonen, trække dine billeder over rammerne, og evt. tilføje tekst. Se det lille eksempel, jeg lavede på få minutter.

Hvad kan du bruge det færdige billede til? Der er mange muligheder: sjov, undervisning, sangskjuler, gave i en pæn ramme, evt. digital ramme, sætte på bloggen, vise dine følelser med … Kun din fantasi sætter begrænsningen.

Programmet er ikke gratis, men du kan prøve det i en periode på 30 dage, før du beslutter, om du vil købe eller ej. Prisen er imellem $24,95 og $29,95 lige nu.

Hvis du kan lide at arbejde med billeder, er det et sjovt program, der kan give kreativiteten frit spil.

Hvis du godt kan lide at arbejde med grafik, eller bare lige skal rette på et billede, så kan du få alle værktøjerne til rådighed på et sted – uden at du behøver at downloade og installere noget. Dette site stiller hele otte programmer til rådighed med billed- og lyd-redigering, vector-redigering, screen grab, avanceret billed-redigering, effekter, farve editor, og et Firefox addon til at tage skærmklip med.

Du kan få adgang til alle herlighederne her, og programmerne er nemme at bruge med intuitive brugerflader.

Tak til min mand, Cyril Malka, for tippet.

Her er en hurtig og nem måde at anbringe en centreret guide i et hvilket som helst billede i Photoshop.

Sådan en guide er smart, hvis du vil centrere tekst eller anden grafik i et billede.

Bare vælg View → New Guide, og sæt Position til 50%. Du kan enten vælge Horizontal og/eller Vertical.

Det er alt. Enkelt, ikke?

Det er altid spændende at lege med flotte skrifttyper. Din computer er nok født med en masse forskellige fonte, men det skader aldrig med lidt fornyelse, hvad enten du vil skrive et brev, eller lave et banner.

Skrifttyper kan være ret dyre at indkøbe. Selv de mest kedelige at se på.

På denne side finder du en masse gratis og flotte skrifttyper. Det er bare at gå i gang.

Her er et lille udpluk fra forsiden:

Tak til min mand for tippet.

Vælg blandt næsten 200.000 flotte ikoner, enten ved at søge efter nøgleord, eller ved at bladre igennem kategorier. Ikonerne kan downloades i forskellige filformater, lige til at bruge på hjemmesiden eller i din keynote præsentation.

Nævnte jeg, at de var gratis og superflotte?

Du finder både klassiske ikoner og moderne “glossy” ikoner på siden, der bærer navnet Icon Finder. Hvis du skal bruge ikonet til kommercielt brug, kan du endda filtrere dem fra, som du kan benytte, sågar uden henvisning.

Se fx denne flotte pil, som er tilgængelig helt kvit og frit, også til kommercielt brug.

Kig dig omkring på IconFinder og se, om du ikke kan finde et ikon eller to, du kan bruge.

Som du nok ved, fylder billeder en hel masse. Hvis du uploader store billeder til nettet, og folk skal se dem i deres browser, vil det tage dem lang tid at hente billedet. Har du mange af den slags på en side, vil dine gæster sandsynligvis forlade den igen, fordi de ikke har tålmodighed til at vente, til det hele er hentet ned på deres computer. Her kommer thumbnail billeder til deres ret.

I stedet for at skulle downloade et stort billede, kan din gæst se billedet i miniature, og hvis han vil se en større udgave af billedet, kan han klikke og hente det ned.

Problemet er, at det tager tid at lave små versioner af de store billeder, og det tager tid at uploade begge dele, og så fylder det også mere på serveren, når du skal have to billeder liggende for hvert billede, du vil vise.

Derfor er det smart, når der findes en metode til at lave en miniature automatisk, blot ved hjælp af et enkelt script, og så behøver du kun at uploade et billede.

Du kan se et eksempel nedenfor. Jeg har kun uploadet det store billede, men nedenfor ser du en miniature, en thumbnail, som automatisk er skabt ud fra det store billede, og du kan klikke på thumbnailen for at se det originale billede:

Fordelen ved at lave en miniature ved hjælp af php er, at du skaber et rigtigt lille billede. Filstørrelsen bliver mindre. Det gør den ikke, hvis du bare ændrer i højde og bredde på html-taggen.

Du skal bruge en fil, som du fx kan kalde miniature.php, og du skal bruge en kode til at indsætte thumbnail billedet med.

I filen miniature.php skal du indsætte følgende kode, hvor du selvfølgelig kan ændre på højde og bredde af dine thumbnails:

<?php
// Ret de to variabler nedenfor til størrelser, som du ønsker
$bredde = “100″; // svarer til bredden på billedet
$hoejde =”100″; // svarer til højden på billedet

// og her dannes miniaturerne …
header(“Content-Type: image/jpeg”);
$img_in = imagecreatefromjpeg($_GET['pic']);
$img_out = imagecreatetruecolor($bredde, $hoejde);
imagecopyresampled($img_out, $img_in, 0, 0, 0, 0, imagesx($img_out), imagesy($img_out), imagesx($img_in), imagesy($img_in));
$t = imagejpeg($img_out);
echo $t;
?>

Der, hvor du vil have vist miniaturen, skal du indsætte følgende kode, hvor du selvfølgelig ændrer navnet til at være det korrekte navn på din billed-fil (obs! virker kun på jpg):

I stedet for fx <img src=”http://www.minside.dk/img/mitbillede.jpg” alt=”min alt-tekst”> skal du bruge

<img src=”http://www.minside.dk/miniature.php?pic=http://www.minside.dk/img/mitbillede.jpg”>

Navnene: minside og mitbillede skal naturligvis skiftes ud med de rigtige navne.

Hvis du som i eksemplet her, du vil kunne lade gæsten klikke sig fra thumbnailen til det store billede, skal du flette det ind som et link. Mit link ser således ud:

<a href=”http://www.godteposen.com/images/chili.jpg” target=”_blank”><img src=”http://www.godteposen.com/miniature.php?pic=http://www.godteposen.com/images/chili.jpg” /></a>