Ultime recensioni

venerdì 15 gennaio 2016

#1 Blog codes - I codici utili per migliorare il nostro blog!

Sorpresa!
Questa è una delle rubriche che avevo in mente da aprire da tempo! Ho deciso che appena ne ho la possibilità di raccogliere tutti i codici utili da usare per il nostro blog che magari voi non riuscite a trovare o non sappiate cosa scrivere nel motore di ricerca! Ogni volta che aprirò un post sotto saranno inseriti dei link per poter leggere i post precedenti. Ovviamente sarà citata la fonte del sito/blog a cui ho preso il codice, quindi, incominciamo con il primo codice!

VOLETE INSERIRE UN GADGET PER LE VOSTRE ULTIME RECENSIONI CON LE COVER CHE SCORRONO E SI FERMANO QUANDO CI PASSATE SOPRA IL MOUSE? VEDIAMO TUTTI INSIEME COME FARE!

Codice da inserire:
<marquee onmouseover="this.stop()" onmouseout="this.start()" direction="left" height="00px" scrollamount="5" style="text-align: center;" width="00px""><a href="URL RECENSIONE"><img height="00PX" src="URL IMMAGINE" width="00px" / /></a> <a href="URL RECENSIONE"><img height="00px" src="URL IMMAGINE" width="00px" / /></a> <a href="URL RECENSIONE"><img height="00px" src="URL IMMAGINE" width="00px" / /></a></marquee>
Vediamo adesso come inserirlo:
1 - Per prima cosa andiamo su Layout. Successivamente andiamo sulla colonna dei gadget (destra o sinistra o entrambe) e clicca su aggiungi un gadget.
2 - Si aprirà una nuova pagina e cerchiamo HTML/JavaScript e clicchiamo sul simbolo +.
3 - Avremo quindi un nuovo gadget che potremo posizionare dove vogliamo sempre sulla pagina Layout spostandolo in alto o in basso.
4 - Adesso clicchiamo sul nuovo gadget creato, scriviamo il titolo ad esempio Ultime Recensioni e copiamo il codice qui sopra non prima di aver cliccato sopra il riquadro a destra su Modifica Html.
5 - Una volta inserito il codice vediamo di modificare le parti che ci servono:

direction="left" = significa che l'immagine scorrerà verso sinistra, il contrario se userete right al posto di left.
height="00px" = è l'altezza che avrà il vostro gadget e dovrete impostarla identica alle immagini singolarmente.
width="00px" = indica la larghezza del gadget. Dipende infatti dove lo sistemate (a lato o in alto ai post) e lo adeguerete alle misure del vostro template. 
 - Sotto per ciascuna immagine ci sarà da inserire le dimensioni delle immagini singolarmente. L'altezza sarà identica all'impostazione precedente mentre la larghezza la darete in maniera che l'immagine abbia delle misure adatte  -
scrollamount="5" indica la velocità di scorrimento. Più aumentate più andrà veloce.
URL RECENSIONE = E' il link del post che potete copiare sopra la barra, quello che inizia per https per intenderci.
URL IMMAGINE = Lo ottenete cliccando sul tasto destro del mouse andate su Copia l'indirizzo dell'immagine (il nome cambierà su Chrome ma basta che abbia queste parole)
 N.B. Ho aggiunto per ora due immagini ma per se volete inserire altre cover basterà inserire questo codice per quante immagini scegliete di mettere: <a href="URL RECENSIONE"><img height="00px" src="URL IMMAGINE" width="00px" / /></a>  questo è il codice immagine con collegamento ipertestuale, cioè se ci cliccate sopra si aprirà una nuova finestra.
Ricordatevi che quando date una dimensione alle immagini di stare attenti a quale dimensione avete dato ai vostri gadget, infatti in base a quanti centimetri potrebbero sforare andando di fuori. O diminuite la dimensione delle immagini oppure allargate quella dei gadget. Per farlo andate su Modello -> Personalizza -> Modifica le larghezze -> Sidebar a destra (la mia è a destra) e aumentate i pixel.
Benissimo, ora abbiamo il nostro gadget per le recensioni! Se avete problemi o altro potete richiedermi qui, sennò ci risentiamo al prossimo post della rubrica!

Non ricordo con esattezza dove ho preso il codice con l'immagine che si ferma al passaggio del mouse, cito però il blog di GialloZafferano perché contiene il codice base.
post signature

