inserimento barra laterale testo tumblr

Come modificare la barra laterale su Tumblr

October 18

La piattaforma di microblogging Tumblr permette di condividere testi, foto, video e altri supporti senza la conoscenza di HTML. Per modificare la barra laterale su Tumblr, tuttavia, è necessario essere in grado di modificare il codice HTML personalizzato per il tema Tumblr. Modificare la barra laterale permette di visualizzare testi, link e immagini nella barra laterale che appare su ogni pagina del tuo blog. Non importa ciò che il tema è stato installato, utilizzare lo strumento di personalizzazione di Tumblr per modificare la barra laterale.

istruzione

1 Passare a Tumblr e accedere al proprio account.

2 Fare clic sul titolo del tuo blog accanto alla scheda Dashboard nella parte superiore della pagina.

3 Fai clic su "personalizzare l'aspetto" nel menu sul lato destro della pagina.

4 Fare clic sul pulsante "Modifica HTML" nella parte superiore della pagina.

5 Scorrere verso il basso il codice HTML per individuare la variabile che controlla la sezione collaterale. Questa variabile è in genere circondata da un tag div e di solito è chiamato barra laterale o laterale, ma può anche essere chiamato qualcosa di simile, come ad esempio sidebar1 o sidebarleft. Ad esempio, <div id = "sidebar">. Se la codifica è troppo lungo per la ricerca manuale, fai clic su "Modifica" e "Trova" nella parte superiore del browser, quindi inserire il termine di ricerca nella casella di ricerca e premere "Invio" sulla tastiera.

6 Aggiungere o eliminare qualsiasi codifica o link nella sezione collaterale, se lo desideri.

7 Fare clic sul pulsante "Aggiorna anteprima" nella parte superiore della pagina per visualizzare in anteprima le modifiche apportate alla barra laterale.

8 Fare clic sul pulsante "Aspetto" nella parte superiore della pagina quando si è finito di modificare la barra laterale.

9 Fare clic sul pulsante "Salva" nella parte superiore della pagina per salvare le modifiche apportate alla barra laterale.

Come ottenere un link nella tua barra laterale su Tumblr

October 23

Per personalizzare gli elementi a tema sul tuo blog Tumblr, come ad esempio la barra laterale, è possibile utilizzare l'editor tema Tumblr. Anche se l'editor non fornisce uno speciale strumento di creazione collegamento barra laterale, esso ha una funzione che consente di aggiungere rapidamente una o più collegamenti ipertestuali alla barra laterale. La Descrizione zona di dialogo, in cui normalmente si immette il testo per descrivere il tuo blog, accetta informazioni collegamento ipertestuale. Non è richiesta una conoscenza approfondita o esperienza di editing HTML. Hai solo bisogno di sapere come aggiungere e modificare una riga di codice breve.

istruzione

1 Accedi al editor tema Tumblr. Se sei sul tuo blog, fai clic sul pulsante "Personalizza". Se siete sul vostro cruscotto, fare clic sull'icona "Gear", fare clic sul nome del tuo blog e quindi fare clic sul pulsante "Personalizza".

2 Vai alla casella Descrizione sull'editor tema si trova sotto miniatura tema del blog e il campo Titolo.

3 Inserisci il tuo link nella casella utilizzando il seguente formato breve codice HTML:

<a href="Link" rel="nofollow"> http: // URL / & quot;> link Titolo </a>

Ad esempio, è possibile immettere <a href="Twitter" rel="nofollow"> http://twitter.com/&quot;>Twitter Ramblings </a> per aggiungere un link al tuo account Twitter nella barra laterale Tumblr. "Twitter Ramblings" è il link visitatori del blog di testo clicca per andare al tuo account Twitter.

4 Controllare il riquadro di anteprima sul lato destro dello schermo per confermare che il link sulla barra laterale Tumblr appare, se lo desideri. Fai clic sul link per confermare che funziona.

5 Fare clic sul pulsante verde brillante "Salva". Fare clic sul pulsante grigio "Chiudi" per uscire dall'editor tema e tornare al blog o Tumblr Dashboard.

Consigli e avvertenze

  • Per aggiungere più di un collegamento alla barra laterale sul tuo blog Tumblr, posizionare il cursore alla fine del primo codice link nella casella Descrizione. Premere il tasto "Invio" sulla tastiera, e quindi immettere nuovamente il codice funzione con un titolo URL e collegamento diverso.
  • Le informazioni in questo articolo si applica a Tumblr partire dal luglio 2013.

Come creare categorie dai tag sulla barra laterale di Tumblr

May 23

Come creare categorie dai tag sulla barra laterale di Tumblr


Tag in messaggi Tumblr rendere più facile per gli altri utenti a trovare i tuoi contenuti attraverso ricerche, ma possono anche essere utilizzati per fornire la navigazione per il vostro sito. La schermata di personalizzazione integrato in Tumblr permette di creare collegamenti a tutti i messaggi che corrispondono a un determinato tag - questi collegamenti possono essere aggiunti come pagine o inseriti nel tema corrente manualmente. I messaggi stessi possono essere etichettati al momento della creazione o successivamente tramite la Messa post Editor, che è accessibile attraverso il cruscotto Tumblr.

istruzione

1 Accedere a Tumblr e fare clic sull'icona a cremagliera grigia per immettere le impostazioni dell'account. Selezionare il blog che si desidera lavorare e fare clic sul pulsante "Personalizza" accanto al titolo tema.

2 Aprire la sezione "Pagine" del riquadro di personalizzazione e scegliere "Aggiungi una pagina." Selezionare "redirect" dal menu a discesa nella parte superiore della finestra di dialogo che appare.

3 Inserisci un URL della pagina di vostra scelta nel campo superiore. Questo è solo un segnaposto per il collegamento e può essere qualsiasi cosa che si desidera, anche se utilizzando un URL relativo al tag si collega a rende più facile gestire i tuoi link in futuro.

