Inserire un divisore in fondo al post, tutorial

mercoledì, marzo 23, 2011

Eva (purtroppo non ho trovato il tuo blog Eva) mi chiedeva come inserire un divisore tra un post e l'altro...non so se ho capito bene, ad ogni modo un ottimo sistema per creare una evidente separazione consiste nell'inserire il divisore proprio in fondo al post, dopo le etichette ecc.
Vediamo come fare:

  • design
  • modifica htlm
  • espandi i widget








  • premiamo il tasto F3 e si aprirà una stringa di ricerca (in alto o in basso nella pagina, dipende dal browser che usate) dove andremo ad incollare la seguente riga di codice che si evidenzierà automaticamente:


<div class='post-footer-line post-footer-line-3'/>

  • Subito sotto incolliamo il seguente codice:


<div style='float:center;'>
<div style='text-align: center;'><img src='url del divisore'/>

  • dove io ho scritto in blù "url del divisore" dovete mettere l'indirizzo del divisore.
  • fare anteprima e se tutto è ok salvare.

Otterrete il divisore proprio in fondo al post e centrato come nell'immagione sotto:




Come vedete è proprio in fondo in fondo al post....



➽AGGIORNAMENTO
Su molti modelli questo codice sembra non funzionare, invito quindi chi desideri un'immagine in fondo ai post a provare anche quanto suggerito da Parsifal sul suo blog Idee per Computer ed Internet

You Might Also Like

20 scarabocchi

  1. Grazie per il tutorial sui divider...ti ringrazio infinitamente!!!
    Ti lascio il link del mio blog, se vuoi venire a trovarmi mi farà molto piacere!!
    Ciao. Eva.
    http://ilrifugiodeiricordi.blogspot.com/

    RispondiElimina
  2. Prego Eva, spero solo di aver capito cosa ti occorreva...
    azzurra

    RispondiElimina
  3. emh non ho ben capito il pezzo della stringa di ricerca, mi puoi spiegare? bacioni

    RispondiElimina
  4. Ciao Ely,
    allora se premi F3 (0ppure Ctrl + f)si apre una stringhetta bianca in basso o in alto dell apagina, proprio in quella stringhetta incolli la riga di codice che ho messo sul blog, automaticamente si evidenzierà la parte di codice che t'interessa...
    fammi sapere!
    azzurra

    RispondiElimina
  5. non mi si evidenzia niente! scusa ma sono un pò imbranata '='|

    RispondiElimina
  6. ciao ely...
    vuoi cheprovi io?
    scrivimi e-mail...
    bacio
    azzurra

    RispondiElimina
  7. Ci ho provsto ma mi dice che il template non è giusto ...o non so cosa :( ...eppure ho seguito tutte le tue istruzioni.

    Baciotti by Pixia!!

    RispondiElimina
  8. Ciao Pixia,
    ma di quale dei tuoi blog stai parlando?
    Forse un modello o template diverso?
    azzurra

    RispondiElimina
  9. ciao ho provato a seguire tutto..ma al momento di inserire il codice non mi trova quello ke hai scritto tu.e nn trovo 1 cosa simile.come devo fare x aggiungere un divisore?????help me

    RispondiElimina
  10. CaKepassion...puoi scrivermi e-mail....io non riesco ad entrare nel tuo blog, volevo dare un'occhiata...
    azzurra

    RispondiElimina
  11. Ciao Azzurra,
    ho provato un paio di tutorial per inserire un immagine divisoria tra un post e l'altro, ma nel nuovi template blogger sembr anon funzionare. Ho provato a modo mio di inserire il codice nel Css avanzato, ma niente. Ho provato anch equello di Parsifal...In attesa di una tua rispota vado in giro a cercare...Grazie tante Ale.

    RispondiElimina
  12. Vero Alessandra....
    devo trovare il tempo di studiare meglio la situazione...
    :)
    azzurra

    RispondiElimina
  13. ma si può ridimensionare un divisore se nel metterlo risulta troppo grande?come farlo rientrare all'interno dei post senza ke vada nel bordo?

    RispondiElimina
  14. Ciao CakePassion e benvenuta sul mio blog, prova a leggere QUA, fammi sapere
    azzurra

    RispondiElimina
  15. Ciao Azzurra, nemmeno a me si evidenzia la stringa che inserisco! possibile che non ci sia?

    RispondiElimina
  16. Ciao Futura,
    non trovi neanche la stringa che c'è leggendo l'aggiornamento in fondo al post?
    azzurra

    RispondiElimina
  17. AAAAAA!!!!!! non ci posso credere ce l'ho fatta! Dal link dell'altro sito che hai suggerito, perché la stringa sul mio html non è <div class.....ecc ma va ricercato con .post Il mio blog si sta arricchendo grazie ai tuoi suggerimenti sei fantastica Azzurra!!
    http://imperoverde.blogspot.it/ se ti va vieni a trovarmi e se hai qualche consiglio dammelo per favore.
    Ciao

    RispondiElimina
  18. Ciao Azzurra, sono Laura e per la prima volta ho inciampato nel tuo Blog. Benchè io me la cavi discretamete coi codici html e gli stili css, da mesi cercavo di inserire un divisore con immagine nel mio secondo nuovo blog musicale, senza successo. Ho provato con diversi tutorials ma solo col tuo ho avuto successo :-D
    Quindi volevo ringraziarti affettuosamente, con la promessa che passerò spesso da queste parti. Felice giornata!
    Laura

    RispondiElimina
    Risposte
    1. Giorno ate Laura! Felice di esserti stata utile! :)

      Elimina

Grazie della visita e del tuo commento...♥♥♥
è un piacere leggervi!
Sorrisone!
:)

Nota. Solo i membri di questo blog possono postare un commento.

Circa Grafic Scribbles








modificare foto

Paperblog : le migliori informazioni in diretta dai blog

Mr.Webmaster


Motori ricerca

SEO


BlogItalia.it - La directory italiana dei blog

siti
sito internetBlog d'argento



Ebuzzing - Top dei blog - Blog creativi


Visite

eXTReMe Tracker

Views

© 2011 - 2016 Grafic Scribbles, AllRightsReserved.. Powered by Blogger.

on line