August 27
Mentre alcuni sistemi di gestione dei contenuti utilizzano i fogli di stile CSS per modificare gli elementi di stile e la larghezza della pagina di controllo, Tumblr utilizza un singolo documento HTML per controllare come visualizzare i messaggi. È possibile utilizzare lo stile CSS con Tumblr, ma è necessario definire e chiamare stili all'interno dello stesso documento. Creazione di un blog larghezza fissa, quindi, significa tweaking file HTML di base di Tumblr.
1 Accedi al tuo blog Tumblr e fare clic sul nome del tuo blog nel Dashboard in alto sotto l'icona List. Fai clic su "Personalizzare l'aspetto" nella colonna a destra, e poi scegliere "Modifica HTML" al di sotto del tema attivo. Nella sua forma più semplice, un blog Tumblr ha <html>, <head> e <body>, tutti e tre, che sarà nella parte superiore del vostro file del tema.
2 Posizionare il cursore dopo il tag <head> e premere il tasto "Enter" per creare una nuova riga nel codice. Digitare quanto segue per creare una sezione del codice HTML in cui è possibile definire tutti gli stili:
<Style type = "css">
3 Premere il tasto "Enter" e quindi digitare:
contenitore {
width: 900px;
float: auto;
}
Sostituire il valore "larghezza" con la larghezza desiderata del tuo blog Tumblr.
4 Tipo "</ style>" dopo la definizione "#container" e premere "Invio".
5 Scorrere verso il basso nel codice per l'apertura "<body>" tag e inserire questo frammento di codice - <div id = "container"> - immediatamente sotto quel tag. Scorrere fino alla fine del file HTML e digitare "</ div>" immediatamente prima del chiusura </ body> tag. Questo metterà tutto il contenuto nel tuo blog Tumblr all'interno di un contenitore ampio 900 pixel.
6 Fai clic su "Salva" per salvare le modifiche al codice Tumblr. Caricare il blog in una nuova finestra del browser e verificare le impostazioni, mantenendo l'editor HTML aperta nella prima finestra. Spostarsi avanti e indietro, regolando la variabile "larghezza" fino a quando viene visualizzata la pagina come si desidera. Se la pagina è scorrevole verso sinistra, rimuovere il "float: auto" linea nei tag <style>.