whycomputer.com >> Datornätverk >  >> Internet

Hur man får GIF att fungera på Tumblr -teman

Du kan ofta uppmärksamma din Tumblr -blogg genom att använda animerade Graphics Interchange Format -filer som en del av ditt tema. För att få animationen i sidofältet eller beskrivningsområdet, du måste först ladda upp GIF -filen och sedan lägga till en länk till filen i ditt temas HTML -kod. Om du har problem med att få animationen att fungera korrekt, du kan behöva ändra originalfilen för att uppfylla Tumblrs bildstandarder.

Lägg till bild i temat

Ladda upp den animerade GIF -filen till Tumblr från dess statiska filöverföringssida (länk i resurser). Tumblr låter dig ladda upp animerade GIF -filer så stora som 5 MB från denna sida, så länge de är till för ditt tema. Alternativt, ladda upp filen till en bildvärdsajt som TinyPic, PhotoBucket eller ImageShack. För andra webbplatser, behåll filstorleken under 10 MB.

Kopiera bildadressen från Tumblr eller bildvärdssidan.

Gå till din Tumblr -instrumentpanel och klicka på "Anpassa" för att komma åt inställningarna för ditt bloggtema.

Klicka inuti beskrivningsfältet där du vill infoga den animerade GIF -filen och ange följande HTML -kod: Ersätt "URL" med webbadressen för din animerade GIF. Behåll citattecknen runt webbadressen. Den slutliga koden ska se ut som:

Klicka var som helst i förhandsgranskningsfönstret för att se hur bilden ser ut. På vissa teman, du kan behöva lägga till ett breddattribut i koden så att bilden passar i sidofältet. För att ställa in en bredd på 300 pixlar, till exempel, ändra din kod enligt följande:

Klicka på "Spara" och sedan "Avsluta". Om bilden inte visas korrekt, eller så fungerar inte animationen, vänta några minuter tills Tumblrs server uppdaterar din sida. Om det fortfarande inte fungerar, du kan behöva ändra den ursprungliga GIF -filen och sedan ladda upp den igen.

Tips

Minska måtten på din animerade GIF -fil om den överstiger 500 x 700 pixlar. Många Tumblr -teman klarar inte större bilder, eller Tumblr kan ha problem med att minska bilden för att passa din sidofält.

Minska storleken på originalfilen om du fortfarande har problem. Medan Tumblr stöder filer upp till 10 MB när de finns på andra webbplatser, de resurser som krävs för att bearbeta en så stor fil kan vara källan till problemet. Det enklaste sättet att minska filstorleken är att minska bildens mått, men du kan också minska lagren eller antalet färger.

Spara din ursprungliga animerade GIF -fil om den uppfyller alla storlekskrav, men kommer fortfarande inte att visas ordentligt. Problemet kan vara ett enkelt fall av dålig kodning i originalfilen. Se till att du väljer animeringsalternativet när du sparar eller exporterar filen i ditt bildredigeringsprogram.

Använd ett vanligt bildredigeringsprogram som GIMP, Photoshop eller CorelDraw när du ändrar dina animerade GIF -filer. Du kan också spara eller ändra storlek på animerade GIF -filer med gratis webbplatser som GIFMaker.Me, GIFMagic eller ResizePic (länkar i resurser).


URL:https://sv.whycomputer.com/internet/1014019063.html

Internet
  • Hur man gör en PDF -fil av en logotyp

    Att göra en PDF -fil med en logotyp är förvånansvärt enkelt och är viktigt för de flesta webbdesigners. När du väl har gjort det, du kan enkelt skicka de logotyper du skapar till klienter, gör dem tillgängliga för nedladdning, eller bifoga dem till e -postmeddelanden i ett format som nästan alla kan

  • Hur man gör en PDF -fil med flera sidor

    Portable Document Format (PDF) skapades av Adobe för att tillåta utbyte av fast layout, oredigerbara dokumentfiler över flera operativsystem och plattformar. Med Adobe Reader, nästan vilken dator som helst kan visa och skriva ut en PDF -fil med exakt innehåll och layout som definierats av författare

  • Hur man laddar upp till statisk Tumblr

    Tumblr är en gratis bloggplattform som i sig är social. Förutom att vara värd för bloggar på sina servrar, Tumblr syndikerar också innehåll från dessa bloggar till andra Tumblr -användare via instrumentpanelen. Tjänsten gör att praktiskt taget alla typer av webbinnehåll kan publiceras på användarblo

Datornätverk © https://sv.whycomputer.com