Varför använder man sig av hotlinking?

Svaret på den frågan är man själv slipper att lägga upp bilder på sin webbserver och istället använder och faktiskt stjäl någon annans bandbredd som just denna någon betalar för. Det är ju ändå så att de flesta av oss har en begränsad bandbredd, som exempelvis trafik/överföring (per månad) som kan vara 10 GB, 20 GB eller mer, oftast högre ju mer man betalar. Och det kan kännas surt om det är många som länkar till ens bilder och stjäl ens bandbredd! Men vad kan man då göra åt det?

Stoppa hotlinking med .htaccess

För att testa och se om jag kunde få stopp på hotlinking på ett bra sätt och se om jag kunde åstadkomma en tydlig markering när någon hotlinkar mina bilder provade jag ett tips ifrån altlab  som går ut på att man stoppar hotlinking genom att lägga till några rader kod i sin .htaccess fil och koden ser ut så här.

RewriteEngine On
RewriteCond %{HTTP_REFERER} !^http://(.+\.)?mysite\.com/ [NC]
RewriteCond %{HTTP_REFERER} !^$
RewriteRule .*\.(jpe?g|gif|bmp|png)$ /images/nohotlink.jpe [L]

Hur!

Jag använder mig av min testblogg där jag gör alla ändringar i .htaccess och lägger upp bilden jag skapar för att markera att bilden är hotlinkad för att sedan försöka hotlinka en bild ifrån min vanliga blogg – WPXL.

Jag börjar med att ta en backup av min .htaccess fil (Glöm inte att ta en backup av er .htaccess innan ni börjar redigera)

Först måste jag redigera koden för att det ska fungera på min blogg (testblogg) . Jag ändrar mysite till min egen domän och tittar ni sedan på den sista raden i koden behöver jag skapa en bild nohotlink.jpe och det gör jag lite snabbt i ett bildredigeringsprogram och jag ger bilden det passande namnet stophotlinking.jpe (notera filändelsen – jpe) vilket jag lägger till i koden och kopierar in den färdiga koden i min .htaccess. Både kod och bild klara. Jag skickar upp både .htaccess och min bild till min WordPress installation (testblogg).

Jag stjäl en bild ifrån min testblogg och bilden jag tänker hotlinka är denna.

Jag koperar sedan URL till bilden (Hotlinking)  och infogar den i artikel på WPXL.se och sparar den som draft. När jag kör en preview av artikeln ser jag istället för bilden jag ”lånade” den här:

Detta är ett sätt att stoppa att någon använder hotlinking till någon av era bilder. Men det finns flera andra alternativ, men av dem jag har testat fungerar det här bäst. Har ni några andra tips för att stoppa hotlinking?

Andra bloggar om: Hotlinking, Bilder, Bandbredd, Foton, .htaccess, Stoppa Hotlinking

Shadows är ett plugin med storleken  434 Kb uppackat, men med lite optimering blir pluginet inte större än 29 Kb! Jag visar längre ner i artikeln hur ni gör! Så storleken på pluginet är litet (som det ska vara) och gör inget större väsen av sig med databasförfrågningar och dylikt. Ett plugin som kan vara ett effektivt sätt att snygga till sina bilder eller divs på sin blogg. Här är några exempel på hur det kan se ut med Shadows plugin.

shadow_curl

shadow_flat

shadow_osx

shadow_osx_small

Installera och hantera Shadows plugin!

Via Deepport kan ni ladda ner Shadows eller klicka på direktlänk till Shadows plugin. Ladda ner plugin eller installera automatiskt via er WordPress installation. Om ni vill minska ner storleken på pluginet så ladda först ner till er dator och installera inte direkt via er admin-panel i WordPress. Filen är i Zip format så ni behöver packa upp filen.

I katalogen Shadows som zippas upp, plockar ni bort bilderna screenshot-1.png och screenshot-2.png för ni behöver inte dem. Nu är katalogen Shadows endast 29 KB. Nu kan ni ladda upp katalogen Shadows via FTP till er WordPress installation eller gör ni som jag, packa i ihop er (lilla) Shadows katalog med ert Zip-program och logga ni in på er WordPress blogg och installera automatiskt Shadows plugin. Via er admin-panel kan ni göra inställningar via fliken Shadows som lagts till, men det behövs inte, det går bra med standard inställningarna.

