Slipp skriva ut hela sökvägen varje gång du inkluderar en fil

Har man många filer man inkluderar ofta på olika sidor så kan man genom att använda php_value include_path eller set_include_path() slippa ange hela sökvägen varje gång man kallar på någon av filerna.

Lägg till en sökväg i .htaccess:
php_value include_path ".:/sökvägen/till/include-mappen"
Tänk på att htaccess-filen ska ligga i roten.

Lägg till en sökväg i php-filer:
set_include_path('.:/sökvägen/till/include-mappen');

Spelare till video på webben

Har du en video du vill lägga på din hemsida så kan du använda open source mediaspelaren
JW FLV Player, gjord i Flash. Man kan välja bland olika s k skins och den har stöd för flera filformat, bl a FLV, MP3, MP4 och AAC.

När jag lägger in Flash på en hemsida använder jag alltid swfobject. Här är två exempel på hur man lägger in sin film med JW FLV Player:

Ladda hem JW FLV Player >>

En film i storlek 640 x 480:
(lägg till 20 pixlar på höjden för spelarens kontrollpanel)

swfobject 1.5

Lägg i bodyn:
<div id="filmkontainer"></div>
<script type="text/javascript">
var so = new SWFObject('player.swf','mpl','640','500','8');
so.addParam('allowfullscreen','true');
so. addParam('flashvars','file=film.flv&autostart=true');
so.write('filmkontainer');
</script>

swfobject 2.0

Lägg i headern:

<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
var params = {
allowfullscreen: "true",
allowscriptaccess: "always",
};
var vars = {
file: "film.flv",
autostart: "true"
}
swfobject.embedSWF("player.swf", "filmkontainer", "640", "500", "8", null, vars, params);
</script>

Lägg div-taggen där filmen ska visas i bodyn:

<div id="filmkontainer"></div>

Med thickbox

Om du vill visa videon på skärmen med jQuery thickbox:

<a href="#TB_inline?inlineId=filmkontainer&height=500&width=640" class="thickbox">Visa filmen</a>

Konvertera till PDF online

PrimoOnline låter dig konvertera olika slags filer till pdf-format. Kanonbra. Superenkelt. Helt gratis!

http://online.primopdf.com/

Omvandla timestamp datum till datetime datum

SELECT FROM_UNIXTIME(timestamp_datum) as datum FROM tabell

Ta bort ljud från film (mpg)

Vill man inte ha med ljud på sin mpg-film, t ex om den ska ligga på Internet, så kan man med hjälp av Windows Movie Maker ta bort det:

- Dra in filmen på tidslinjen.
- Högerklicka på den och välj Tyst.
(Window Movie Maker version 5.1.)

Använder du Nero Vision (4):

- Dra in filmen på video-spåret.
- Högerklicka på den och välj Properties. Här kan du sänka ljudnivån till 0%.
- Exportera sedan filmen.

Rolig fisheye meny med jQuery

Hittade en rolig meny som växer när man för musen över menyns olika länkar, en s k fisheymeny. Den kräver jQuery och ett interface.

Se exempel på fisheye-meny >>

Ladda hem interface.js >>

Lägg inom HEAD-taggen:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="interface.js"></script>
<script type="text/javascript">
$(document).ready(

function()
{
$('#fisheye').Fisheye(
{
maxWidth: 81,
items: 'a',
itemsText: 'span',
container: '.fisheyeContainter',
itemWidth: 51,
proximity: 73,
halign : 'center'
}
)
}
);
</script>

Lägg i BODYn:

<div id="fisheye" class="fisheye">
<div class="fisheyeContainter">
<a href="#" class="fisheyeItem"><img src="images/menyflik_start.png" height="40" /><span>Start</span></a>
<a href="#" class="fisheyeItem"><img src="images/menyflik_funktion.png" height="40" /><span>Funktion</span></a>
<a href="#" class="fisheyeItem"><img src="images/menyflik_garanti.png" height="40" /><span>Garanti</span></a>
<a href="#" class="fisheyeItem"><img src="images/menyflik_faq.png" height="40" /><span>FAQ</span></a>
<a href="#" class="fisheyeItem"><img src="images/menyflik_bestall.png" height="40" /><span>Beställ</span></a>
</div>
</div>
</div>