4 Inserire il reindirizzamento di collegare nel formato "/ tag / & lt; TagName> & quot" rel = target "nofollow" = "_blank"> http: // & lt; blogURL> / tag / & lt; TagName> & quot; dove <blogURL> è l'indirizzo web del tuo blog Tumblr e <tagname> è il nome del tag che si desidera collegare.

5 Barrare la casella "Mostra un link a questa pagina" e inserire un nome per il collegamento. Questo è il testo che viene visualizzato sullo schermo per indicare il legame e dovrebbe essere rilevante per il tag si sta collegando a (ad esempio "Foto", "Notizie" o "parere"). Fai clic su "Crea pagina" per salvare le modifiche.

6 Trascinare i collegamenti della pagina nell'ordine corretto utilizzando le maniglie a sinistra. Fai clic su "Modifica" per modificare un link o il simbolo della croce per rimuoverlo. Le modifiche sono immediatamente visualizzati in anteprima nella finestra di destra. Fai clic su "Salva" e quindi "Chiudi" per tornare al cruscotto.

Consigli e avvertenze

  • La maggior parte dei temi disponibili attraverso Tumblr supporta l'utilizzo di pagine create attraverso la schermata di personalizzazione e visualizza automaticamente questi collegamenti di pagina nella barra laterale o intestazione. A seconda del tema, si possono trovare le opzioni per cui il vostro link di pagina sono posizionati sulla pagina e se si desidera o meno una barra laterale di navigazione per essere visibile.
  • Se il tema che si sta utilizzando non supporta collegamenti della pagina o si desidera posizionare manualmente sul tuo blog, utilizzare il pulsante "Modifica HTML" nel riquadro di personalizzazione per inserire i link dei tag in un punto adatto. È possibile utilizzare il codice di collegamento HTML standard - "<a href="http://<blogURL> / tag / <tagname>"> Testo da mostrare </a> "- per creare i collegamenti. Questo codice può essere incorporato dove vuoi nel tema e può anche essere lasciato cadere nel campo di descrizione del blog, se si preferisce.

Come incorporare Polldaddy Into Tumblr Non Blog la barra laterale

May 25

Come incorporare Polldaddy Into Tumblr Non Blog la barra laterale


Polldaddy sondaggi sono sondaggi personalizzabili che ogni utente può creare e posto sul web. Quando incorporato in un blog, come Tumblr, questi sondaggi fornire nuovi contenuti freschi che i visitatori del sito non può solo visualizzare, ma interagiscono con pure. Non è necessario sapere nulla di codifica o linguaggi di scripting HTML da usare Polldaddy sondaggi. Il sito genera tutto il necessario per incorporare sondaggi direttamente nel post del blog invece che sulla barra laterale di Tumblr.

istruzione

1 Visita Polldaddy e accedi al tuo account. Il sito vi porta al pannello di controllo del cruscotto. I suoi sondaggi esistenti vengono visualizzate nel pannello "I miei contenuti" sul lato destro della pagina.

2 Clicca sul link "Incorpora" al di sotto del sondaggio si desidera inserire su Tumblr. Polldaddy visualizza una casella di testo contenente il codice necessario per generare il sondaggio. Copia il codice utilizzando il mouse.

3 Passare al tuo account Tumblr e fare clic su "Testo". Digitare un titolo per il tuo post sul blog nella casella di testo "Titolo", e cliccare su "HTML".

4 Fare clic all'interno della Source Editor HTML che appare e fare clic su "Incolla". Tumblr incolla il codice copiato nell'editor.

5 Fare clic sul pulsante "Aggiorna" nella parte inferiore dell'editor a voi salvare le modifiche. Fai clic su "Crea Messaggio" per tornare alla pagina Dashboard.

6 Clicca l'immagine del profilo Tumblr. Il sito si apre il tuo post sul blog. Viene visualizzato il sondaggio Polldaddy sulla pagina.

Come mettere GIF sulla barra laterale Tumblr

May 23

Come mettere GIF sulla barra laterale Tumblr


La vostra barra laterale di Tumblr è uno degli elementi statici pochi del layout del blog che ognuno dei vostri ospiti vedono. Come risultato, molti utenti mettono informazioni biografiche e altre espressioni della loro personalità nella barra laterale Tumblr. GIF animate, che abbondano su Tumblr, possono esprimere la propria personalità in modo più dinamico di un'immagine statica, e se il vostro tema di layout non consente di caricare una GIF alla vostra barra laterale nelle opzioni tema si può mettere uno nella vostra sidebar usando semplice HTML .

istruzione

1 Carica la tua GIF a un host di immagini. È possibile caricarlo su un post di Tumblr, un proprio server di hosting Web o di un servizio di image-hosting come Imgur, TinyPic o Photobucket (link in Risorse).

2 Copiare l'URL del tuo GIF negli appunti del computer. La maggior parte dei servizi di hosting di immagini-offrono diverse opzioni URL quando si carica una foto; In genere, è necessario copiare il link con l'etichetta "Per Manda" o "per i layout."

3 Accedi al tuo account Tumblr, fare clic sull'icona dell'ingranaggio nella parte superiore della pagina e quindi fare clic sul nome del blog di cui si desidera personalizzare il layout.

4 Fare clic sul pulsante "Personalizza" al centro della pagina.

5 Immettere il seguente codice nella casella "Descrizione" di Tumblr:

<Img src = "yourgifurl">

Sostituire "yourgifurl" con l'URL copiato negli appunti del computer.

6 Fare clic sul pulsante "Salva" nella parte superiore della colonna di sinistra e poi cliccare su "Chiudi" per chiudere le impostazioni di personalizzazione. Controlla il tuo blog per assicurarsi che il GIF guarda il modo in cui si desidera che nella sidebar del Tumblr.

