Cari amici oggi un post speciale, una cosa che non che non credevo sarebbe stato possibile in un blog di scrittura come questo, un tutorial. Anzi Il Tutorial visto che sarà presumibilmente l'unico ;D
Oggi,
festa dell'immacolata, nelle case italiane le persone si adoperano
per addobbare il loro albero natalizio, noi invece prepariamo il
nostro sito o blog a questa grande festa!
Ognuno
ha gusti diversi perciò vi darò diversi gadget/ widget per
"natalizzare" il tutto. Questo tutorial è anche per chi
non s'intende di linguaggio html, sarà quindi molto chiaro e
semplice, questione di pochi minuti e il vostro sito avrà un nuovo
volto!
Benissimo
cominciamo!
Personalmente
ho rovistato sul web per giorni con diverse difficoltà a trovare
widget utilizzabili sulla piattaforma Blogger, in effetti, solamente
su Wordpress è possibile installare facilmente uno di questi come
fosse una semplice app per il cellulare. La difficoltà più grande è
stata decifrare alcuni codici, semplificarli e dopodichè
trasformarli in semplici widget html/java inseribili dal layout del
nostro blog.
Le
lucette!
I
colori delle lucette di natale sul nostro "albero online"
sono sempre gradite, se non distolgono troppo l'attenzione!
Andiamo
su Layout >> Inserisci gadget (Dovunque tu voglia, in basso, in
alto a dx o sx) >> Selezionate HTML/JavaScript >>
Aggiungi. Una volta uscita la finestrella per impostare il gadget non
mettete il titolo altrimenti vi comparirà inutilmente , sotto
riportate tale codice:
<!--
Luci animate di Natale Inizio -->
<style type="text/css">
.lucinatale {
background-image: url(https://lh6.googleusercontent.com/-urJ5iwwcdx0/Tuxmz022-PI/AAAAAAAAVyM/NP_ImTOLfHY/s435/light01.gif);
background-repeat:repeat-x;
height:25px;
width:100%;
position:absolute;
top:0;
left:0;
z-index:9999;
}
</style>
<div class='lucinatale'></div>
<!-- Luci animate di Natale Fine - http://www.ideepercomputeredinternet.com -->
<style type="text/css">
.lucinatale {
background-image: url(https://lh6.googleusercontent.com/-urJ5iwwcdx0/Tuxmz022-PI/AAAAAAAAVyM/NP_ImTOLfHY/s435/light01.gif);
background-repeat:repeat-x;
height:25px;
width:100%;
position:absolute;
top:0;
left:0;
z-index:9999;
}
</style>
<div class='lucinatale'></div>
<!-- Luci animate di Natale Fine - http://www.ideepercomputeredinternet.com -->
Vedete
il l'url in viola? E' quello che definisce il tipo di luci che volete
perciò qui sotto vi metto le immagini con le diverse tipologie di
luci. Sotto ad ognuna di queste c'è l'url da copiare al posto di
quello viola riportato qui sopra. Provate e riprovate verificando se
calzino bene al vostro sito! Dopo aver sostituito tale URL potete
salvare e spostare il gadget dovunque vogliate sia disponibile.
Dopodichè salvate la disposizione e il gioco è fatto! Semplice no?
(Ovviamente questo metodo è utilizzabile anche per Wordpress , in
alternativa, potrete scaricare direttamente il widget installabile
Xmas Lights. Ripeto, solamente su wordpress è possibile installare
tali espansioni.)
https://lh6.googleusercontent.com/-urJ5iwwcdx0/Tuxmz022-PI/AAAAAAAAVyM/NP_ImTOLfHY/s435/light01.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHpuHcPz9Cd_wrqvvZ4lE08KMGwQwjyz2KZN4sdQRxg4zcwHloZREdr5XkDuQOfqftht74Qarp4IHeKAWXsQkuFgObtP9_YI_Q4l85-bwzenlBTLpPyyOnaLDMj3v_7w2L2E_dXRU42gs/s123/light16.gif
https://lh3.googleusercontent.com/-MRDB6xa_3HM/TuxnGaPlIbI/AAAAAAAAVyo/KKR1k6_w0tM/s333/light17.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPesX2FInHMwzglmObOzS9YK8ePEE5NMgdU5MvkS8blWAaFDuKVjJ9R2vJ-b1P1TpTzL0nMS81BmXQ8osfqvL27Vd5KQkVOrbJpkXvblFv1-Z_xaojrQa_U4YN9x_fPPj9uTRo8cX4Io4/s457/lights02.gif
https://lh6.googleusercontent.com/-tIYdlBypBYw/TuxnQ1GizxI/AAAAAAAAVy4/JDl5wqVHa28/s500/lights03.gif
https://lh4.googleusercontent.com/-UR1bpSGLDEE/TuxnVatCwnI/AAAAAAAAVzA/KogQJGbat7I/s650/lights04.gif
https://lh5.googleusercontent.com/-uEpKzrgGGBI/TuxnfWuX-OI/AAAAAAAAVzQ/JQmcp7DGpHU/s680/lights06.gif
https://lh3.googleusercontent.com/-5DOB1A-FXO8/Tuxnj8s_9AI/AAAAAAAAVzY/GwMq1LAFCR8/s457/lights07.gif
https://lh5.googleusercontent.com/-EALpUllRZUg/Tuxn0lq6hNI/AAAAAAAAVzw/7LzO4srR0ms/s120/lights11.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh25w5SLlCIJNt8hwccxwujGCbwMENjM2CxotVjZ_JyyZzeWzlSkuz737HEBP2N2tY2YGzd5M-pMDfNetVGFGNK-W4eDJ2MtTcW8-vNPhmtBxohXNjzxEbx1d_eB6riroyw9BCyJbzBWNI/s204/lights12.gif
https://lh5.googleusercontent.com/-rRqp0oEUGjc/TuxoEa7rgRI/AAAAAAAAV0A/cjY7-Q4ZCSM/s80/lights13.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis8OPc49xuCwdHnfPEKblUYOmUgewP9C2hElSI9tEg8Y95pplNj6cpWQYdm7oWBREu9u_aMozVg0GLpSvQGiUEZoMd4hD5bLwySgIZhw71s7fwp4o5Q5TmdNmb6Brpt4faP47AU9ezCjo/s129/lights18.gif
Il
pupazzo di neve!!!! ;,)
Qui
la cosa è ancora più semplice, potrei darvi il mio codice ma questo
vorrebbe dire avere tutti il medesimo pupazzo, con gl stessi colori e
scritte :P Perciò , siccome vogliamo essere fantasiosi, clicchiamo
sul link qui sotto!
Tale
URL vi manderà sulla pagina della blogger che ha creato il codice.
Vi si presenteranno delle domande: Colore del pupazzo ? E, Scritta?
Una volta selezionata la vostra scelta, sulla casella sottostante le
domande troverete il codice da copiare e incollare sul vostro blog.
Come
prima: Layout >> Inserisci gadget >> HTML/JavaScript >>
Senza il titolo, copiamo il codice e salviamo. Per questo widget non
sarà necessario cambiare niente del codice a differenza di quello
per le luci perchè già avrete scelto le caratteristiche del gadget.
Jingle
Bells!!
Le
campanelle. Per questo widget dovrete fare lo stesso, semplice,
procedimento di sopra, incollando però tale codice:<br
/> <img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWQdoKm_PDv_4NK1jZiSAMulxrEcuy1RZyJsslAIytB0WP6odo5GXjjE5IWOMZDIPncZf09yVQPZ8vMFWqN2cumb6cFw5lBRRbg8teoClUgwMl04UYitHrnqHbk_AzwEryrWXRsQpwzjk/s1600/christmas-bells-icon.png"
style="position:fixed; top: 0px;left:0px;border:none;"/><img
class="aneesh"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCYUe7fXEJCf4tQDabvDQrlY7JwUCdNB7EqJW7Xiygk3tJbIPHIiA6nSxHwJjvkWNLDW5CMeli5E0MuF7cquSF0Hb086d7dMsVnfx4bgHpEuASyICxUQTYlRU1PE6IBKM9tywJRG2a_OQ/s1600/christmas-bells-icon-right.png"
style="position:fixed; top: 0px;right:0px;border:none;"/><br
/>La
neve!Ahimè
la piattaforma di Blogger non ci riserva molte possibilità, non si
riescono a visualizzare i dettagli di molti alti tipi di
fiocchi,perciò, l'unica alternativa rimasta sono queste piccole
palline di neve che cadono dall'alto in basso.*Medesimo
procedimento per l'inserimento.*<script
type="text/javascript"
src="http://www.skincorner.com/snow.js">
</script>
PS.
Per evitare di appesantire il blog ho inserito il codice delle
campanelle assieme a quello della neve creando un unico widget, per
semplificarvi la vita eccolo qui:
<br
/> <img
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWQdoKm_PDv_4NK1jZiSAMulxrEcuy1RZyJsslAIytB0WP6odo5GXjjE5IWOMZDIPncZf09yVQPZ8vMFWqN2cumb6cFw5lBRRbg8teoClUgwMl04UYitHrnqHbk_AzwEryrWXRsQpwzjk/s1600/christmas-bells-icon.png"
style="position:fixed; top: 0px;left:0px;border:none;"/><img
class="aneesh"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCYUe7fXEJCf4tQDabvDQrlY7JwUCdNB7EqJW7Xiygk3tJbIPHIiA6nSxHwJjvkWNLDW5CMeli5E0MuF7cquSF0Hb086d7dMsVnfx4bgHpEuASyICxUQTYlRU1PE6IBKM9tywJRG2a_OQ/s1600/christmas-bells-icon-right.png"
style="position:fixed; top: 0px;right:0px;border:none;"/><br
/><script
type="text/javascript"
src="http://www.skincorner.com/snow.js">
</script>
Ecco
tutto, qualora avreste delle richieste i commenti sono sempre ben
accetti. Al prossimo post e buone feste!
T.<3
Nessun commento:
Posta un commento