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!
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.
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.
Ma che utilissima rubrica!!!! Io sono negata in queste cose e la seguirò attentamente! Grazie!
RispondiEliminaCiao
Ti ringrazio <3
EliminaWow 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!!!
RispondiEliminaLi pubblicherò sicuramente! Comunque se c'è qualche problema e posso aiutarvi lo farò siscuramente!
EliminaBellissima e utilissima questa nuova rubrica, soprattutto per un'impedita come me! Ahah La seguirò molto volentieri:)
RispondiEliminaP.S. Sì sono Giordana, quella che è scomparsa in questi ultimi 2 mesi o più...Pardon! Ma sono felice di tornare a leggerti ^-^
Ciao Giordana, quanto tempo *^* Questa rubrica sarà un promemoria anche per me!
EliminaChe 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
RispondiEliminaCapisco 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
EliminaGrazie mille Jessica per questa rubrica che seguirò certamente con piacere
RispondiEliminaGrazie <3
EliminaScusami Jessica, volevo sapere quale è la dimensione giusta da usare per altezza e larghezza. So che possiamo modificarla ma quella standard diciamo quale dovrebbe essere?
EliminaAllora, 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!
EliminaGrazie mille gentilissima e precisa, sono una frana ma ci sto provando. Grazie
EliminaRagazze 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.
RispondiEliminaCercavo questo codice da una vita! Grazie <3
RispondiEliminaFelice di essere stata utile!
EliminaUna rubrica molto utile ma credo che ti stresserò sopratutto in privato ahah! XD
RispondiEliminaChissà perché non lo sospettavo eheh
EliminaJessi, 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 *-*
RispondiEliminaSe hai qualche problema contattami su FB, ti rispondo subito così!
EliminaAhahahaha, la cosa delle recensioni che si muovono mi ricorda la richiesta di qualcuno!!
RispondiEliminaMagari te ;D
EliminaChe bella rubrica!! Molto utile per una ciompa come me in fatto di codici⌒.⌒
RispondiEliminaSono sempre felice di aiutare dove posso ovviamente!
EliminaWoooow mi piace questa rubrica!!! Davvero interessante aspetto con ansia il secondo appuntamento ^_^
RispondiEliminaGrazie Frency <3
EliminaMolto carina e utile questa rubrica...su su prepara subito il secondo appuntamento eheheh
RispondiEliminaE' in lavorazione!
EliminaUuuuh! Avevo bisogno di questo codice (non per le recensioni ma per le copertine dei miei libri); grazie mille! <3
RispondiEliminaSeguirò la rubrica con interesse :)
Questo commento è stato eliminato dall'autore.
RispondiEliminaCiao Jessica =), per mettere le slide sotto al menu hai usato lo stesso codice oppure un altro? Grazie
RispondiElimina