Lägg i din CSS:

.fisheye{
text-align: center;
height: 51px;
position: relative;
}
a.fisheyeItem
{
text-align: center;
font-weight: bold;
text-decoration: none;
width: 88px;
position: absolute;
display: block;
top: 0;
}
.fisheyeItem img
{
border: none;
margin: 0 auto 5px auto;
width: 100%;
}
.fisheyeItem span {
display: none;
positon: absolute;
}
.fisheyeContainter
{
height: 51px;
width: 200px;
left: 500px;
position: absolute;
}

På hemsidan finns mer förklaringar och förslag på inställningar.

Ram (border) runt bild skapad med GD

Jag ville gärna ha en ram (border) runt min captcha så jag skrev en funktion och stoppade in i PHP-klassen från PHPCaptcha.org (se mitt förra inlägg). Funktionen kan även användas fristående för GD-bilder.

function drawBorder($img, $color, $thickness = 1)
{
$color=str_replace("#","",$color);
$color = imagecolorallocate($img, hexdec('0x' . $color{0} . $color{1}), hexdec('0x' . $color{2} . $color{3}), hexdec('0x' . $color{4} . $color{5}));
$x1 = 0;
$y1 = 0;
$x2 = ImageSX($img) - 1;
$y2 = ImageSY($img) - 1;
for($i = 0; $i < $thickness; $i++)
{
ImageRectangle($img, $x1++, $y1++, $x2--, $y2--, $color);
}
}

Använd funktionen såhär: drawBorder($img, "#000000", 1);

Captcha - skydda formuläret från spam

Ett sätt att skydda sina formulär från att bli bombarderade med spam är s k captcha-bilder.

PHPCaptcha är en variant som man kan ladda ner gratis och lägga till i sina formulär.

Ladda ner PHPCaptcha >>

Instruktion om hur man lägger in den i sitt formulär >>

Vill du ha en ram (border) runt din PHPCaptcha så kan du läsa om det i nästa inlägg.

Reflektera en bild

Så här reflekterar jag bilder i Illustrator:

- Markera bilden du vill reflektera.

- Högerklicka och välj Omforma -> Spegla...

- Välj Horisontell och Klicka på Kopiera för att få en likadan bild fast upp och ned.

- Placera den nya bilden i underkanten på originalbilden.

- Rita en rektangel som täcker den nedre bilden och fyll med en linjär toning (i panelen Övertoning) som går från vitt till svart.

- Markera både rektangeln och den nedre bilden. Öppna panelen Genomskinlighet och klicka på den lilla triangeln uppe i högra hörnet. Välj Skapa opacitetsmask.

- Ändra eventuellt transparensen på rektangeln.

- Klart!

Att välja domännamn

Välj ett domännamn som är lätt att marknadsföra, som man kommer ihåg. Det kan underlätta om ditt viktigaste nyckelord finns i domännamnet. Ordet kommer då att förekomma i alla ingående länkar.

En äldre domän värderas högre än en nyregistrerad. Registrera därför dina domäner så snabbt du kan.

Ju längre tid en .com-, .net- och .org-domän är registrerad på desto värdefullare tycker sökmotorerna domänen är.

Hitta rätt nyckelord - keyword

Nyckelorden ska vara relevanta både för din målgrupp och din hemsida. Fundera på vilka ord som användarna skulle söka på för att hitta din hemsida.

Antal ord som används i sökningar varierar från olika länder. I England används två eller tre ord, i Sverige används ett eller två ord i 80% av sökningarna.

Kolla vilka nyckelord konkurrenterna använder.

Använd synonymordlistor, t ex www.synonymer.se eller Microsoft Word.

Ta med felstavningar.

De vanligaste sökorden
Det vanligaste folk söker på är kändisnamn och porr/sex/erotik. Sedan kommer geografiska benämningar där Stockholm ligger i topp (källa: Eniro). Utnyttja detta genom att koppla geografiska benämningar och adjektiv till dyra sökord.