Consigli e avvertenze

  • Il vostro tema può consentire di caricare un GIF alla vostra barra laterale direttamente dal Appunti del computer. Se il tema ha questa funzione, fare clic sul pulsante "Sfoglia" al di sopra del campo "Descrizione" e cercare il file immagine sul disco rigido; quindi fare doppio clic su di esso per caricarlo sul vostro tema. Il tema di solito specificare le dimensioni vostro GIF ha bisogno.
  • Se il GIF è troppo largo per la sidebar di Tumblr, è possibile personalizzare la sua larghezza nella barra laterale inserendo il seguente codice:
  • <Img src = "yourgifurl" width = "300">
  • Sostituire "yourgifurl" con l'URL copiato negli appunti del computer e sostituisce "300" con la larghezza in pixel della barra laterale del vostro layout.

Come aggiungere la barra laterale di un tema Tumblr

July 10

Le barre laterali sono utili elementi di layout per aggiungere contenuti extra, link e informazioni al sito Tumblr. Sia che si sta creando un tema Tumblr o la modifica di uno esistente, è possibile aggiungere una barra laterale per il layout tema. Usando il metodo di fogli di styling e gli appropriati tag Hypertext Markup Language, si può facilmente inserire una barra laterale nel tema.

istruzione

1 Avviare un editor di testo o HTML sul computer e aprire il tema Tumblr si sta lavorando.

2 Trovare il "<style type =" text / css ">" tag nel codice e aggiungere una nuova, riga vuota per iniziare a digitare su.

3 Aggiungere il seguente codice CSS per il tema sotto il <style type = "text / css"> tag:

sidebar {

float: left;
width: 250px;
height: 100%;
}

4 Modificare il "float: left" a "float: right", se si desidera avere la barra laterale sul lato destro del sito Tumblr. Regolare il valore "larghezza" per soddisfare il design del vostro tema.

5 Trovare il "<div id =" wrapper ">" tag sotto la sezione "<body>" e aggiungere un paio di righe vuote dopo premendo il tasto "Enter".

6 Digitare il seguente tag nell'area vuota appena creato:

<Div id = "sidebar">

7 Premere il tasto "Enter" per passare alla riga successiva. Aggiungere qualsiasi tipo di codice HTML o contenuto che si desidera visualizzare nella barra laterale immediatamente dopo il <div id = "sidebar"> tag.

8 Chiudere la barra laterale correttamente digitando "</ div>" dopo l'ultima del contenuto della barra laterale.

9 Salvare il tema sul computer. Quando si è pronti, installare il tema sul vostro sito Tumblr.

Come trovare la barra laterale nel Codice Tumblr

December 11

Se il tuo blog Tumblr utilizza il tema di default "Redux", ha una barra laterale sul lato destro della pagina che visualizza contenuti come la vostra immagine, un campo di ricerca e un pulsante che consente agli utenti di Tumblr di seguire il vostro blog. È possibile aggiungere testo personalizzato o il codice HTML per la barra laterale con il "Descrizione zona a pagina personalizzazione blog di Tumblr, o è possibile modificare il codice barra laterale direttamente accedendo al codice sorgente per il" tema Redux ".

istruzione

1 Inserisci il tuo indirizzo email e la password nella pagina di login Tumblr.com per visualizzare il menu principale per il tuo account. Il menu di navigazione superiore visualizza i titoli dei blog che avete generato o hanno la possibilità di pubblicare on.

2 Fai clic su "personalizzare l'aspetto" sopra il pulsante "Impostazioni" sulla barra di navigazione a destra. Questo ti porta a una nuova pagina dal titolo "Personalizza". Il lato sinistro della pagina viene visualizzato un elenco di elementi che è possibile modificare per regolare l'aspetto del tuo blog, mentre la parte destra mostra un'anteprima di ciò che il blog sarà simile dopo l'attuazione delle modifiche apportate.

3 Inserisci il testo o il codice HTML nel campo "Descrizione" sul lato sinistro della pagina per aggiungere contenuti al sidebar del blog Tumblr senza modificare qualsiasi contenuto esistente. Per accedere al codice sorgente del tuo blog e modificare il contenuto della barra laterale esistente, continuare.

4 Fare clic sul pulsante "Modifica HTML" al di sopra del campo "Descrizione". Gli elementi esistenti sulla barra dei menu scompaiono, e la sezione sinistra della finestra si espande per visualizzare il codice sorgente del tuo blog. Per aiutare a evitare di perdere il posto, ogni riga di codice è numerata. Il lato destro della finestra continua a funzionare come un'area di anteprima.

5 Scorrere fino a "#wrapper #sidebar" inizio sulla linea 515 del codice sorgente. Il codice barra laterale si conclude sulla linea 782. Modificare queste righe di codice per modificare gli aspetti della barra laterale, come ad esempio il tipo di carattere, colore e dimensione.

6 Fare clic sul pulsante "Aggiorna anteprima" nella parte superiore della barra dei menu per vedere che cosa il vostro blog sarà simile dopo aver pubblicato le modifiche apportate al codice sorgente. Quindi fare clic sul pulsante "Aspetto" per chiudere il codice sorgente e tornare al menu principale.

7 Fare clic sul pulsante "Salva" per pubblicare i cambiamenti. Quindi fare clic sul pulsante "Chiudi" per tornare alla Tumblr Dashboard.

Come sbarazzarsi della barra laterale sulla vostra playlist su Tumblr

May 24

Come sbarazzarsi della barra laterale sulla vostra playlist su Tumblr


Tumblr è una piattaforma di blogging gratuito che offre agli utenti la possibilità di pubblicare articoli, aggiornamenti, musica e video per gli altri a vedere. La piattaforma consente inoltre agli utenti di presentano attività come playlist musicali provenienti da altri servizi che sono compatibili con il software Tumblr. Gli utenti che desiderano rimuovere queste informazioni dai loro barre laterali devono cambiare parte del codice HTML che viene utilizzato per determinare ciò che gli spettatori vedono nella barra laterale quando visitano un blog Tumblr.

