Come fare un layout personalizzato Tumblr in CSS

July 13

Tumblr è una piattaforma di blogging gratuito che fornisce tutti gli strumenti per creare il proprio layout personalizzato utilizzando HTML e CSS. Non è possibile modificare il file CSS Tumblr direttamente dal cruscotto Tumblr. Tuttavia, a trovare l'URL per il file CSS in HTML tema e l'uso che per scaricare il file CSS al computer. Una volta che il file si trova sul computer, è possibile personalizzare all'interno di un editor di testo, poi caricarlo al tuo account Tumblr.

istruzione

Scarica file CSS

1 Accedi al tuo account Tumblr e fare clic sul nome del blog che si desidera personalizzare.

2 Fai clic su "personalizzare l'aspetto" dal menu a destra, quindi fare clic sul pulsante "Modifica HTML" per visualizzare il codice tema Tumblr.

3 Trova riga di codice che indica il foglio di stile CSS. Questo sarà vicino alla parte superiore del codice e inizia con il seguente:

<Link rel = "stylesheet" type = "text / css"

4 Evidenziare l'indirizzo URL del foglio di stile CSS che segue questo codice. Questa inizierà con "http: // & # 8221; e terminare con "css".

5 Il tasto destro del mouse e selezionare "Copia" dal menu.

6 Aprire una nuova scheda del browser, fare clic nella barra degli indirizzi, quindi selezionare "Incolla".

7 Premere il tasto "Enter" per visualizzare il file CSS.

8 Pulsante destro del mouse in qualsiasi punto il codice CSS e selezionare "Salva" o "Salva con nome" per salvare il file CSS sul computer.

Modifica e caricare nuovi file CSS

9 Aprire il file CSS salvato con un editor di testo. È ora possibile modificare gli elementi del layout CSS, come ad esempio i colori del layout, lo stile dei caratteri e stili di collegamento. Se si ha familiarità con codifica CSS, è anche possibile aggiungere i propri blocchi di codice al file CSS per personalizzare ulteriormente. Salvare le modifiche al file CSS quando si è finito.

10 Passare a "Carica un file statico" pagina di Tumblr, fai clic su "Scegli file" e sfogliare il computer per il file CSS personalizzato. Fare doppio clic sul file per caricarlo.

11 Fai clic su "Carica file" per salvare il file CSS al tuo account Tumblr. Apparirà una nuova casella di testo, che visualizza l'indirizzo URL per il file CSS caricato.

12 Copiare l'indirizzo URL e tornare al codice Tumblr blog HTML.

13 Sostituire l'indirizzo URL del vecchio foglio di stile nel codice con il nuovo indirizzo URL foglio di stile, quindi fare clic su "Aggiorna anteprima." Vedrete le modifiche al layout CSS in anteprima.

14 Fai clic su "Salva" per pubblicare le modifiche al tuo blog Tumblr.


Articoli Correlati