31 commenti:

  1. Ma che utilissima rubrica!!!! Io sono negata in queste cose e la seguirò attentamente! Grazie!
    Ciao

    RispondiElimina
  2. Wow grazie mille!!! Mi è molto d'aiuto questo tuo post perché io non sono capace e nn ho nessuno che mi dica come fare senza stressare altri blogger. Grazie mille!!! Se pubblichi altri post cosi li guardo molto volentieri!!!

    RispondiElimina
    Risposte
    1. Li pubblicherò sicuramente! Comunque se c'è qualche problema e posso aiutarvi lo farò siscuramente!

      Elimina
  3. Bellissima e utilissima questa nuova rubrica, soprattutto per un'impedita come me! Ahah La seguirò molto volentieri:)
    P.S. Sì sono Giordana, quella che è scomparsa in questi ultimi 2 mesi o più...Pardon! Ma sono felice di tornare a leggerti ^-^

    RispondiElimina
    Risposte
    1. Ciao Giordana, quanto tempo *^* Questa rubrica sarà un promemoria anche per me!

      Elimina
  4. Che graditissima sorpresa! Grazie per la pazienza e soprattutto per la forza di volontà nel condividere perle del genere anche se prese da altre fonti. La seguirò molto più che volentieri :D

    RispondiElimina
    Risposte
    1. Capisco che in molti vedono il codice ma non sanno come aggiugerlo quindi è un attimo a spiegare dove e come inserirlo, così mi alleno anche io a memorizzarli ;D

      Elimina
  5. Grazie mille Jessica per questa rubrica che seguirò certamente con piacere

    RispondiElimina
    Risposte
    1. Scusami Jessica, volevo sapere quale è la dimensione giusta da usare per altezza e larghezza. So che possiamo modificarla ma quella standard diciamo quale dovrebbe essere?

      Elimina
    2. Allora, dovresti vedere quanto hai messo di larghezza ai tuoi gadget e lo vedi su modello -> personalizza -> modifica larghezze e in base a quanto hai messo di pixel la sidebar facciamo di conseguenza. Ad esempio, la mia è 340px, io ho messo qualcosa di meno: 350px di altezza e 250px di larghezza. Poi comunque fai le prove, se vedi che sfiora e va oltre andando a finire nello sfondo basterà diminuire i pixel della larghezza e adattere in altezza. Se c'è ancora che vuoi sapere che non ti torna sono qui!

      Elimina
    3. Grazie mille gentilissima e precisa, sono una frana ma ci sto provando. Grazie

      Elimina
  6. Ragazze volevo fare un commento generico nel dirvi che su firefox non mi ero mai accorta che se punti il mouse non si ferma a differenza di chrome o exlorer. Molti codici non funzionano se usati da altri browser.

    RispondiElimina
  7. Cercavo questo codice da una vita! Grazie <3

    RispondiElimina
  8. Una rubrica molto utile ma credo che ti stresserò sopratutto in privato ahah! XD

    RispondiElimina
    Risposte
    1. Chissà perché non lo sospettavo eheh

      Elimina
  9. Jessi, rubrica super utile *_* Io ho provato non so quanti codici e ognuno mi dava problemi, ora ne ho ancora uno da provare, altrimenti mi butto sul tuo, grazie *-*

    RispondiElimina
    Risposte
    1. Se hai qualche problema contattami su FB, ti rispondo subito così!

      Elimina
  10. Ahahahaha, la cosa delle recensioni che si muovono mi ricorda la richiesta di qualcuno!!

    RispondiElimina
  11. Che bella rubrica!! Molto utile per una ciompa come me in fatto di codici⌒.⌒

    RispondiElimina
    Risposte
    1. Sono sempre felice di aiutare dove posso ovviamente!

      Elimina
  12. Woooow mi piace questa rubrica!!! Davvero interessante aspetto con ansia il secondo appuntamento ^_^

    RispondiElimina
  13. Molto carina e utile questa rubrica...su su prepara subito il secondo appuntamento eheheh

    RispondiElimina
  14. Uuuuh! Avevo bisogno di questo codice (non per le recensioni ma per le copertine dei miei libri); grazie mille! <3
    Seguirò la rubrica con interesse :)

    RispondiElimina
  15. Questo commento è stato eliminato dall'autore.

    RispondiElimina
  16. Ciao Jessica =), per mettere le slide sotto al menu hai usato lo stesso codice oppure un altro? Grazie

    RispondiElimina