För att lägga till skuggeffekter på era bilder som i bildexemplen gör ni bara så här

Hur får man fram skuggeffekterna på sina bilder, Divs och blockquotes? Jo, man använder sig olika ”classes” för varje objekt och dem olika klasserna kan ni se här.

• shadow_curl
• shadow_flat
• shadow_osx
• shadow_osx_small

Om jag som brukligt infogar en bild i en artikel ser min vanliga img class ut så här.

<img class="alignleft size-full wp-image-171" title="WP-Plugin"

För att lägga till olika skuggkonturer och använda Shadows ”classes” byter jag bara ut img class till någon av klasserna shadow_curl, shadow_flat.. och då ser det ut så här..

<img class=" shadow_osx" title="WP-Plugin"

Det ser betydligt snyggare ut med en skuggeffekt på bilderna eller hur?

Andra bloggar om: WordPress, WordPress Plugin, Shadows plugin, Bildeffekter, Snygga bilder

Här några plugin för denna vecka

Flash Album Gallery

Flash Album Gallery är ett plugin för er som vill administrera och visa era bilder på er blogg på ett enkelt och snyggt sätt. Ni kan hantera era bilder och gallerier via ett enkelt gränssnitt och visa bilderna snyggt i Flash.

Flash Image Carousel

Detta är ett häftigt plugin för att skapa bildgallerier eller menyer ifrån specifika bilder. För att visa bildkarusellen i era inlägg behöver ni bara skriva in [flash image carousel ID]. Demo.

WordPress BeBookmak Plugin

Bebookmark integrerar en tabell i er artikel för att era besökare lättare kan bokmärka eller dela med sig av er artikel.
 
PostAds

Ett plugin för att hantera och administrera textannonser i slutet på era artiklar. Ni har en del alternativ att välja på hur ni vill visa era annonser.

Dashboard Notepad

Detta är ett plugin som jag tycker borde vara standard i en WordPress installation. Har ni inte någon gång saknat ett enkelt anteckningsblock eller notepad som man kan skriva in sina idéer när man väl är inne och jobbar med sin blogg. Med Dashboard Notepad kan ni även tilldela rättigheter till vilka som får läsa era anteckningar. Kan vara bra om man är flera som skriver på bloggen.
 
B-oxmail

B-oxmail är ett enkelt formulär som man kan lägga till i sin sidebar, för att era besökare snabbt och enkelt kan skicka er ett meddelande eller mail. B-oxmail är Ajaxbaserat och det ingår CAPTCHA verifikation för att förhindra spam.

Wp – Feedburner

Med Wp-Feedburner kan ni se direkt ifrån er admin-panel hur många som prenumererar på er RSS feed. Ett enkelt smidigt plugin.
 
Link Summarizer

Med Link Summarizer kan ni precis som det låter summera alla länkarna i en artikel i en lista efter er artikel. Ni kan inkludera eller exkludera vilka länkar ni vill visa.
 
WP to Twitter

Uppdatera er Twitterstatus med uppdateringar av era bloggartiklar automatiskt.
 
Count per Day

Ett plugin som genererar statistik per dag. Count per Day visar sidvisningar och besökare, Visar era besökare per dag, vecka eller månad. Ett enkelt plugin för er som vill ha dagsrapporter om vad som händer på er blogg.

Andra bloggar om: WordPress, WordPress Plugin, Flash, Bilder, RSS, Statistik, Twitter, Feedburner

Själv skulle jag inte vilja påstå att jag inte är en fotograf överhuvudtaget! Utan jag liksom många andra bloggare hittar sina bilder via sidor som presenteras i listan under! Det är betydligt lättare och smidigare än att ens bara försöka tänka tanken på att försöka få ihop en snygg bild till sin artikel!

Här är 9 källor för att hitta bilder till sin blogg

SXC - Om ni registrerar er hos SXC får du tillång till tusentals bilder, grafik och bakgrundsbilder med hög kvalitet. Själv använder jag ofta SXC för att hitta snygga bilder till mina artiklar.

Everystockphoto - Via Everystockphoto kan ni söka efter gratis bilder. Sökningen sker via många olika källor och bilderna visas med olika licenser för publicering. Hitta bilder till er blogg eller hemsida.

