Hur centreras med en HTML-editor på Tumblr

Tumblr-blogg-värdtjänsten innehåller en avancerad blogginläggsredigerare för att skapa och redigera dina Tumblr-blogginlägg. Postredigeraren innehåller en HTML-funktion som låter dig klistra in och formatera inlägget i designkodsläge. För att centrera text, bilder, videoklipp eller andra objekt i HTML på Tumblr, ändra dina inställningsinställningar i menyn Inställningar och använd HTML-läge i Tumblr-blogginläggsredigeraren varje gång du skapar ett nytt inlägg.

Redigera Tumblr Post HTML

1.

Logga in på ditt Tumblr-konto.

2.

Klicka på namnet på din blogg högst upp på Dashboard-sidan. Klicka på "Preferences" -knappen med kugghjulsikonen i toppmenyn. Klicka på alternativknappen bredvid "Vanlig text / HTML" i avsnittet Redigera inlägg med hjälp av. Klicka på "Spara inställningar".

3.

Klicka på Text, Foto, Ljud, Video, Citat, Länk eller Chatt "i fältet Ny post högst upp på bloggens sida.

4.

Skriv en titel för posten i fältet Titel. Ange text, bilder, videoklipp och annat innehåll för ditt Tumblr-blogginlägg i fältet Inlägg.

5.

Klicka på "HTML" -knappen på verktygsfältet i redigeringsverktyget. Tumblr växlar postredigeraren till HTML-läge. Bläddra till sektionen av kod som innehåller text eller objektet som du vill centrera.

6.

Skriv eller klistra in direkt före befintlig kod. Skriv eller klistra in direkt efter befintlig kod. Koden för en centrerad bild kommer att se ut som detta exempel:

7.

Klicka på den gröna "Uppdatera" -knappen för att uppdatera inlägget med den redigerade koden. Klicka på knappen "Skapa inlägg" för att lägga till inlägget med det centrerade elementet.

Redigera Tumblr Mall HTML

1.

Klicka på knappen "Anpassa Utseende" med skiftnyckeln i menyn till höger.

2.

Klicka på Avancerat i menyn till vänster. Bläddra till Inmatningsrutan Lägg till anpassad CSS (Cascaded Style Sheets).

3.

Klistra in följande rad kod i rutan:

p {text-align: center}

Om rutan redan innehåller CSS-kod, placera den här koden efter sista raden med befintlig kod.

4.

Klicka på den gröna "Spara" -knappen. Tumblr kommer nu centrera alla inlägg automatiskt.

Tips

  • Vissa Tumblr-bloggteman tillåter dig inte att centrera inlägg individuellt. Om det här är fallet med din blogg, använd det andra förfarandet ovan för att centrera inlägg, eller ändra ditt Tumblr-bloggtema.

Populära Inlägg