istruzione

1 Accedi al tuo account Tumblr e fare clic sul cruscotto.

2 Fare clic sull'opzione "Strumenti" dal cruscotto.

3 Fai clic su "HTML" per vedere il codice per il tuo blog.

4 Scorrere verso il basso nel codice HTML fino a trovare il testo che dice <section id = "lato">. In alternativa, si può colpire i tasti "F" simultaneamente "controllo" e che porta in primo piano una casella di ricerca. Passato il codice nella scatola e troverà il codice per voi.

5 Evidenziare il codice accanto al <section id = "lato"> codice, che è il codice utilizzato per creare la playlist musicale barra laterale. Esso dovrebbe avere <section> e </ section> tag.

6 Eliminare tutto il codice sezione evidenziata, che rimuoverà la playlist barra laterale.

7 Fai clic su "Salva" per mantenere le modifiche. Visita il tuo blog per garantire i cambiamenti presero e la barra laterale playlist viene rimosso.

Consigli e avvertenze

  • Prima di apportare modifiche al codice HTML, è utile per copiare l'intero codice in un file separato per la custodia. Se si commette un errore quando si modifica il codice, si dispone di una copia per incollare per ripristinare di nuovo allo stato originale.

Come ottenere un barra laterale fissa su Tumblr

October 19

Quando si crea il tuo blog Tumblr, si arriva a scegliere un tema su cui basare il vostro disegno. Purtroppo, se non si ha conoscenza di HTML o CSS di programmazione, si può essere lasciato in balia del creatore del tema. Tuttavia, se si ha anche un piccolo pezzo di codice HTML o CSS conoscenza, è possibile utilizzare editor HTML di Tumblr di modificare il tema per soddisfare ulteriormente il vostro blog. Una modifica si può fare è l'aggiunta di una barra laterale fisso.

istruzione

1 Vai a Tumblr.com e accedere al proprio account.

2 Selezionare il blog che si desidera modificare.

3 Fai clic su "personalizzare l'aspetto." Da qui, è possibile modificare qualsiasi aspetto del design del tuo blog Tumblr.

4 Scegliere "Tema", quindi selezionare "Utilizza HTML personalizzato". Vedrai il codice tuo blog Tumblr utilizza. È necessario modificare il codice per aggiungere una barra laterale.

5 Premere il tasto "F" e "CTRL", allo stesso tempo di aprire una casella di ricerca per la pagina. Digitare "sidebar", al fine di trovare il codice che si riferisce alla sidebar del blog Tumblr.

6 Cercare la parola "posizione". Va trova appena sotto la parola "barra laterale". Questo controlla dove apparirà la barra laterale sulla tua pagina. Proprio accanto alla parola "posizione", troverete la parola "relativo". Ciò significa che il sidebar è relativo alla vostra pagina, piuttosto che in una posizione fissa.

7 Eliminare la parola "relativa" e digitare la parola "fisso". Al termine, la porzione di codice HTML dovrebbe essere simile a questo:

Position: fixed;

8 Fai clic su "Salva". Digita l'indirizzo del tuo blog Tumblr per vedere come la vostra barra laterale fissa sembra.

Come visualizzare i tag nella barra laterale Tumblr

March 23

Tag aiutano gli utenti del blog individuare messaggi specifici basandosi su determinati argomenti. Se il tuo blog Tumblr ha una barra laterale, è possibile visualizzare i tag su di esso per una ricerca più veloce, ma Tumblr non fornire uno strumento per questo scopo. Invece, è necessario aggiungere uno strumento da soli. Uno che non richiede codifica esperienza è una terza parte ha generato tag cloud che cerca il tuo blog, mostra selezionare i tag e aggiorna automaticamente dopo nuovi posti. Per aggiungere questo strumento, è necessario utilizzare un generatore di tag cloud on-line per creare un pezzo di codice breve e poi incorporare nel tuo blog usando l'editor tema di Tumblr.

istruzione

1 Vai al blog su Tumblr cui si desidera aggiungere tag alla barra laterale e selezionare l'opzione "Personalizza" per aprire l'editor tema.

2 Aprire un'altra scheda del browser e individuare una linea Tumblr generatore di tag cloud gratuito, come ad esempio il tag Tumblr Nube Widget, Tumblr tag cloud o piuttosto Tag Cloud Generator (link in Risorse).

3 Seguire le istruzioni sullo schermo per creare il codice corto per una tag cloud. In genere, i generatori Tag cloud ti chiedono di fornire l'URL Tumblr e selezionare il numero e il tipo di tag che si desidera visualizzare. Alcuni generatori permettono anche di modificare tag font dimensione, stile e colori, il layout di tag e il colore di sfondo della nube.

4 Evidenziare il codice generato con il cursore e premere il tasto "Ctrl-C" sulla tastiera del computer per copiarlo.

5 Rientro in un'altra scheda, dove si ha l'editor tema Tumblr aperto per il tuo blog. Fare clic all'interno del campo "Descrizione" e premere "Ctrl-V" per incollare il codice nel campo.

6 Controllare che i tag sono apparsi sulla barra laterale nel riquadro di anteprima sul lato destro della pagina e quindi fare clic sul pulsante "Salva". Fai clic su "Chiudi" per tornare al tuo blog.

Consigli e avvertenze

  • Se il tuo blog Tumblr ha un tema che non consente le informazioni dal campo Descrizione per visualizzare nella barra laterale, vai alla pagina tema Tumblr (vedi link in Risorse) e selezionare un tema diverso.
  • Se nuovi tag non vengono visualizzate immediatamente nel vostro tag cloud, attendere almeno 24 ore prima di preoccuparsi. Gli aggiornamenti automatici, non importa dove si ottiene lo script nuvola, spesso sperimentano un ritardo.
  • Alcuni caratteri, come il segno più, trattino, sottolineano o Slash, può causare un generatore di tag cloud a non riconoscere il tag. Se avete usato questi caratteri speciali in passato, smettere di usarli.
  • Alcuni generatori Tag cloud limitano la fonte di tag per un certo numero di tuoi post più recenti Tumblr. Inoltre, alcuni visualizzare le tag più comuni prima.
  • nuvole di tag non funzionano con i blog privati ​​Tumblr.
  • Le informazioni in questo articolo si applica a Tumblr, a partire da settembre del 2013.

