3.11.12

Freebies: background per il tuo blog

3.11.12 10 Commenti
Ciao a tutte! Ritorno con qualcosa che provo a fare per la prima volta per gli altri, e speriamo che mi venga bene .
Vi proporrò sempre due versioni dello stesso background: uno per il blog a 2 colonne, l'altro per quello a 3 colonne.
Per inserirlo vi basta copiare ed incollare il codice script che trovate sotto l'immagine nel gadget 'HTML/JAVASCRIPT' infondo al 'LAYOUT'.
Per chiarimenti scrivete pure un commento!

2 colonne
<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B%20background-image%20%3A%20url%28%22http://1.bp.blogspot.com/-qQo-KUD_NMA/UJePsPaEecI/AAAAAAAADkI/cm8l7fZUBCw/s1900/1.gif%20%22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20%20background-attachment%20%3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cscript%20type%3D%22text/javascript%22%3E%0Avar%20div%20%3D%20document.createElement%28%27div%27%29%3B%0Adiv.setAttribute%28%27style%27%2C%22position%3A%20absolute%3B%20left%3A%200px%3B%20top%3A%2030px%3B%20z-index%3A%2050%3B%20width%3A%20150px%3B%20height%3A%2045px%3B%22%29%3B%0Adiv.innerHTML%20%3D%20%27%3Ca%20target%3D%22_blank%22%20href%3D%22%20http%3A//sketchyourblog.blogspot.it/%22%3E%3Cimg%20border%3D%220%22%20src%3D%22http%3A//1.bp.blogspot.com/-6blRThoJcBs/UJWEdjsFj2I/AAAAAAAADhc/oUe_i60oiAk/s1600/loghetto.png%22%3E%3C/a%3E%27%3B%0Adocument.getElementsByTagName%28%27body%27%29.item%280%29.appendChild%28div%29%3B%0A%3C/script%3E"));</script>

3 colonne
<script>document.write(unescape("%3Cstyle%20type%3D%22text/css%22%3E%0Abody%20%7B%20background-image%20%3A%20url%28%22http://2.bp.blogspot.com/-G87nHTYAKyI/UJeP2iFYZ3I/AAAAAAAADkQ/eMF3uNPt5OE/s1900/1-3col.gif%20%22%29%3B%20background-position%3A%20center%3B%20background-repeat%3A%20no-repeat%3B%20%20background-attachment%20%3A%20fixed%3B%20%7D%0A%3C/style%3E%0A%3Cscript%20type%3D%22text/javascript%22%3E%0Avar%20div%20%3D%20document.createElement%28%27div%27%29%3B%0Adiv.setAttribute%28%27style%27%2C%22position%3A%20absolute%3B%20left%3A%200px%3B%20top%3A%2030px%3B%20z-index%3A%2050%3B%20width%3A%20150px%3B%20height%3A%2045px%3B%22%29%3B%0Adiv.innerHTML%20%3D%20%27%3Ca%20target%3D%22_blank%22%20href%3D%22%20http%3A//sketchyourblog.blogspot.it/%22%3E%3Cimg%20border%3D%220%22%20src%3D%22http%3A//1.bp.blogspot.com/-6blRThoJcBs/UJWEdjsFj2I/AAAAAAAADhc/oUe_i60oiAk/s1600/loghetto.png%22%3E%3C/a%3E%27%3B%0Adocument.getElementsByTagName%28%27body%27%29.item%280%29.appendChild%28div%29%3B%0A%3C/script%3E"));</script>

10 commenti:

  1. Grazie per questo post...puoi dare un'occhiata al mio blog e farmi sapere se devo prendere quello a due o tre colonne?
    Vorrei provare...

    RispondiElimina
    Risposte
    1. ciao Denise!!! grazie per aver preso il background *_* va benissimo quello a 3 colonne ;)

      Elimina
  2. Ciao, quando copio e incollo sul gadget di blogger mi dice che l'URL è sbagliato, ho fatto qualche pasticcio oppure faccio qualcosa di sbagliato?

    RispondiElimina
    Risposte
    1. Ciao! Ho provato entrambi i backgrounds e funzionano correttamente, prova a ricopiare e ad incollare :)

      Elimina
  3. E' da un po' di tempo che seguo il tuo blog. I tuoi consigli sono d'oro!!! Complimentoni, il tuo blog resta il migliore!

    C'è un problema però: ho dovuto applicare questo background come un'immagine, perchè riscontravo un problema. Mi veniva applicato da metà blog, non so perchè..
    Comunque bellissimo background... S T R E P I T O S O !!!

    RispondiElimina
    Risposte
    1. Grazie mille Alice ♥
      Dunque, quando il background ti parte da metà schermo è perchè c'è un codice nel CSS che andrebbe levato.
      Subito all'inizio del codice degli stili, alla voce '.body-fauxcolumn-outer .cap-top {....}' trovi scritto:
      background: $(body.background);
      $(body.background.override)

      Cancellalo!
      Così facendo verrà eliminato la parte che ti copre il background ;)

      Elimina

buzzoole code
Copyright © La Creative Room.