... che scrolli verso l'alto la pagina del nostro blog.

Ovvero inserire un'immagine che dica all'utente 'torna su!'
Perdonatemi a volte sono negata con i titoli XD

Come si fa???

Innanzitutto dobbiamo creare un'immagine (se non avete photoshop, va bene anche paint, altrimenti vi proporrò fra poco una utility online da perdere la testa).
Fatto ciò, carichiamola nel nostro blog (vi consiglio quello che di solito faccio, ovvero aprire un post dal titolo IMMAGINI e caricare ciò che vi serve di 'stramano'... ovviamente il post salvatelo solo senza pubblicarlo :D )

Una volta caricata l'immagine, e ottenuto il suo URL (cliccaci su col tasto dx e poi fai 'COPIA URL IMMAGINE'), vai in 'LAYOUT' e 'AGGIUNGI UN GADGET'.
Scegli il gadget 'HTML/JavaScript' ed incolla questo codice:

<div style="position:fixed; bottom:0px;right:0px;float:right;z-index:1;"><a href="#"><img alt="TORNA SU!" src="INSERISCI QUI IL LINK DELLA TUA IMMAGINE" /></a></div>

Incollato così il codice ti farà comparire l'immagine nella stessa posizione in cui vedi la mia coccinella in basso a destra.

Se vuoi fare una prova semplice, puoi prelevare il codice qui sotto con l'immagine da me creata.

<div style="position:fixed; bottom:0px;right:0px;float:right;z-index:1;"><a href="#"><img alt="TORNA SU!" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ6tOSOyOuE3VGxCdOJstaLcWU5ZtKFto9kM3OgOdcSXdMSFGYRNU-G8BO6FxpDdMkvIzUNJEIDiWgMqfOvozbAv00Kc4ao88lJRllUcrXdAqFrKcmdAzQERyJblQZFT3tJwW5lZGWo_jW/s1600/up.png" /></a></div>

Care blogger, mi rendo conto che ognuna di voi ha delle esigenze particolari per il proprio blog, e così da oggi potete proporre il tutorial che più vi interessa.
In maniera ordinata, verranno presi in considerazione e comunque sempre nelle mie possibilità ;)
Dunque... apriamo le danze!!!


Ecco le vostre richieste:
(ad alcune domande ho risposto velocemente nei commenti, ad altre ho creato dei post di risposta che trovi qui sotto)

Social icon personalizzate #1
Social icon personalizzate #2
Bottone 'torna su' che resta fisso
Video tutorial: come far scaricare un pdf dal proprio blog
Blog design: come diminuire la distanza tra i widget
Come importare il blog da Blogger a WordPress







Pagina costantemente in costruzione!

Questo post nasce dalla necessità di inserire una certa quantità di post catalogati sotto la stessa categoria e quindi reperibili da un tasto del menu-pagine.
Voi direte 'ma di tutto questo non c'è bisogno perchè esiste già il widget delle categorie'.
Lo so, ma il menu in alto è più veloce!
E ricordatevi la regola dei 3 click!
Se un visitatore non ottiene risposte sul vostro blog al terzo click... beh state certi che lo abbandonerà... ed effettivamente è così, perchè io stessa l'ho fatto.
Quindi più possiamo richiamare l'attenzione verso l'argomento di punta del nostro blog, con quanti più possibili tasti veloci, meglio è!

---

Premesso ciò, ecco come creare una pagina in cui vengano raccolti i post di una determinata categoria.

11/03/2014 - Da un po' di giorni l'interfaccia delle pagine è cambiata ed ora si presentano come una lista di post.
Per aggiungere un link alla pagina, in modo da reindirizzarla ad esso, dobbiamo per forza di cosa entrare nel pannello LAYOUT cliccare su MODIFICA gadget, e cercare AGGIUNGI PAGINA CON LINK.
A questo punto potete procedere come nel tutorial qui sotto ;)

Nel creare una nuova pagina, scegliamo non una pagina vuota, ma 'Indirizzo Web'.

---

Quindi gli diamo come nome, il nome della categoria nella quale possiamo trovare i nostri post (es.Tutorial) e inserite l'URL della categoria da voi scelta.

---

Come facciamo a recuperare l'indirizzo? Selezionate dal widget 'etichette' la categoria che vi interessa mettere in risalto e poi, copiate l'indirizzo, dalla barra dei link, in alto.


Come al solito, commentate per qualsiasi chiarimento ;)

Vi posto un'immagine che vi indica il nuovo layout di inserimento dei links al menu delle pagine!

Si sa che i commenti alimentano i blog... soprattutto questo blog :)
Ed è per questo che nasce questo post, per aiutare un'amica blogger 'Il Gufo Creativo' che mi ha chiesto come si ridurre la distanza fra i widget presenti nella sidebar.

Per fare ciò dobbiamo fare quella che è sicuramente un'operazione che terrorizza chi non ha proprio dimestichezza con i codici: andare a modificare l'HTML... ma niente paura ;)

---

Selezionate 'Modello' dal menu a tendina accanto al nome del vostro blog, quindi cliccate su 'Modifica HTML'

---

Vi apparirà questa schermata che in un certo senso vi inibirà, dicendovi che dovrete procedere solo se sapete ciò che fate, beh noi lo sappiamo quindi clicchiamo 'Procedi' :)

---

Scendiamo giù con lo scrollbar, fino a quando troviamo la sezione del 'Widgets' (questo perchè è sempre bene tenere un po' d'ordine anche nei codici :D)

---

A questo punto, aggiungiamo il nostro codice, che ci permetterà di diminuire lo spazio fra i widget presenti nelle sidebar:
.sidebar .widget {
margin-top: -10px;
}
Con questo codice gli stiamo dicendo che per tutte le widget della sidebar il margine superiore deve diminuire di 10 pixel, se volete ridurlo ulteriormente dovete aumentare il valore dei pixel (essendo in negativo).

---

Fatto tutto ciò, potrete vedere un'anteprima e poi salvate le modifiche.



Come al solito spero tanto di essere stata chiara, ma in caso contrario chiedete pure chiarimenti.
:*