Come creare una barra laterale fissa su Tumblr

December 30

La barra laterale sul tuo blog Tumblr si trova sia sul lato destro o sinistro della pagina e in genere contiene informazioni e link che i visitatori al tuo blog troveranno utile. Su molti temi, la barra laterale è posizionato rispetto al corpo del blog, il che significa che quando si scorre verso il basso, i rotoli della barra laterale al largo della pagina. Se si vuole fare in modo che la barra laterale rimane fissa sullo schermo, non importa quanto in basso si scorre, è necessario modificare il codice HTML per il tuo blog.

istruzione

1 Visita la pagina Tumblr "Log In", che potete trovare a tumblr.com/login. Inserisci il tuo indirizzo email e la password per l'account che si desidera modificare.

2 Fare clic sul nome del blog Tumblr nella parte superiore del cruscotto. Quindi fare clic su "personalizzare l'aspetto" sul lato destro dello schermo.

3 Fai clic su "Tema" nella parte superiore della pagina. Nella parte inferiore della piccola finestra a tendina che si apre, fai clic su "Usa HTML personalizzato". Le miniature a tema scompariranno e saranno sostituiti da una lunga lista di codice HTML.

4 Premere il tasto "Ctrl" e "F" per aprire una casella di ricerca. Digitare "sidebar" e la prima parola "barra laterale" sarà evidenziata nel codice HTML. La maggior parte dei temi saranno etichettare il codice barra laterale sotto "/

barra laterale /" o qualcosa di simile. Se il codice non lo fa, cercare "#sidebar {" o "# destra colonna {", seguita da alcune righe etichettate "float", "larghezza" e "colore".

5 Trovare la linea denominata "Posizione:" solo sotto la voce barra laterale. Cambiare la parola dopo "Posizione:" a "fisso". Se non si vede una linea di posizione, selezionare la fine della qualsiasi linea appena sotto l'intestazione, ma prima che la staffa di chiusura, "}", premere il tasto "Enter" e digitare "position: fixed;". Fai clic su "Salva" nella parte superiore dello schermo per salvare le modifiche. La vostra barra laterale sarà ora fissato in posizione quando si scorre in basso nella pagina.

Consigli e avvertenze

  • Una volta a risolvere barra laterale in posizione, inizialmente può passare ad un lato della pagina, dal momento che non è collegato al lato dell'area di distacco principale. Aggiungere un pezzo di codice HTML che legge "diritto: 300px;" o "di sinistra: 300px;" direttamente sotto il "position: fixed;" linea che si è creato. Fai clic su "Salva" per vedere come la barra laterale sarà, e poi tornare indietro e cambiare la "300" per un numero diverso fino a quando la barra laterale sembra buono sul tuo blog.

Come aggiungere una foto o testo di barra laterale di una pagina Facebook

December 29

Come aggiungere una foto o testo di barra laterale di una pagina Facebook


Facebook permette di condividere il proprio profilo personale o il profilo di un gruppo. homepage di Un profilo include una barra laterale sinistra in cui è possibile inserire un file fotografico per il tuo avatar nella casella foto in alto. Se sei un amministratore di gruppo, è anche possibile inserire una casella di testo per annunciare gli eventi, le informazioni di contatto o altri dettagli ai vostri membri.

istruzione

Aggiungere un Profilo Foto

1 Aprire home page del tuo account.

2 Fai clic su "Profilo" nella barra dei menu del intestazione. Viene visualizzato il profilo.

3 Puntare il cursore sulla casella di immagine. Il link "Modifica Immagine" appare nell'angolo in alto a destra.

4 Fai clic sul link "Modifica Immagine". Viene visualizzato il riquadro "Modifica profilo".

5 Fai clic su "Sfoglia" per selezionare un file di foto. Se il file foto è in una cartella chiusa, fare clic su Apri la cartella e selezionare il file della foto. Si può scegliere di "Scatta una foto", se la webcam sia collegato al computer.

6 Fare clic sul file foto, quindi fare clic su "Apri" per inserire la foto nella casella del profilo.

7 Fai clic su "Profilo" nell'intestazione. Il tuo profilo appare con la foto inserita.

Inserire una casella di testo e testo a barra laterale di un gruppo

8 Aprire home page del gruppo.

9 Fai clic sul link "Impostazioni gruppo Modifica" nel riquadro di sinistra. Viene visualizzata la "Modifica [Gruppo]" finestra di dialogo.

10 Fare clic sulla scheda "Personalizza".

11 Selezionare le caselle di controllo "eventi collettiva" e "Mostra scheda profilo."

12 Fai clic su "Salva".

13 Cliccate su "Ritorna alla [Gruppo]" per visualizzare le modifiche nel sito.

14 Puntare il mouse sopra la casella di testo nel riquadro di navigazione a sinistra. Viene visualizzato un piccolo simbolo della matita.

15 Clicca in alto a destra della casella di testo.

16 Digitare il testo nella casella di testo. I cambiamenti vengono aggiornati automaticamente.

17 Fare clic sulla scheda "Info" sulla home page del gruppo.

18 Fare clic sul link "Modifica informazioni" vicino alla intestazione per modificare i profili.

19 Digitare la descrizione nel "Descrizione" casella di testo.

20 Fai clic su "Salva modifiche" per salvare questa sezione.

21 Fai clic su "terminata la modifica." Il testo viene visualizzato nella casella di testo "Informazioni" sul riquadro laterale e nella scheda "Info".