Dreamstime - Dreamstime är ytterligare en sida var ni kan hitta bilder till era artiklar, och det bästa med det hela är att det finns massvis med bilder att välja på.

Clker - För er som gillar Clipart-bilder, är detta en sida för er! Här hittar ni garanterat något som kan tänkas passa er. Massvis med Clipart-bilder för gratis nedladdning.

Public-Domain-Photos - Vad sägs om 5000 bilder och 8000 gratis Clipart-bilder? Ni kan använda bilder till er webbsida eller blogg utan problem, men som alltid bör man titta om det finns speciella licenser för bilderna man använder.

FreePixels - Även FreePixels är en bra källa för att hitta bilder. En resurs för bilder och ni kan även söka via specifika taggar vilket kan underlätta er sökning en del.

FreeDigitalPhotos - FreeDigitalPhotos är en sida som jag gillar och dessutom är sidan väldigt snygg! Som om det skulle ha någon betydelse! Men gratis bilder kan ni i varje fall hitta här!

Turbo Photo - Här hittar ni massvis med bra bilder till er blogg ifrån 10 olika kategorier. Bläddra runt, hitta era bilder, ladda ner och använd i era inlägg. Smidigt eller hur?

Photobucket - Förutom att hitta gratis bilder hos Photobucket kan ni också ladda upp era egna för att dela med er till andra. Plus att Photobucket också är ett av de populäraste ställen där ni kan lagra era videos.

Andra bloggar om: Gratis Bilder, Bilder till blogg, Hitta Bilder, Photobucket, FreePixels, Ladda ner bilder, Blogg, Blogga

Presentera era bilder på ett snyggare sätt!

Det är ofta enkelt att integrera ett plugin som i någon form använder script för att presentera bilderna på ett snyggare sätt, och även lite annorlunda än det traditionella sättet att bara öppna bilden i ett nytt tråkigt fönster. Själv fördrar jag när någon blogg kan visa bilder på framför allt ett snabbt sätt, och även på ett snyggt sätt. Hur gör ni för att visa era bilder? Använder ni något speciellt WordPress plugin? Tipsa gärna med en kommentar!

Här är några plugin som man kan använda får att presentera sina bilder på olika sätt, men gemensamt är att bilderna visas lite snyggare än vanligt.

Lightbox Plus
 
Lightbox Plus implementerar ColorBox, som visar en överlagd bild på er blogg och är ett bra bildvisningsplugin för er WordPress blogg. Med Lightbox Plus kan ni visa en större bild på ett snyggt sätt utan att besökaren behöver lämna aktuell sida i och med bilden visas överlagd på artikeln. Bilder.

WordPress Gallery Slideshow
 
Enligt designers av detta plugin, WordPress Gallery Slideshow, var NextGEN Gallery plugin inspirationskällan för detta enkla plugin. WordPress Gallery Slideshow är ett lätt plugin med bara några få konfigurationsmöjligheter för att förenkla saker och ting. Som så många gånger tidigare är enkelheten många gånger bättre än komplexitet. Med detta plugin kan ni visa era bilder i en snygg slideshow i era artiklar.

Shadowbox JS
 
Shadowbox JS är en media applikation för visning av de allra flesta media format tillgängliga på Internet. Shadowbox är helt skriven med JavaScript och CSS och väldigt konfigureringsbar. Ni kan välja att exempelvis visa en bild, webbsida eller video med detta plugin. Ett allroundplugin för media som ni kanske kan ha nytta av! Bilder.

Shashin

Shashin har massvis med funktioner för er som vill visa era bilder och videos ifrån Picasa i era bloggartiklar eller specifika sidor. Ni kan exempelvis visa ett bildgalleri ifrån era Picasa album. Ni kan visa era bilder via Highslide som är inkluderat i Shashin plugin. Visa era nyaste bilder och video som thumbnailbilder ifrån ett album eller flera. Som sagt detta är ett multiplugin för er som använder Picasa, plus att det finns stöd för widgets också.

Jag behöver nog inte nämna det fler gånger, men alla plugin i listan är kompatibla med WordPress 2.8.

Andra bloggar om: WordPress Plugin, WordPress, Visa Bilder, Bildhantering, Script, Lightbox, Picasa, Bildvisning