Come aggiungere un bordo intorno un banner in BlogSpot

August 9

Come aggiungere un bordo intorno un banner in BlogSpot


Esecuzione di un grafico banner o annunci sul tuo blog può catturare l'attenzione dei vostri lettori per promuovere i vostri contenuti, inserzionisti di pubblicità. Un modo per separare l'annuncio o grafica dal resto del contenuto del tuo BlogSpot - ora chiamato Blogger - blog è quello di mettere un bordo intorno al banner. Per aggiungere un bordo intorno a un banner, modificare il codice di progettazione del tuo blog HyperText Markup Language (HTML).

istruzione

1 Accedi a Blogger. Fare clic sulla scheda sottomenu "Design" sotto il titolo del blog con la bandiera a cui si desidera aggiungere il bordo.

2 Istruzioni "Modifica HTML" nel menu di disegno nella parte superiore della pagina.

3 Vai alla sezione "Modifica modello" della pagina. Fare clic sulla casella "Espandi i modelli widget" per visualizzare il codice HTML di progettazione completo per il modello di Blogger.

4 Trova l'attributo di origine immagine per la grafica banner o annunci nella casella di input HTML. Il codice inizia con il tag attributo HTML "<img src =", seguito da l'indirizzo URL della fonte della grafica banner o immagine. Ad esempio, se si collega all'immagine da un servizio di archiviazione di file o la condivisione on-line, il tag sarà simile a questa:

<Img src = "http://www.file-sharing-service.com/your account / immagini / il-tuo-banner-image-File.jpg" />

5 Tipo "border =" 1 "" immediatamente prima del slash alla fine del codice IMG SRC per aggiungere un bordo larghezza di un pixel attorno al banner. Per aumentare la larghezza del bordo, aumentare il valore del numero intero confine. Il codice finale dovrebbe essere simile a questo:

<Img src = "http://www.file-sharing-service.com/your~~number=plural account / immagini / vostro-banner-image-File.jpg" border = "1" />

6 Fare clic sul pulsante blu "Anteprima" per vedere come i cambiamenti appaiono sul tuo blog. Fare clic sul pulsante "Salva modello" per salvare le modifiche e pubblicarli sul tuo blog.

Consigli e avvertenze

  • Al punto 4, premere il tasto "F3" sulla tastiera del computer, quindi inserire "img src" nel campo di ricerca per trovare rapidamente tutte le immagini nel campo di immissione del codice HTML.
  • Se il tuo blog contiene una grafica banner o annunci all'interno di un post sul blog individuale, fare clic sulla scheda "HTML" sulla barra degli strumenti editor di posta e seguire la stessa procedura per aggiungere il bordo.