Consigli e avvertenze

  • Regolare le impostazioni sulla privacy del tuo account per controllare la quantità di informazioni amici o estranei possono visualizzare: fare clic sul pulsante "Account" sul titolo, quindi selezionare l'opzione "Impostazioni sulla privacy" e regolare le impostazioni.

Come fare una barra laterale con due colonne

April 11

Come fare una barra laterale con due colonne


Una barra laterale può apparire a sinistra oa destra della pagina Web. Inserimento sulla sinistra attira i lettori alla barra laterale quando in primo luogo aprire la pagina Web. Blogs spesso mostrano barre laterali sul lato destro della pagina. Una barra laterale con due colonne che si dà spazio aggiuntivo per visualizzare i collegamenti, pubblicità e delle immagini senza interferire con il contenuto principale. È possibile utilizzare i fogli di stile a cascata (CSS) a galleggiare sidebar sulla tua pagina.

istruzione

1 Avviare un editor di testo, come Blocco note, TextPad o EditPad. Selezionare "File" e "Apri" dal menu e fare doppio clic sul file HTML che si desidera modificare.

2 Inserire il codice seguente tra i tag HEAD. Si crea uno stile per il contenuto e lato bar principale con due colonne. Per regolare la larghezza della barra laterale e contenuti, cambiate pixel all'interno "width."

<Style type = "text / css">

<! -

corpo, html {

margin: 0;

padding: 0;

}

wrapper {

Larghezza: 950 px;

margin: 0 auto;

}

principale {

float: left;

width: 550px;

}

sidebar {

float: left;

width: 350px;

}

column1 {

float: left;

width: 160px;

padding: 2px;

margin: 2px;

border: 1px nero solido;

}

colonna2 {

float: left;

width: 160px;

padding: 2px;

margin: 2px;

border: 1px nero solido;

}

->

</ Style>

3 Inserire il codice seguente tra i tag BODY per visualizzare la barra laterale con colonne sul lato destro della pagina:

<Div id = "wrapper">

<Div id = "principale"> Il contenuto principale del tuo sito va qui ... </ div>

<Div id = "sidebar">

<Div id = "Colonna1"> <p> Contenuto della prima colonna vanno qui ... </ p> </ div>

<Div id = "Column2"> <p> Contenuto della seconda colonna vanno qui ... </ p> </ div>

</ Div>

</ Div>

4 Inserire il codice seguente tra i tag BODY per visualizzare la barra laterale con colonne sul lato sinistro della pagina:

<Div id = "wrapper">

<Div id = "sidebar">

<Div id = "Colonna1"> <p> Contenuto della prima colonna vanno qui ... </ p> </ div>

<Div id = "Column2"> <p> Contenuto della seconda colonna vanno qui ... </ p> </ div>

</ Div>

<Div id = "principale"> Il contenuto principale del tuo sito va qui ... </ div>

</ Div>

5 Sostituire il contenuto tra i tag <div>, come "contenuto della prima barra laterale andare qui .." e "Il contenuto principale del tuo sito va qui ..." con il contenuto che si desidera includere nella pagina Web.

6 Selezionare "File" e "Salva" dal menu per aggiornare il file HTML.

Come fare un margine tra il Post & barra laterale più grande in Blogger

February 22

Il tuo sito Blogger viene fornito con temi che controllano l'impostazione del margine tra la zona posta e barra laterale, ma si ha la possibilità di espandere questa regione per soddisfare meglio il layout. Questo margine particolare è la quantità di spazio bianco che visualizza tra il contenuto dei tuoi post e l'inizio dei vostri elementi della barra laterale, come ad esempio il vostro archivio blog, sul lato destro della pagina. Avrete bisogno di capire come modificare il codice predefinito Cascading Style Sheets (CSS) per rendere questo margine più grande.

istruzione

1 Accedi al tuo account Blogger e fai clic sulla scheda "Layout". Fare clic sul link "Modifica HTML" che appare sotto questo menu per accedere alla pagina che contiene il codice del tuo sito.

2 Premere i tasti "F" contemporaneamente e di tipo "#outer" nel campo di testo che appare "Ctrl" e. Fare clic sul pulsante a destra di questo campo per attivare la funzione di ricerca.

3 Scorrere il contenuto e trovare la sintassi che viene evidenziato. Posizionare il cursore dopo l'entrata in larghezza le parentesi graffe e digitare un numero maggiore al posto del valore corrente. Per esempio:

outer-wrapper {width: 880px; }

4 Fare clic sul pulsante "Anteprima" per vedere se il margine tra il palo e la barra laterale è più grande. In caso contrario, trovare il codice CSS "#sidebar" e aggiungere un "padding-left: px;" attribuire alla regola, seguito dal valore desiderato. Illustrare:

sidebar {padding-left: 10px; }

5 Fare clic sul pulsante "Anteprima" per vedere se è necessario apportare eventuali modifiche ai valori nel codice. Quando si è pronti, fare clic sul pulsante "Salva" per conservare le modifiche.

Come mettere una foto nella barra laterale di una tematica Tema WordPress Blog

July 1

Tematica è un tema di avviamento per il sistema di gestione dei contenuti Wordpress. Come la maggior parte i temi, non include un widget immagine per l'immissione immagini nella barra laterale o piè di pagina; tuttavia, è possibile creare il proprio widget di immagine. Il widget di testo predefinito consente HTML, il che significa che è possibile utilizzare il codice HTML per inserire un'immagine e visualizzarla sulla sidebar del tuo sito.

istruzione

1 Entra per Wordpress e clicca su "media" e poi "Aggiungi nuovo". Clicca su "Seleziona file" e quindi scegliere la vostra immagine. Fai clic su "Carica".

2 Evidenziare e copiare l'URL dell'immagine quando il caricamento è completo. Clicca su "Aspetto", e quindi fare clic su "Widget".

3 Fare clic sul widget "Testo" e trascinarlo nella regione barra laterale. Clicca su di esso per aprirlo.