Om du är kund hos Google Adwords har du tillgång till ett sökordsverktyg som kan ge förslag på sökfraser som kombinerar ditt sökord med andra ord.

Ju mer specifik eller avgränsad en sökning är desto troligare är att den som söker är närmare ett avslut.

Kolla nyckelordsdensiteten med t ex tilläggsprogrammet Searchstatus till Mozilla Firefox. Kolla även nyckelordsdensiteten på en konkurrents hemsida. Även tilläggsprogrammet Webdeveloper toolbar finns bra funktioner för att analysera högrankade sajter.

Om söktjänster på Internet

Sökmotoroptimering innebär att göra hemsidan så attraktiv som möjligt för sökmotorerna för att få trafik från sökmotorernas listor utan att betala. Dessa sökresultat kallas organiska.

Sponsrade länkar är en betald plats på sökmotorernas sidor. Priset på sponsrade länkar avgörs genom budgivning och börjar hos Google på 10 öre och Yahoo på 2 kr. Ju högre pris desto bättre placering men även klickfrekvensen påverkar placeringen.

Söktjänsten Google är den största på marknaden för sponsrade länkar, sedan kommer Yahoo Search Marketing, Microsofts söktjänst MSN Search och Eniro.

Google har större partnersajter som Helsingborgs Dagblad och Start.se samt mindre hemsidor som tjänar pengar genom att visa Google-annonser via Googles annonsprogram Google Adsense.

Eniro driver förutom Eniro.se även Bilweb och Passagen. De har externa partners som IDG, TV4, Catweb och lunarstorm.

Yahoo Search Marketing driven MSN, Yahoo, Altavista, Lycos och Kelkoo samt Telia Startsidan.


Onlinekataloger och eftertext
Dessa utgörs av informationssidor med t ex länk till företagets hemsida, länk till karta, banner m m. Innehållet i träfflistan avgörs av sökord kopplade till rubriker och innehåll på de enskilda informationssidorna.

T ex Eniro och Blocket

Länkkataloger
I en länkkatalog redigeras innehållet manuellt av redaktörer. De viktigaste är Open Directory Project och Sunet men även Catweb och Eniro. En listning i dessa kataloger kan påverka en hemsidas ranking i det organiska sökresultatet. Det är vanligt att SEO-konsulter driver länkkataloger för att kunna höja rankingen på sina kunders hemsidor med hjälp av ingående länkar.

Metasöktjänster
En metasöktjänst presenterar sökresultat från flera sökmotorer samtidigt. Ett exempel är Dogpile som hämtar resultat från Google, Yahoo, MSN Search och Ask Jeeves. Även mamma.com är exempel på en metasöktjänst.

Vertikaler
Exempel på vertikala sökmotorer är bytbil.se och bilweb.se. De visar resultat inom ett visst område. Även Pricerunner och Kelkoo är vertikala sökmotorer.

Bloggsökmotor
En bloggsökmotor indexerar innehåll från bloggarnas rss-flöden. Technorati och blogsearch.google.com är två exempel; i Sverige finns t ex knuff.se och feeder.se.

Skydda bilder och andra filer på din hemsida

Andra kan länka in bilder och filer i sin egen hemsida direkt från din, s k hotlinking, vilket stjäl bandbredd från ditt webbhotellskonto. Med hjälp av .htaccess kan man förhindra detta.

Lägg till följande i din .htaccess-fil:

RewriteEngine on

RewriteCond %{HTTP_REFERER} !^$

RewriteCond %{HTTP_REFERER} !^http://(www\.)?hemsida.se/.*$ [NC]

RewriteRule \.(gif|jpg|mp3)$ - [F]

Byt ut hemsida.se mot din egen domän-adress. 

Koden kontrollerar referrern (där anropet kommer ifrån) – om det inte kommer från din domän och det är ett anrop på en gif-, jpg- eller mp3-fil så visas ett felmeddelande.