Come per ottenere le cose sul vostro Sidebar per Tumblr

January 17

L'aggiunta di immagini o di collegamenti ipertestuali alla barra laterale è semplice, ma richiede comunque una conoscenza rudimentale di Hypertext Markup Language. Il "<img>" e "<a>" tag dicono Tumblr che si desidera inserire un'immagine o un link, ma è necessario includere ulteriori informazioni con questi tag in modo che il sito sa dove trovare la tua immagine o un sito web. Per personalizzare ancora di più il tuo blog, è possibile implementare funzioni aggiuntive, come ad esempio una casella di ricerca, con JavaScript. Non è necessario conoscere alcun JS te - basta copiare e incollare il codice nei luoghi appropriati.

istruzione

Inserire il testo, immagini e link

1 Accedere a Tumblr, cliccare su "Impostazioni" in alto a destra e quindi scegliere il blog di modificare da sinistra.

2 Fare clic sul pulsante "Personalizza" per accedere alla pagina di personalizzazione, e quindi fare clic all'interno del campo "Descrizione".

3 Inserire il testo nel campo per aggiungere un riassunto, introduzione, citazione o altre informazioni nella barra laterale.

4 Digitare il seguente codice nel campo per inserire un'immagine:

<Img src = "[URL]">

Sostituire "[URL]" con l'indirizzo web dell'immagine che si desidera aggiungere alla barra laterale.

5 Digitare il seguente codice per aggiungere un link ad un altro sito web:

<a href="[URL]"> Questo è un esempio </a>

Come sopra, sostituire "[URL]" con l'indirizzo appropriato. Inserisci il testo del link preferito tra il "<a>" e tag "</a>".

6 Inserisci "<p>" su una nuova linea per separare gli elementi nella barra laterale. Per esempio:

Questo è il mio blog Tumblr.
<P>
<Img src = "http://www.example.com/mypic.jpg&quot;>
<P>
<a href="My" rel="nofollow"> http: //www.my_website_address.com&quot;> il mio sito </a>

7 Fai clic su "Salva" per applicare le modifiche al tuo blog, e quindi fare clic su "Chiudi" per uscire dalla pagina di personalizzazione.

Aggiungere una funzione Tag Search

8 Accedere a Tumblr, cliccare su "Impostazioni" in alto a destra e selezionare il blog di modificare da sinistra.

9 Fare clic sul pulsante "Personalizza" per passare alla pagina di personalizzazione, e quindi fare clic su "Modifica HTML".

10 Fare clic all'interno del riquadro di sinistra, premere "Ctrl-F" per aprire Trova e quindi digitare "<head>" (senza virgolette) nel campo di ricerca.

11 Premere il tasto "Enter" per individuare il tag "<head>", e quindi incollare il seguente in una nuova riga:

<Meta name =: contenuto "text Ricerca Label" = "" />
<Script language = "text / javascript">
Funzione tagSearch (modulo) {

window.location = &quot;/tagged/&quot; + form.tag.value;
return false;

}
</ Script>

12 Fai clic su "Indietro" per tornare alla pagina precedente. Incollare il seguente nel campo "Descrizione":

<Form onsubmit = "tornare tagSearch (questo)">
<Input type = "text" name = value "tag" = "Ricerca nel nostro Blog" onfocus = "if (this.value == '{text: Cerca Etichetta}') {this.value = ''}" onblur = " if (this.value == '') {this.value = '{text: Cerca Etichetta}'} "/>
<Input type = "submit" value = "Cerca" />
</ Form>

13 Fai clic su "Salva" per applicare le modifiche al tuo blog, e quindi fare clic su "Chiudi" per uscire dalla pagina di personalizzazione.