4 Digitare il seguente codice HTML per presentare l'immagine all'interno del corpo del testo:

<Img alt = "alternativetext" />

5 Sostituire ImageUrl con collegamento ipertestuale dell'immagine. Sostituire alternativetext con tag "Alt" dell'immagine. Il tag alt è usato per identificare l'immagine. Esso mostra quando i lettori Passa sopra l'immagine.

6 Digitare un titolo nella casella "Titolo", se lo si desidera. Apparirà sopra l'immagine. Fare clic su "Salva". L'immagine è ora visibile nella barra laterale.

Come fare una pagina web con una zona di Top & barra laterale sinistra

November 14

Come fare una pagina web con una zona di Top & barra laterale sinistra


La grande varietà di layout di pagina Web che si vede in una sessione informale navigazione sul Web è ampia prova della natura altamente configurabile di questi documenti. Due linguaggi di programmazione che consentono questo elevato livello di configurazione sono Hypertext Markup Language (HTML) e fogli di stile a cascata (CSS), che viene applicato all'interno di HTML. Gli sviluppatori Web utilizzano queste lingue per creare, tra gli altri layout di pagina, quello comune, aventi una superficie superiore e barra laterale. Il vantaggio di questa configurazione è il senso di familiarità che conferisce a chi la visualizzazione della pagina.

istruzione

1 Fare clic su "File", poi "Nuovo" in qualsiasi word processor per creare un nuovo documento.

2 Incolla (o tipo) il seguente pagina Web vuota nel documento:

<Html>

<Body>

</ Body>

</ Html>

3 Digita il codice HTML alla fine di questa fase qualsiasi punto tra il "<body>" e "</ body>" tag. Questo codice crea un'area rettangolare (chiamato "divisione", "div" abbreviato) con testo nella parte superiore della pagina.

<Div style = "border-style: solido">

<P>

Questo è il top!

</ P>

</ Div>

4 Salvare il documento come tipo "Testo normale" e con qualsiasi nome che termina con ".htm", così Finestra apre il documento con il programma corretto (un browser Web).

5 Fare doppio clic su (in Windows Explorer) il file appena salvato. Il browser visualizzerà il testo delimitato ( "Questo è il top!").

6 Tipo, nel documento aperto nel word processor, la seguente riga al posto della linea che inizia con "<div style":

<Div style = "position: absolute; sinistra: 200px; top: 30px; border-style: solido">

Questa linea posiziona il rettangolo tenendo il testo in un luogo specifico sullo schermo del tuo browser. Con la creazione di altri due div e specificando le loro posizioni sullo schermo, è possibile creare un layout di pagina con una superficie superiore e una barra laterale di sinistra. Le istruzioni rimanenti mostrano come creare un tale layout.

7 Incollare il seguente codice HTML dopo il "</ div>" dichiarazione di cui sopra. Questo codice crea il rettangolo nel corpo del documento (vicino al centro dello schermo del browser).

<Div style = "position: absolute; sinistra: 200px; top: 300px; border-style: solido">

<P> Questo è il corpo principale!

</ P>

</ Div>

8 Incollare il seguente codice HTML, che costituisce la barra laterale sinistra, dopo il tag "</ div>" dal passaggio precedente.

<Div style = "position: absolute; sinistra: 20px; top: 300px; border-style: solido">

<P>

Questa è la barra laterale di sinistra!

</ P>

</ Div>

9 Salvare le modifiche al documento premendo "Controllo S", quindi premere "F5" nel browser per aggiornare la pagina Web con le modifiche. Il browser visualizzerà una pagina con una superficie superiore e barra laterale.

Come elencare Recenti Blog nella barra laterale su WordPress

February 25

Come elencare Recenti Blog nella barra laterale su WordPress


L'elenco dei tuoi ultimi post del blog nella sidebar del vostro blog WordPress offre ai visitatori una possibilità di più per trovare i contenuti sul tuo sito web. Quando si ottimizza correttamente i titoli dei post e contenuti per i motori di ricerca, tale lista può anche aiutare la ricerca sforzi di ottimizzazione dei motori. WordPress viene Stock di un widget che consente di aggiungere un elenco di post recenti senza installare alcun plug-in o di conoscere alcuna programmazione. È sufficiente accedere al cruscotto di WordPress, vai al tuo schermo Widget e trascinare e rilasciare il widget in una barra laterale.

istruzione

1 Passare alla cartella "wp-admin" del tuo sito web WordPress e accedere al cruscotto, che è l'area di modifica di back-end.

2 Vai su "Aspetto" dal menu a sinistra e clicca sul link "Widget" per caricare la schermata widget. Determinare quale barra laterale nella lista a destra si vuole contenere l'elenco degli ultimi post del blog. Espandere la barra laterale per mostrare il suo contenuto di widget facendo clic sul suo nome.

3 Individuare il widget di "messaggi recenti" sotto "Disponibile Widgets" nella colonna centrale dello schermo "Widget". Clicca sul titolo e trascinare la barra grigia in alla casella espansa della barra laterale in cui si desidera inserire il widget.

4 Aggiungere un colpo di testa alla lista dei post recenti, se vi piace, digitando un testo per il campo "Titolo" del campo "messaggi recenti". Se non vedi i campi per questo widget, fare clic sulla freccia rivolta verso il basso accanto al nome del widget all'interno della scatola della barra laterale.

5 Modificare il numero di posti dei "messaggi recenti" liste di widget cambiando il numero nel campo "Numero di messaggi da visualizzare" campo. È possibile inserire qualsiasi numero di post che si desidera visualizzare, ma ricordate che una lunga lista può apparire scomoda ed è meno utile per i visitatori in cerca di messaggi più recenti del tuo blog. Fare clic sul pulsante blu "Save" per salvare le modifiche.

Consigli e avvertenze

  • Questo widget funziona bene quando il tema include "Barre laterali" nel piè di pagina. Se è possibile trascinare e rilasciare i widget in sezioni del piè di pagina, inserire un recente post il widget in una sezione piè di pagina in modo che quando i visitatori scorrere fino al fondo del vostro sito, vedranno più opzioni di lettura.

Come ottenere un Blogger Pubblica vengono caricati prima della barra laterale

April 26

Se si esegue un blog su Blogger, un servizio di blog-publishing, si vuole nuovi visitatori di vedere il vostro contenuto principale prima di ogni altra cosa per farli agganciato. Ma a volte il sito verrà caricato il contenuto periferiche, come sidebar prima. Si tratta di un problema fastidioso, ma uno che è risolvibile semplicemente spostando oggetti in giro per il codice HTML. Potrebbero essere necessari alcuni tentativi, ma si può fare il carico post del blog prima di tutto con pochi aggiustamenti.

istruzione

1 Accedi al tuo account Blogger.

2 Clicca su "Progettazione".

3 Clicca su "Modifica HTML".

4 Guardare attraverso il codice HTML per il codice che si riferisce alla barra laterale. Alcuni contenuti è facile da trovare, come "# sidebartop-wrap2", per esempio. Eseguire la scansione del codice HTML sia per la codifica specifiche barra laterale o il testo che si trova nella barra laterale. Salvare una copia del codice HTML originale prima di apportare modifiche in caso di necessità di tornare.

5 Copia il codice sidebar legati e incollarlo sotto qualsiasi codice HTML relativo al contenuto principale.

6 Fai clic su "Salva modello" quando avete finito.

Come creare una barra laterale da KML

October 5

Il formato del file KML è utilizzato per memorizzare le immagini della mappa e metadati creati da Google Maps e Google Earth. Utilizzando l'interfaccia di programmazione delle applicazioni Google Maps, o API, è possibile creare una barra laterale che visualizzerà una mappa KML-based e relativi dati associati sul tuo sito web. Questo può essere particolarmente utile se si sta evidenziando una certa area geografica sul tuo sito web o se si è un business e desidera fornire agli utenti del tuo sito web con un modo per vedere dove ti trovi.

istruzione

1 Avviare un editor di testo semplice come Microsoft Windows Blocco note o TextEdit in Mac OS X.

2 Aprire il file codice HTML o PHP che compone la pagina web a cui si desidera aggiungere alla barra laterale.

3 Inserire il seguente frammento di codice nella parte necessaria del codice di base del tuo sito web:

{mosmap kml='http://www.exampleurl.com/images/map.kml'|kmlrenderer='geoxml'|kmlsidebar='right'|kmlsbwidth='300'}

4 Modificare il frammento di codice scambiando l'URL del file KML, specificando una posizione per la barra laterale (destra, sinistra, in alto o in basso), e specificando la larghezza della barra laterale in pixel.

5 Salvare il codice modificato e provarlo nel proprio ambiente di sviluppo prima di distribuire le modifiche all'ambiente di produzione del tuo sito web.

Come fare una barra laterale in HTML

November 19

Durante la creazione di un sito web, in genere si dispone di un paio di opzioni per il posizionamento di un menu di navigazione. In alcuni casi, questo menu si trova sulla parte superiore della pagina, e talvolta è incluso come una barra laterale che corre verticalmente lungo il lato di una pagina. Quando si effettua una barra laterale in HTML, è necessario inserire la barra laterale come due sezioni nella pagina HTML. Una sezione è il codice CSS che rende la barra laterale funzionale e l'altro è l'HTML che dà la barra laterale sua struttura.

istruzione

1 Accedi al tuo server Web e aprire la pagina HTML in cui si desidera effettuare una barra laterale.

2 Fare clic sullo schermo in tra i tag <body> e </ body> tag e inserire il seguente codice:

<Div id = "navigazione">

<H2> Contenuto </ h2>

<Ul>

<Li> <a href="Introduction&lt;/a> & lt; / li "> http://www.webpage1.com"> Introduzione & lt; / a> & lt; / li>

<Li> <a href="Blog&lt;/a> & lt; / li "> http://www.webpage2.com"> Blog & lt; / a> & lt; / li>

<Li> <a href="About"> http://www.webpage3.com "> Chi siamo </a> </ li>

<Li> <a href="News&lt;/a> & lt; / li "> http://www.webpage4.com"> News & lt; / a> & lt; / li>

<Li> <a href="Contact"> http://www.webpage5.com "> Contattaci </a> </ li>

</ Ul>

</ Div>

3 Sostituire le URL di esempio e il testo che compaiono su ogni collegamento con gli URL e il testo che si desidera utilizzare sulla tua pagina.

4 Fare clic subito dopo il tag <head> nella parte superiore della pagina e inserire il seguente codice:

<Title> </ title>

<Style type = "css">

Navigazione {

width: 150px;

background-color: # 000FFF;

colore: #FFFFFF;

float: left;

margin-left: 7px;

margin-right: 6px;

}

h2 navigazione, #navigation hr {

blocco di visualizzazione

padding: 10px 5px;

border-bottom-width: 1px;

-Bottom-stile del bordo: solido;

border-bottom-color: # 000FFF;

}

navigazione ul {

margin: 0px;

padding: 0px;

list-style: none;

}

navigazione ul li {

border-bottom-width: 1px;

-Bottom-stile del bordo: solido;

border-bottom-color: # 000FFF;

}

navigazione ul li a {

padding: 8px;

blocco di visualizzazione;

background-color: # 000FFF;

colore: #FFFFFF;

text-decoration: none;

border-bottom-width: 1px;

-Bottom-stile del bordo: solido;

border-bottom-color: # 000FFF;

}

navigazione ul li a: hover {

background-color: # 6495ED;

}

</ Style>

5 Sostituire i codici di colore se si desidera personalizzare la pagina (vedi Risorse).

6 Pubblicare la pagina.