Blogger Book

Come Implementare i Meta Tag

2026-03-28T17:46:00.001+01:00

Per implementare i meta tag, devi inserire o modificare il codice HTML della tua pagina, specificamente all'interno della sezione <head>, utilizzando un editor di testo, il file manager del tuo hosting o, più semplicemente, tramite le impostazioni SEO del tuo CMS come WordPress o le funzioni di un editor come Wix. I meta tag più importanti includono: il title (titolo della pagina), la meta description (sintesi del contenuto), il meta robots (per il controllo dell'indicizzazione), e altri specifici per i social media (Open Graph, Twitter Cards) e il mobile (viewport).
Dove inserire i Meta Tag
Individua la sezione <head>: Accedi al codice HTML della pagina web che vuoi modificare e individua la sezione <head>.
Inserisci il tag: Inserisci il codice HTML dei meta tag all'interno della sezione <head>.
Come inserire i Meta Tag
A seconda del tuo sito, puoi scegliere uno di questi metodi:
Con un CMS
: Usa plugin come Yoast o SEOPress per aggiungere e gestire facilmente meta tag senza intervenire direttamente nel codice HTML, dice Leonardo Spada.
Con un sito basato su piattaforme
: Accedi all'Editor, vai su Pagine e menu > Altre azioni > SEO base, e poi alla scheda SEO avanzata per inserire tag personalizzati nel campo Codice HTML, come spiegato da Wix.com.
Modifica diretta del codice
: Se sei uno sviluppatore, puoi scaricare il file HTML, modificarlo con un editor di testo, o usare il cPanel File Manager per inserire i tag direttamente nel codice della pagina, spiega Mailchimp.
Esempi di Meta Tag da Implementare
Meta Title
: Il titolo che appare nella scheda del browser e nei risultati di ricerca.
Meta Description
: Una breve descrizione del contenuto della pagina.
Meta Robots
: Istruzioni per i motori di ricerca su indicizzare (index/noindex) e seguire (follow/nofollow) i link.
Open Graph / Twitter Cards
: Tag per ottimizzare la condivisione sui social media
Viewport Meta Tag
: Determina la visualizzazione ottimale della pagina sui dispositivi mobili.
Meta Language
: Specifica la lingua della pagina.
Meta Author
: Indica chi ha creato il documento.

Guida a GSC: di recente una pagina ha ricevuto meno impressioni del solito

2026-03-21T21:04:00.000+01:00

Se una pagina riceve meno traffico in Google Search Console (GSC), controlla le sezioni "Problemi di sicurezza" e "Azioni manuali" in GSC, poiché un calo può indicare penalizzazioni o minacce alla sicurezza. Altre cause possibili includono problemi con l'indicizzazione, un peggioramento della qualità dei contenuti, l'ottimizzazione SEO insufficiente, o un blocco del file robots.txt.

<?XML:NAMESPACE PREFIX = "[default] http://www.w3.org/2000/svg" NS = "http://www.w3.org/2000/svg" />

Verifiche immediate in Google Search Console:

Sezione Azioni manuali:

Cerca eventuali azioni manuali di Google che potrebbero influenzare il ranking della tua pagina.

Sezione Problemi di sicurezza:

Controlla se ci sono avvisi relativi a malware o minacce alla sicurezza che potrebbero bloccare l'accesso degli utenti al sito.

Rapporto sul traffico:

Confronta il traffico della pagina con i periodi precedenti per capire l'entità del calo e identificare eventuali pattern.

Sezione Indicizzazione:

Se la pagina è stata pubblicata di recente, potrebbe non essere ancora stata indicizzata. Controlla lo stato di indicizzazione della pagina.

Possibili cause tecniche e di contenuti:

Errori tecnici:

Problemi nel codice del sito, caricamento lento o incompatibilità con dispositivi mobili possono influire negativamente sul traffico.
Contenuti di bassa qualità:

Contenuti poco pertinenti o di scarso valore possono ridurre il posizionamento e il traffico.
Ottimizzazione SEO:

Una mancanza di ottimizzazione o un'ottimizzazione errata per i motori di ricerca può rendere difficile la visibilità della pagina.
Blocco da robots.txt:

Verifica che il file robots.txt non stia bloccando l'indicizzazione o la scansione della pagina da parte di Google.

Cosa fare:

Segui le indicazioni di Google:

Se trovi azioni manuali o problemi di sicurezza, correggi i problemi e richiedi un riesame.

Ottimizza i contenuti:

Migliora la qualità e la pertinenza dei contenuti per attrarre e mantenere gli utenti.

Migliora la velocità del sito:

Assicurati che la pagina si carichi velocemente su tutti i dispositivi.

Considera l'aiuto di un professionista SEO:

Se non riesci a risolvere il problema, un esperto SEO può offrire supporto per migliorare il posizionamento del sito.

Come aggiungere un link per tradurre un post di Blogger in italiano in fondo al post.

2026-03-14T17:01:00.001+01:00

Per aggiungere un link per tradurre un post di Blogger in italiano, devi inserire manualmente il codice HTML del link nel contenuto del post, puntando all'URL del tuo post preceduto dall'URL di Google Traduttore, oppure integrare un gadget di traduzione dal menu di layout del tuo blog per una soluzione più automatica e visibile a tutti. <?XML:NAMESPACE PREFIX = "[default] http://www.w3.org/2000/svg" NS = "http://www.w3.org/2000/svg" />

Metodo 1: Aggiungere un link manuale al post
Questo metodo ti permette di aggiungere un link specifico a ogni post che desideri rendere traducibile.

Copia il link del post che vuoi tradurre.
Crea il link di Google Traduttore: aggiungi https://translate.google.com/translate?sl=auto&tl=it&u= all'inizio del link del tuo post.
- Esempio: Se il tuo post è http://mioprofile.blogspot.com/2025/09/titolo-post.html, il link per la traduzione sarà https://translate.google.com/translate?sl=auto&tl=it&u=http://mioprofile.blogspot.com/2025/09/titolo-post.html.
Aggiungi il link al post: Nel tuo editor di Blogger, vai alla sezione di modifica di quel post e incolla il link dove vuoi che appaia, per esempio alla fine del testo.

<p>Puoi tradurre questo post in italiano: <a href=https://trucchieconsigliperblogger-blogspot-com.translate.goog/2025/09/modifica-delle-icone-dei-gadget-nelle.html?_x_tr_sl=es&_x_tr_tl=it&_x_tr_hl=it&_x_tr_pto=wapptarget="_blank>Traduci in italiano</a></p>

Metodo 2: Aggiungere un gadget di traduzione al blog
Questo è un modo più automatico e integrato, ideale se vuoi che tutti i tuoi post possano essere tradotti.

Accedi alla dashboard di Blogger.
Vai su "Layout" nel menu a sinistra.
Fai clic su "Aggiungi un gadget" nella sezione del layout dove vuoi che appaia il selettore di lingua (ad esempio, nel footer, nella sidebar, ecc.).
Trova e seleziona "Traduci" o "HTML/JavaScript" dalla lista dei gadget disponibili.
Configura il gadget:
- Se usi il gadget "Traduci", ti basterà abilitare l'opzione di traduzione e selezionare le lingue, tra cui l'italiano.
- Se usi il gadget HTML/JavaScript, dovrai copiare e incollare il codice fornito da Google Translate Widgets (o una soluzione simile) nel campo di testo fornito dal gadget.
Salva il gadget e poi salva le modifiche al layout del tuo blog.

Dopo questi passaggi, vedrai un selettore di lingua che i tuoi lettori possono utilizzare per tradurre il tuo blog nella lingua desiderata.

Espandi e comprimi i gadget con jQuery

2026-03-07T20:43:00.000+01:00

Qualche tempo fa abbiamo visto come espandere e comprimere i gadget utilizzando Scriptaculous e Prototype , è un metodo che funziona bene, ma c'è chi usa jQuery e non vuole caricare altre librerie sul proprio blog, quindi in questo post vedremo come ottenere lo stesso risultato ma utilizzando jQuery.

Espandere e comprimere i gadget può essere utile per chi ne ha molti e desidera che la barra laterale abbia un aspetto più ordinato, mostrando solo i titoli dei gadget e i contenuti solo quando l'utente li desidera. Potete vedere un esempio in questo post di blog di prova ; cliccando sul titolo del gadget, questo si espanderà.

Per aggiungere questi gadget espandibili, ti serve solo jQuery. Se non lo hai ancora, vai su Template | Modifica HTML e dopo <head> aggiungi questa riga:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/>

E ora, per applicare l'effetto espandibile e scorrevole a un gadget, individua il gadget a cui desideri applicarlo nell'editor HTML . Ad esempio, un gadget HTML/Javascript si presenterebbe così:

<b:widget id='HTML1' locked='false' title='Titolo gadget' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'>
<span id=' expandGadget1 ' style='cursor:hand;cursor:pointer;'>
▼▲
<data:title/>
</span>
</h2>
</b:if>
<div class='widget-content'>
<div class=' expand1 ' style='display: none;'>
<data:content/>
</div>
<script>$(document).ready(function(){$('# expandGadget1 ').click(function(){$('. expand1 ').slideToggle("slow")})});</script>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

Aggiungi ciò che è in rosso e il gioco è fatto.

Per guidarti su dove inserire i codici:

Il primo codice in rosso circonda il tag <data:title/>.
L'altra parte in rosso va dopo <div class='widget-content'>
e l'ultima va prima.

</div>

<b:include name='quickedit'/>

Nota che in blu vedrai un ID e una classe, entrambi visualizzati due volte. Se dovessi aggiungere un altro gadget espandibile, dovresti modificare sia gli ID che le classi, ad esempio expandGadget2 ed expand2.
Nel primo frammento che abbiamo aggiunto vedrai apparire questi caratteri: ▼▲
Queste sono le frecce su e giù ▼▲, puoi sostituirle con un altro carattere, un altro testo o persino un'immagine:

<img src=' URL immagine ' bordo='0' larghezza='14px'/>

Il codice di esempio è per i gadget HTML/Javascript , ma può essere applicato a qualsiasi altro gadget. È sufficiente identificare il tag <data:title/> del gadget (dove va inserito il primo codice) e il contenuto del gadget (dove va inserito il secondo codice).
Forse dovrei chiarire che questo non velocizza il caricamento del blog, poiché il contenuto continua a caricarsi anche quando è nascosto all'utente. Serve solo a mostrare meno spazio nella barra laterale, poiché a volte abbiamo gadget che occupano troppo spazio, e questo è un buon modo per rendere il blog più ordinato.

fonte

4 modi per mettere uno spoiler sul tuo blog

2026-02-28T20:42:00.000+01:00

Gli spoiler vengono utilizzati per nascondere determinati contenuti da un post del blog, per motivi strategici o estetici. Questi spoiler nascondono i contenuti e li rivelano solo quando l'utente lo richiede.
In questo post, esamineremo quattro metodi per aggiungere uno spoiler , così potrai scegliere quello più adatto alle tue esigenze.

Spoiler solo con CSS

Con questo metodo, sfrutteremo i vantaggi del CSS senza dover ricorrere a script: solo CSS e nient'altro. Tuttavia, presenta due svantaggi: il primo è che sono necessari due pulsanti: uno per mostrare il contenuto e uno per nasconderlo. L'altro è che quando il contenuto viene visualizzato, la pagina scorre leggermente fino a raggiungere la pagina in cui si trova il contenuto.

Il codice che useresti nei tuoi post per questo tipo di spoiler CSS sarebbe il seguente:

<input onclick="window.location='# show1 ';" type="button" value="Mostra"/>
<input onclick="window.location='#';" type="button" value="Nascondi" />
<div id=" spoiler1 ">
<div id=" show1 ">
...Ecco il contenuto che vuoi nascondere...
</div>
</div>
<style>
#spoiler1 > div {display: none;}
#spoiler1 > div:target {display: block;}
</style>

In rosso, dovresti contrassegnare il contenuto che verrà nascosto. Dovresti cambiare il colore blu ogni volta che aggiungi uno spoiler. Ad esempio, se ne aggiungi un altro, cambia spoiler1 in spoiler2 e mostra1 in mostra2.

Spoiler che utilizza Javascript

Questo tipo di spoiler è simile allo spoiler che abbiamo visto qualche anno fa, solo leggermente modificato. Richiede pochissimo JavaScript per essere utilizzato. Praticamente fa la stessa cosa dello spoiler CSS, ma richiama gli stili tramite JavaScript.

<input type="button" onclick="if(document.getElementById(' spoiler1 ') .style.display=='none') {document.getElementById(' spoiler1 ') .style.display=''; this.value = 'Nascondi'; }else{document.getElementById(' spoiler1 ') .style.display='none';this.value = 'Mostra'; }" value="Mostra"/><div id=" spoiler1 " style="display:none">
...Ecco il contenuto che vuoi nascondere...
</div>

Allo stesso modo, dovrai cambiare l'ID spoiler1 (ogni volta che appare) ogni volta che vuoi aggiungerne uno nuovo.

Spoiler usando Scriptaculous

Abbiamo già visto questo metodo nel post " Espandere e comprimere parti di un post ". A differenza dei metodi precedenti, questo metodo visualizza i contenuti nascosti con un effetto scorrevole, conferendogli un aspetto più accattivante.

Per utilizzarlo dobbiamo avere Scriptaculous, se non lo hai ancora aggiungilo prima </head>

<script src='http://ajax.googleapis.com/ajax/libs/prototype/1/prototype.js'/>
<script src='http://ajax.googleapis.com/ajax/libs/scriptaculous/1/scriptaculous.js'/>

E quando vuoi mettere lo spoiler in un post usa questo codice:

<input onclick='Effect.toggle(" spoiler1 ", "slide"); return false' type='button' value='Show'/><div id=' spoiler1 ' style='display: none;'>
...Ecco il contenuto che vuoi nascondere...
</div>

In questo caso dovrai cambiare anche le parti blu ogni volta che vorrai aggiungerne altre.

Spoiler usando jQuery

Infine, vediamo come nascondere i contenuti con jQuery, che ci permette anche di ottenere un effetto scorrevole mostrando o nascondendo il contenuto spoiler.

Se non hai jQuery, mettilo dopo <head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/>

E nel tuo contributo usa questo codice ogni volta che vuoi inserire uno spoiler:

<input type="button" id=" spoiler1 " value="Mostra"/>
<div class=" show1 " style="display: none;">
...Ecco il contenuto che vuoi nascondere...
</div>
<script>jQuery.noConflict();jQuery(document).ready(function(){jQuery('# spoiler1 ').click(function(){jQuery('. show1 ').slideToggle("slow");});});</script>

Anche in questo caso devi cambiare ciò che è in blu ogni volta che vuoi aggiungerne uno nuovo, ad esempio spoiler1 in spoiler2 e show1 in show2

Ed è semplicissimo nascondere i contenuti nei post del tuo blog , anche in un gadget HTML/Javascript. Come puoi vedere, i codici sono super brevi e facili da applicare. Puoi nascondere qualsiasi contenuto: un'immagine, un testo, un player, video, ecc.

fonte

Come conoscere il mio ID Facebook e X (ex- Twitter)

2026-02-21T20:40:00.000+01:00

A volte, per vari motivi, potresti aver bisogno di conoscere l'ID utente di un social network a cui partecipi, per creare un widget, creare i tuoi meta tag o per qualsiasi altra necessità.
In questo post, vedremo come ottenere l'ID Facebook , l'ID Twitter e l'ID Google+ , sia per i tuoi profili che per le tue pagine.

ID Facebook

Se il tuo profilo o la tua pagina Facebook non ha un URL personalizzato, vai semplicemente alla tua pagina o al tuo profilo e copia l'URL che appare nella barra degli indirizzi. Quella serie di numeri è il tuo ID.

Se hai già un URL personalizzato, usa questo strumento. Inserisci il tuo nome utente o il nome della Pagina, clicca su "Test " e otterrai il tuo ID Facebook e alcune informazioni aggiuntive.

https://graph.facebook.com/ Ottenere

ID Google+

Nel caso del social network di Google, se non hai un URL personalizzato, vai semplicemente sul tuo profilo e copia l'URL dalla barra degli indirizzi; i numeri che compaiono lì sono il tuo ID.

Se hai già un URL personalizzato, puoi utilizzare l'API di Google+ per trovare il tuo ID. Per farlo, vai alla pagina API Explorer .
In userId, aggiungi il nome utente della tua pagina o profilo, preceduto dal segno +.
Nei campi, digita id.

Clicca su Esegui e otterrai il tuo ID.

ID Twitter

Nel caso di Twitter, la nuova API rende le cose un po' più complicate, ma fortunatamente esistono alcuni strumenti online che ci permettono di trovare il nostro ID Twitter in un solo passaggio.
"My Twitter ID" è uno di questi. Basta inserire il tuo nome utente Twitter e otterrai immediatamente il tuo ID.

fonte

Come inserire le icone nelle schede del menu Pagine

2026-02-14T20:38:00.000+01:00

Spesso sentiamo la necessità di aggiungere icone ai link per identificare meglio il tipo di contenuto a cui rimandano. Nella maggior parte dei menu, questo non rappresenta un problema, poiché è sufficiente aggiungere il codice dell'immagine prima del nome della scheda. Tuttavia, con il gadget Pagine, è un po' più difficile, poiché il codice del gadget non è il tradizionale codice HTML del menu, ma contiene una serie di codici specifici di Blogger. Aggiungere immagini diverse direttamente all'HTML è impossibile.

Ma questo non significa che non possiamo cercare modi alternativi per farlo, ed è esattamente ciò che faremo in questo post: vedremo come inserire un'icona diversa su ogni scheda nel menu Pagine , e per farlo useremo il CSS, in particolare i selettori :nth-child() e ::before.
In questo modo faremo in modo che ciascuna scheda nel nostro gadget Pagine abbia un'icona diversa prima del nome della scheda.

Ottenere quanto sopra è molto più facile di quanto si possa pensare. Basta andare su Template | Modifica HTML e aggiungere quanto segue prima di ]]></b:skin> :

#PageList1 li:nth-child( 1 ):before {
content: url( URL immagine );
padding-right: 5px;
position:relative;
top: 3px;
}
#PageList1 li:nth-child( 2 ):before {
content: url( URL immagine );
padding-right: 5px;
position:relative;
top: 3px;
}
#PageList1 li:nth-child( 3 ):before {
content: url( URL immagine );
padding-right: 5px;
position:relative;
top: 3px;
}
#PageList1 li:nth-child( 4 ):before {
content: url( URL immagine );
padding-right: 5px;
position:relative;
top: 3px;
}

In questi stili CSS vedrai dei numeri, ogni numero rappresenta ogni scheda del tuo menu, dove 1 è la prima scheda, 2 è la seconda, ecc. Tieni presente che la prima scheda è solitamente la Home Page , quindi la seconda scheda appartiene alla prima pagina del tuo menu.

Nel codice devi modificare l'URL dell'immagine dove è indicato in rosso .

La distanza tra l'icona e il testo viene modificata tramite padding-right .

Con top puoi controllare la distanza dall'alto, in modo da poter allineare l'immagine verticalmente. Ho impostato l'icona in modo che si sposti di 3px dall'alto, ma può variare a seconda delle dimensioni dell'icona che inserisci. In questo caso dovrai giocare con il valore top , potendo anche usare un valore negativo per alzare l'immagine, ad esempio -3px.
Il codice è per le prime quattro schede del tuo menu; se hai più schede, aggiungi semplicemente un pezzo di codice come questo per ogni scheda a cui vuoi aggiungere un'icona.

#PageList1 li:nth-child( 5 ):before {
content: url( image URL );
padding-right: 5px;
position:relative;
top: 3px;
}

Per ogni codice aggiunto, dovrai sostituire il numero 5 con quello corrispondente: 6 , 7 , 8 , ecc.
È semplicissimo personalizzare ulteriormente il gadget Pagine utilizzando icone che aiutano a riconoscere visivamente le schede.

fonte

Mappe immagine: per mappare le immagini online

2026-02-07T20:37:00.000+01:00

Mappare un'immagine significa fondamentalmente aggiungere più link a diverse parti di una singola immagine. Questo si ottiene utilizzando il tag <MAP> e il tag <AREA> , che definiscono le aree dell'immagine in cui vengono aggiunti i link. Queste aree contengono le coordinate della parte selezionata dell'immagine, coordinate che, alla maggior parte dei mortali, sembrano scritte in cinese. L'obiettivo è stabilire la distanza in pixel tra una particolare area dell'immagine e aggiungere il link a tali coordinate, che sarà accessibile solo in quell'area.
Ad esempio, nell'immagine seguente ci sono otto link e ognuno può essere cliccato solo nella rispettiva area.

Stabilire le coordinate di ogni area può essere stressante, faticoso, estenuante e folle; fortunatamente, esistono servizi online che permettono di fare tutto questo senza dover contare pixel, misurare o altro.
Ce ne sono diversi, ma oggi parleremo di Image-Maps . Questo strumento online ci permette di mappare le nostre immagini facilmente e con tutte le opzioni necessarie.

Per prima cosa, caricheremo la nostra immagine su un servizio di hosting e incolleremo l'URL dell'immagine nell'area corrispondente. Questo ci darà anche la possibilità di cercare l'immagine sul nostro computer, ma è sempre meglio caricarla noi stessi per garantire che l'immagine sia sempre disponibile, poiché le immagini caricate da lì verranno eliminate dopo 24 ore.

Dopo aver cliccato su Continua , inizieremo a mappare l'immagine. Per farlo, clicca con il tasto destro del mouse e si aprirà un menu.

"Crea Rettangolo" serve per creare un rettangolo, "Crea Poligono" per creare un poligono e "Crea Cerchio" per creare un cerchio. Scegli quello che ti serve e disegna la forma per selezionare l'area dell'immagine a cui vuoi collegarti. Apparirà immediatamente una finestra in cui potrai aggiungere l'URL per quell'area, insieme a un titolo, un alt e un ID, se lo desideri. Nella scheda " Eventi"
, puoi impostare se il collegamento si apre in una nuova scheda o meno.

Una volta terminate le impostazioni delle aree dell'immagine, fai clic con il pulsante destro del mouse e seleziona Ottieni codice dal menu .

Nella scheda Codice HTML in basso, vedrai il tuo codice. Copialo e incollalo in un post del blog o in un gadget, e il gioco è fatto.

Come puoi vedere, è uno strumento facile da usare con le opzioni necessarie per mappare le tue immagini online e creare banner, poster promozionali o intestazioni con più link. Per quest'ultimo, se desideri creare un'intestazione con più link, segui i primi passaggi descritti in questo post . Invece di aggiungere lo script menzionato, aggiungi il codice per l'immagine mappata.

fonte

Pulsanti dei social media con sprite e transizioni CSS3

2026-01-31T14:25:00.000+01:00

Molti lettori di questo blog me l'hanno chiesto, e si tratta dei pulsanti per le piattaforme social che utilizzo attualmente. Dato che una promessa è una promessa e non voglio indebitarmi ulteriormente, eccolo qui.

Questi pulsanti servono per collegarsi ai social network : Facebook , Twitter , Google+ , Feed RSS e abbonamento via email .
Ciò che molti trovano interessante è l'effetto hover che si crea quando ci si passa sopra, poiché l'icona si sposta verso l'alto mentre lo sfondo cambia colore.

Vedremo questo gadget in due versioni: una con cinque piccoli pulsanti allineati orizzontalmente e un'altra con quattro pulsanti leggermente più grandi allineati su due colonne. Sono realizzati con sprite e transizioni CSS3.
Aggiungeremo entrambe le versioni in un unico passaggio, ovvero incollando sia gli stili che la struttura HTML in un gadget. Perché? Solo per pigrizia, ma chiunque voglia inserire gli stili nella posizione corrispondente nel template può farlo senza problemi.
Quindi, per aggiungerli al tuo blog, vai su Design | Aggiungi un gadget | HTML/Javascript e incolla il codice per i pulsanti che preferisci.

Questa è la prima versione a 5 pulsanti.

E questo è il codice che devi incollare nel tuo gadget:

<style>
/* Pulsanti dei social network - Ciudad Blogger */
.social_bookmarks_container {
width:100%;
height:65px;
padding:0;
position:relative;
}
.social_bookmarks {
position:relative;
float:left;
margin:0;
padding:0;
}
.social_bookmarks li {
margin:0 0 1px 1px;
height:57px;
width:57px;
list-style:none;
float:left;
padding:0;
-webkit-transition: tutti gli ease-in-out da 0,4 s;
-moz-transition: tutti gli ease-in-out da 0,4 s;
-o-transition: tutti gli ease-in-out da 0,4 s;
-ms-transition: tutti gli ease-in-out da 0,4 s;
transition: tutti gli ease-in-out da 0,4 s;
}
.social_bookmarks li a {
float:left;
larghezza:57px;
altezza riga:24px;
visualizzazione: blocco;
rientro testo: -99999px;
margine:0px;
contorno: nessuno;
spaziatura:0;
altezza minima:57px;
altezza:100%;
decorazione testo:nessuna;
}
.social_bookmarks .iconrss{background: #A4A4A4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ8Kbt-uhIorlVidc2YJ9HNSHhOHizEH64tru9lPKzmoeA1go GDzfflP64SXOV8_wcOtJQiSWvlEUIcPuOE4Te3zkflsjHaXP_skhSGPOt2MDsoYumv5VzNc_UgZB-Y_-Fu-yqc58EG_pn/s114/icon-rss.png) in alto a sinistra senza ripetizione;}
.social_bookmarks .iconrssmail{background: #BDBDBD url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZxzZ9WBDmn-wY5zVTJXn4oM_xiB5QQtBb-bYbUujnEeCBpNPsq LAdWU5INBe5naJU3CLsa87UR9MLM5tDuIKH0RzYgg_dg2T4Yh-Qr4Gl8wJI9XjFuz6YZ7D58aUBz_yydSAVeaTwyYpj/s114/icon-rssmail.png) in alto a sinistra senza ripetizione;}

.social_bookmarks .icontwitter{background: #D8D8D8 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz_lGB3qFKnLoqdr5TVAP0qG1umN5dEJnzHw2FIq7zOX4F-lePT vRN0ulGC4VB_ujN8uQpRPPDzC2aV7owD0oMsF2IhKBF3JTL26CMc4x0aLnwTK88mfLSJh7vevshzcR8eNh6Lwf4GJO0/s114/icon-twitter.png) in alto a sinistra senza ripetizione;}
.social_bookmarks .iconfacebook{background: #E6E6E6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWKuFaylNawHkw2x-8SBNyFdqtTop2BLGGvNNHvB6mt6hmVfSo2 7u9-z_EKRzxx1sEtPr0I5LSaef-a6S8TztDTMcR2noTULqL2-jh0X1tAgk2pyoJUS-2zl3Mjflpl68EDlgCL5K3cxU0/s114/icon-facebook.png) in alto a sinistra senza ripetizione;}

.social_bookmarks .icongplus{background: #F1F1F1 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnb6hyphenhyphen8423G0Y4atMdWIK_R0OWkwvMn-FPTKsI9HZTTV- YnpmOEYcfwg8f2UckeWWP7XW7rpaF-jvdJYfyV3TlwjQyknNaTQhsECTH8shArnzYvVaVOfEJoR-cqJ5ewt8YRu4TvAwzvn_i/s114/icon-gplus.png) in alto a sinistra senza ripetizione;}
.social_bookmarks .iconfacebook:hover{background-position:center -57px; colore di sfondo: #37589b ;}
.social_bookmarks .icontwitter:hover { posizione di sfondo: centro -57px; colore di sfondo: #46d4fe ;}

.social_bookmarks .icongplus:hover {posizione-sfondo:centro -57px; colore-sfondo: #de5a49 ;}
.social_bookmarks .iconrss:hover{posizione-sfondo:centro -57px; colore-sfondo: #ff6600 ;}
.social_bookmarks .iconrssmail:hover{posizione-sfondo:centro -57px; background-color: #FFDE00 ;}
.social_bookmarks li:hover a{background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXl3v0GbEqIl9AYJLAlJb-bnAW4NBZaJtkJjZpuGZmWoe4qpGm2vj_ 5MKrqtDitgLlujjGO6HW_O-0PR_FG__iVHnBbDfqyj44j7NQgJ_hDpEWqF7eYEYVje1t0P0Jw5CtSziDWYevQMnh/s57/icon-social-reflect.png) no-repeat;
}
</style>
<div class='social_bookmarks_container'>
<ul class='social_bookmarks'>
<li class='iconrss'>
<a href='/atom.xml'>
RSS
</a>
</li>
<li class='iconrssmail'> <a href='http://feedburner.google.com/fb/a/mailverify?uri= FeedName '>
RSS Mail </a> </li> <li class='icontwitter'> <a href='http://twitter.com/ user '> Twitter </a> </li> <li class='iconfacebook'> <a href='http://facebook.com/ user '> Facebook </a> </li> <li class='icongplus'> <a href='http://plus.google.com/+ user /about'> Google Plus </a> </li> </ul> </div>

Questa è l'altra versione, quella a 4 pulsanti.

E questo è il codice che dovresti incollare nel tuo gadget HTML/Javascript .

<style>
/* Pulsanti dei social network - Ciudad Blogger */
.social_bookmarks_container {
width:176px;
height:176px;
padding:0;
position:relative;
}
.social_bookmarks {
position:relative;
float:right;
margin:0;
padding:0;
}
.social_bookmarks li{
margin:0 0 1px 1px;
height:77px;
width:77px;
list-style:none;
float:left;
padding:0;
-webkit-transition: tutti gli ease-in-out da 0,4 s;
-moz-transition: tutti gli ease-in-out da 0,4 s;
-o-transition: tutti gli ease-in-out da 0,4 s;
-ms-transition: tutti gli ease-in-out da 0,4 s;
transition: tutti gli ease-in-out da 0,4 s;
}
.social_bookmarks li a {
float:left;
larghezza:77px;
altezza riga:24px;
visualizzazione: blocco;
rientro testo: -99999px;
margine:0px;
contorno: nessuno;
spaziatura:0;
altezza minima:77px;
altezza:100%;
decorazione testo:nessuna;
}
.social_bookmarks .iconrss{background: #A4A4A4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ8Kbt-uhIorlVidc2YJ9HNSHhOHizEH64tru9lPKzmoeA1g oGDzfflP64SXOV8_wcOtJQiSWvlEUIcPuOE4Te3zkflsjHaXP_skhSGPOt2MDsoYumv5VzNc_UgZB-Y_-Fu-yqc58EG_pn/s0/icon-rss.png) in alto a sinistra senza ripetizione;}
.social_bookmarks .icontwitter{background: #D8D8D8 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz_lGB3qFKnLoqdr5TVAP0qG1umN5dEJnzHw2FIq7zOX4F-leP TvRN0ulGC4VB_ujN8uQpRPPDzC2aV7owD0oMsF2IhKBF3JTL26CMc4x0aLnwTK88mfLSJh7vevshzcR8eNh6Lwf4GJO0/s0/icon-twitter.png) in alto a sinistra no-repeat;}
.social_bookmarks .iconfacebook{background: #E6E6E6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWKuFaylNawHkw2x-8SBNyFdqtTop2BLGGvNNHvB6mt6hmVfSo 27u9-z_EKRzxx1sEtPr0I5LSaef-a6S8TztDTMcR2noTULqL2-jh0X1tAgk2pyoJUS-2zl3Mjflpl68EDlgCL5K3cxU0/s0/icon-facebook.png) in alto a sinistra no-repeat;}
.social_bookmarks .icongplus{background: #F1F1F1url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnb6hyphenhyphen8423G0Y4atMdWIK_R0OWkwvMn-FPTKsI9HZTTV -YnpmOEYcfwg8f2UckeWWP7XW7rpaF-jvdJYfyV3TlwjQyknNaTQhsECTH8shArnzYvVaVOfEJoR-cqJ5ewt8YRu4TvAwzvn_i/s0/icon-gplus.png) in alto a sinistra no-repeat;}
.social_bookmarks .iconfacebook:hover{background-position:center -77px; background-color: #37589b; }
.social_bookmarks .icontwitter:hover {background-position:center -77px; colore di sfondo: #46d4fe ;}
.social_bookmarks .icongplus:hover {posizione di sfondo:centro -77px; colore di sfondo: #de5a49 ;}
.social_bookmarks .iconrss:hover{posizione di sfondo:centro -77px; background-color: #ff6600 ;}
.social_bookmarks li:hover a{background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXl3v0GbEqIl9AYJLAlJb-bnAW4NBZaJtkJjZpuGZmWoe4qpGm2vj _5MKrqtDitgLlujjGO6HW_O-0PR_FG__iVHnBbDfqyj44j7NQgJ_hDpEWqF7eYEYVje1t0P0Jw5CtSziDWYevQMnh/s0/icon-social-reflect.png) no-repeat;
}
</style>
<div class='social_bookmarks_container'>
<ul class='social_bookmarks'>
<li class='iconrss'>
<a href='/atom.xml'>
RSS
</a>
</li>
<li class='icontwitter'> <a href='http://twitter.com/ utente '>
Twitter </a> </li> <li class='iconfacebook'> <a href='http://facebook.com/ utente '> Facebook </a> </li> <li class='icongplus'> <a href='http://plus.google.com/+ utente /about'> Google Plus </a> </li> </ul> </div>

Facile e veloce, vero? Tutto quello che resta da fare è inserire i tuoi nomi utente per ogni social network dove indicato in rosso .
Nella prima versione, dovrai inserire il nome del tuo feed Feedburner dove indicato e, naturalmente, abilitare le iscrizioni via email in Feedburner .

E se i colori non ti piacciono, puoi anche cambiarli. I codici esadecimali in grassetto sono i colori normali, mentre quelli in arancione sono i colori che si attivano al passaggio del mouse.
E questo è tutto.

fonte

Collega più tag di Blogger in un unico collegamento

2026-01-24T14:23:00.000+01:00

Questo post è breve, ma non per questo meno utile. Vediamo come collegare più tag del blog in un unico link . In altre parole, cliccando su un link verranno visualizzati i post di entrambi i tag, anche se non condividono lo stesso tag.

Ad esempio, il seguente link mostrerà post su AdSense, Generatori e App:

Apri il collegamento

Come abbiamo fatto? Semplice, basta usare questo URL nei tuoi menu o dove vuoi:

http:// nome-del-mio-blog .blogspot.com/search/?q=label: Etichetta1 |etichetta: Etichetta2

Qui devi cambiare il nome del tuo blog e aggiungere i tag che vuoi che appaiano nello stesso risultato.
Se vuoi aggiungere altri tag, aggiungi semplicemente questo alla fine dell'URL: |label: Tag3
Ecco come apparirebbe se aggiungessi 3 tag:

http:// nome-del-mio-blog .blogspot.com/search/?q=label: Etichetta1 |etichetta: Etichetta2 |etichetta: Etichetta3

Nella maggior parte dei blog, questo non sarà un problema, tuttavia, in alcuni casi (non so perché) non funzionerà se i tag contengono spazi, accenti o caratteri speciali.
Se vuoi sapere come collegare un solo tag nel tuo menu, visita il seguente link:
Come creare un menu di categoria per il tuo blog.

Fonte

Personalizza i link dei commenti di Blogger (Rispondi, Elimina, Risposte, Aggiungi commento e Carica altro)

2026-01-17T14:17:00.000+01:00

In questo post vedremo come personalizzare i link per i commenti nidificati , ovvero i link Rispondi, Elimina, Risposte, Aggiungi commento e Carica altro .

Molti modelli trascurano questi collegamenti e talvolta sono appena visibili. Se vuoi evidenziarli o decorarli, in questo post scoprirai come fare.

Ho preparato 5 stili diversi da copiare e incollare, ma naturalmente puoi modificarli e personalizzarli a tuo piacimento.

Per aggiungere uno qualsiasi di questi 5 design, vai su Template | HTML Edit e incolla il codice per gli stili che preferisci prima ]]></b:skin> .

/* Collegamenti ai commenti
----------------------------------------------- */
.comments .comment .comment-actions a, .comments .thread-toggle a, .comments .continue a, .comments .comments-content .loadmore a {
width: 100%;
display: inline;
color: #666; /* Colore del collegamento */
background: #f5f5f5; /* Colore dello sfondo */
border-left: 2px solid #009ecf; /* Colore del bordo sinistro */
border-radius: 10px; /* Bordo arrotondato */
text-decoration: none;
padding: 4px 8px;
margin-right: 5px;
white-space: nowrap;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
font-family: Arial;
}
.comments .continue {border-top:none}
.comments .comment .comment-actions a:hover, .comments .thread-toggle a:hover, .comments .continue a:hover {
text-decoration:none;
position:relative;
top: 1px;
left: 1px;
}
.comments .comments-content .loadmore a {
display:block;
text-align: center;
font-size: 26px;
font-weight: normal;
font-family: Arial;
margin-right:auto;
margin-left:auto;
margin-top:0px;
max-width:180px;
}

/* Collegamenti ai commenti
----------------------------------------------- */
.comments .comment .comment-actions a, .comments .thread-toggle a, .comments .continue a, .comments .comments-content .loadmore a {
width: 100%;
display: inline;
color: #fff; /* Colore del collegamento */
background: #009ecf; /* Colore dello sfondo */
border-radius: 2px; /* Bordo arrotondato */
text-decoration: none;
padding: 3px 6px;
margin-right: 5px;
white-space: nowrap;
vertical-align: middle;
font-size: 11px;
font-weight: normal;
font-family: Arial;
}
.comments .continue {border-top:none}
.comments .comment .comment-actions a:hover, .comments .thread-toggle a:hover, .comments .continue a:hover {
text-decoration:none;
position:relative;
top: 1px;
left: 1px;
}
.comments .comments-content .loadmore a {
display:block;
text-align: center;
font-size: 22px;
font-weight: bold;
font-family: Arial;
margin-right:auto;
margin-left:auto;
margin-top:0px;
max-width:180px;
}

/* Collegamenti ai commenti
----------------------------------------------- */
.comments .comment .comment-actions a, .comments .thread-toggle a, .comments .continue a, .comments .comments-content .loadmore a {
width: 100%;
display: inline;
color: #777; /* Colore del collegamento */
/* Sfondo sfumato */
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eded), color-stop(1, #d6d6d6) );
background:-moz-linear-gradient( center top, #eded 5%, #d6d6d6 100% );

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#d6d6d6');
background-color:#eded; /* Colore di sfondo */
border:1px solid #d6d6d6; /* Colore del bordo */
border-radius: 4px; /* Bordo arrotondato */
box-shadow:inset 0px 0px 3px 0px #fff;
text-shadow:1px 1px 0px #fff;
text-decoration: none;
padding: 3px 7px;
margin-right: 5px;
white-space: nowrap;
vertical-align: middle;
font-size: 11px;
font-weight: normal;
font-family: Arial;
}
.comments .continue {border-top:none}
.comments .comment .comment-actions a:hover, .comments .thread-toggle a:hover, .comments .continue a:hover {
text-decoration:none;
position:relative;
top: 1px;
left: 1px;
}
.comments .comments-content .loadmore a {
display:block;
text-align: center;
font-size: 24px;
font-weight: bold;
font-family: Arial;
margin-right:auto;
margin-left:auto;
margin-top:0px;
max-width:180px;
}

/* Collegamenti ai commenti
----------------------------------------------- */
.comments .comment .comment-actions a, .comments .thread-toggle a, .comments .continue a, .comments .comments-content .loadmore a {
width: 100%;
display: inline;
color: #fff; /* Colore del collegamento */
background-color:#ff5bb0; /* Colore dello sfondo */
border:1px solid #ee1eb5; /* Colore del bordo */
border-top-left-radius:37px; /* Bordo arrotondato */
border-top-right-radius:0px;
border-bottom-right-radius:37px; /* Bordo arrotondato */
border-bottom-left-radius:0px;
text-decoration: none;
padding: 3px 12px;
margin-right: 5px;
white-space: nowrap;
vertical-align: middle;
font-family:Times New Roman;
font-size:13px;
font-weight:bold;
font-style:italic;
}
.comments .continue {border-top:none}
.comments .comment .comment-actions a:hover, .comments .thread-toggle a:hover, .comments .continue a:hover {
text-decoration:none;
position:relative;
top: 1px;
left: 1px;
}
.comments .comments-content .loadmore a {
display:block;
text-align: center;
font-family:Times New Roman;
font-size:24px;
font-weight:bold;
font-style:italic;
margin-right:auto;
margin-left:auto;
margin-top:0px;
max-width:180px;
}

/* Collegamenti ai commenti
----------------------------------------------- */
.comments .comment .comment-actions a, .comments .thread-toggle a, .comments .continue a, .comments .comments-content .loadmore a {
width: 100%;
display: inline;
color: #fff; /* Colore del collegamento */
/* Colore del collegamento */
background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
background-color:#fe1a00; /* Colore di sfondo */
border:1px solid #d83526; /* Colore del bordo */
border-radius:4px; /* Bordo arrotondato */
box-shadow: 0px 10px 14px -7px #f29c93;
text-decoration: none;
text-shadow:0px 1px 0px #b23e35;
padding: 5px 9px;
margin-right: 5px;
white-space: nowrap;
vertical-align: middle;
font-family:Times New Roman;
font-size:13px;
font-weight:bold;
font-style:italic;
}
.comments .continue {border-top:none}
.comments .comment .comment-actions a:hover, .comments .thread-toggle a:hover, .comments .continue a:hover {
text-decoration:none;
position:relative;
top: 1px;
left: 1px;
}
.comments .comments-content .loadmore a {
display:block;
text-align: center;
dimensione carattere: 24px;
peso carattere: grassetto;
famiglia carattere: Arial;
margine destro:auto;
margine sinistro:auto;
margine superiore:0px;
larghezza massima:180px;
}

All'interno dei codici vedrai in verde dove potrai modificare gli stili principali.

In ogni caso, i pulsanti avranno un effetto "spinta" quando il cursore del mouse passa sopra di essi. Se desideri aggiungere altri stili al passaggio del mouse, puoi farlo aggiungendo gli stili seguenti:

.commenti .commento .commento-azioni a:hover, .commenti .thread-toggle a:hover, .commenti .continua a:hover {

Qui puoi cambiare tutto ciò che vuoi, che si tratti del colore dello sfondo, del colore del testo, ecc.

Se desideri personalizzare ogni link singolarmente, puoi farlo. Ad esempio, se desideri solo i link " Rispondi " ed " Elimina " (ricorda che il link "Elimina" è visibile solo agli amministratori del blog), puoi farlo in questo modo:

.comments .comment .comment-actions a {
... Qui gli stili ...
}

Per il link " Risposte " sarebbe così:

.comments .thread-toggle a {
... Ecco gli stili ...
}

Per il link " Aggiungi commento " sarebbe così:

.commenti .continua a {
... Qui gli stili ...
}

E per il link " Carica altro " come questo:

.comments .comments-content .loadmore a {
... Ecco gli stili ...
}

In questo modo semplice possiamo personalizzare quei piccoli dettagli del modello a cui spesso non prestiamo la massima attenzione, ma che sono una parte importante per chi vuole attirare commentatori sul proprio blog.

fonte

Disabilita il clic destro con messaggio a schermo intero

2026-01-10T14:17:00.000+01:00

Sebbene abbiamo già visto un paio di metodi per bloccare il tasto destro del mouse, abbiamo anche ripetuto innumerevoli volte che nessun metodo è efficace al 100%; tutti presentano qualche vulnerabilità.
Quello che esamineremo di seguito non fa eccezione, ma ho pensato che fosse abbastanza interessante da condividerlo. Si tratta di uno script che si attiva quando si preme il tasto destro del mouse e visualizza un messaggio su tutta la finestra del browser.

Puoi vedere l'esempio proprio qui: se fai clic con il tasto destro vedrai apparire un messaggio nell'intera finestra del browser, che verrà nascosto quando cliccherai di nuovo.

L'installazione è così semplice che richiede un solo passaggio: vai su Modello | Modifica HTML e incolla quanto segue prima di </body> . Usa i tasti CTRL + C per copiare il codice.

l colore (F1F1F1)è il colore di sfondo; puoi cambiarlo a tuo piacimento. E il colore blu è l'immagine che apparirà al centro. Semplice, vero?

L'ho già accennato all'inizio, ma vale la pena ricordare che nessun metodo è infallibile, quindi consideriamo questa curiosità più come una decorazione per il blog che come una misura di sicurezza.
È possibile personalizzarlo ulteriormente? La verità è che no. Una cosa che avrei gradito è che l'autore avesse lasciato il codice non crittografato, in modo da poter apportare altre modifiche. Sto pensando, ad esempio, che avremmo potuto aggiungere icone dei social media con i rispettivi link, o qualsiasi altra cosa ci venisse in mente, per sfruttare al meglio questo script, ma per ora non sarà possibile.

Tramite | DickeyMaru
https://drive.google.com/file/d/0B1sh31bxfVkGV2dPRWR2MnZlS1E/view?usp=sharing

Google presenta il nuovo logo di Search Console con design analitico e lente d'ingrandimento

2026-01-03T19:47:00.000+01:00

Google ha introdotto un nuovo logo per Search Console, che sostituisce la tradizionale icona a forma di cassetta degli attrezzi. Il design aggiornato incorpora un grafico a barre che simboleggia la missione di aiutare editori e creatori a crescere su Google, insieme a una lente di ingrandimento che rappresenta l'identificazione dei problemi e delle opportunità del sito. Il logo è in linea con il marchio Google, essendo divertente e colorato.

Il 21 luglio 2025, Google ha sostituito la vecchia icona della cassetta degli attrezzi con un design moderno che combina un grafico a barre per riflettere l'analisi delle prestazioni e una lente di ingrandimento per simboleggiare l'individuazione di opportunità e problemi nel tuo sito. È stata aggiunta una funzione di confronto orario nella Search Console (ultime 24 ore vs stesso giorno della settimana precedente) e l'API ora include indicatori di dati per migliorare il monitoraggio delle prestazioni web.

Google introduce nuove funzionalità della modalità AI nella ricerca

2025-12-27T19:42:00.000+01:00

Google introduce nuove funzionalità della modalità AI nella ricerca per il rientro a scuola, tra cui Canvas per la pianificazione, Search Live con video e caricamento di PDF. Gli utenti possono porre domande complesse su immagini e PDF dal desktop, organizzare piani di studio con Canvas e ottenere assistenza in tempo reale tramite Search Live integrato con Google Lens. I prossimi aggiornamenti supporteranno più tipi di file e miglioreranno la navigazione con approfondimenti AI in Chrome.

Google introduce nuove funzionalità della modalità AI nella ricerca per il rientro a scuola
La modalità AI nella ricerca Google viene migliorata con nuove funzionalità proprio in tempo per il rientro a scuola, con l'obiettivo di aiutare studenti, genitori e insegnanti a esplorare domande complesse e accedere a informazioni di alta qualità.

Interazione con immagini e PDF
La modalità AI, precedentemente disponibile sui dispositivi mobili per porre domande sulle immagini, viene ora lanciata sui browser desktop. Presto gli utenti potranno caricare file PDF su desktop per porre domande dettagliate, consentendo una comprensione più approfondita di documenti come le diapositive delle lezioni. La modalità AI analizza il contenuto e lo incrocia con le informazioni web per fornire risposte con link utili. I futuri aggiornamenti supporteranno più tipi di file, inclusi i file di Google Drive.

Canvas per la pianificazione e l'organizzazione
La nuova funzione Canvas aiuta gli utenti a creare e organizzare piani su più sessioni in un d

Tradotto con DeepL.com (versione gratuita)

Suoni natalizi all'ingresso del blog

2025-12-20T19:45:00.000+01:00

Con il passare dei giorni lo spirito natalizio si fa sempre più sentire, ed è per questo che in questo periodo cerchiamo di allestire il blog con qualche decorazione natalizia, così da poter creare l'atmosfera natalizia necessaria per il periodo delle feste.

È il caso di ciò che vedremo in questo post: un piccolo codice che riproduce un suono natalizio quando accediamo al blog.
Ci sono sette brevi suoni, tra cui la famosa risata di Babbo Natale e alcune melodie rappresentative. Potete vedere la demo su questo blog di prova . Quando entrate, sentirete un suono e, ricaricando la pagina, un altro suono verrà riprodotto in modo casuale.

Per aggiungere questi suoni natalizi al tuo blog , vai su Modello | Modifica HTML e incolla il seguente codice prima di </body> :

Salva le modifiche e il gioco è fatto. Ricorda che i suoni vengono riprodotti in modo casuale, quindi non preoccuparti se ne senti uno ripetuto più volte.

Google conferma che la SEO tradizionale funziona per ottenere un posizionamento nelle panoramiche AI.

2025-12-20T19:37:00.000+01:00

All'evento Google Search Live Deep Dive, Gary Illyes ha affermato che non è necessario implementare tecniche come GEO, LLMO o strategie di intelligenza artificiale specifiche per apparire nelle panoramiche AI. È sufficiente applicare le pratiche SEO classiche e ben eseguite: contenuti ottimizzati, struttura chiara, autorevolezza e pertinenza tematica. In altre parole, ciò che già funziona nella SEO è valido anche per il posizionamento delle pagine in questi nuovi riquadri di riepilogo di Google.

Gary Illyes di Google ha affermato ieri all'evento Google Search Live Deep Dive che non è necessario eseguire GEO, LLMO o altro per comparire nelle panoramiche di Google AI, ma è sufficiente eseguire la normale SEO.

Kenichi Suzuki era presente all'evento e ha citato Gary Illyes, che ha pubblicato su LinkedIn : "Per far apparire i tuoi contenuti in AI Overview, basta usare le normali pratiche SEO. Non hai bisogno di GEO, LLMO o altro". Ha anche condiviso la foto qui sopra.

Naturalmente, per molti di voi è ovvio: come ha detto Glenn Gabe su X , "Sì, questo è ovvio per molti, ma sono contento che abbia deciso di dirlo". Infatti.

C'è anche questa bella foto di Gary all'evento di ieri:

Quindi continua a fare SEO se vuoi comparire in questi riepiloghi basati sull'intelligenza artificiale. Se genereranno clic, questa è un'altra storia .

Kenichi Suzuki ha anche pubblicato un riassunto dell'evento su LinkedIn , scrivendo:

Discussione del forum su LinkedIn .

Aggiornamento: John Mueller cita più tardi Gary Illyes:

Cursore del blog con motivi natalizi

2025-12-13T20:09:00.000+01:00

Questa è la scusa perfetta per infastidire il Grinch con questo cursore che, quando viene mosso, emette motivi natalizi.
Palline, pupazzi di neve, stivali e regali sono alcune delle piccole immagini che appaiono sul blog quando si muove questo cursore.

Potete vedere la demo proprio qui. Muovendo il cursore, appariranno oggetti natalizi che scompaiono in modo discreto. Ancora una volta, il team di Giffy
è responsabile di questa funzionalità , che darà al vostro blog quel tocco natalizio che già si respira nell'aria.

Per aggiungere questo slider a tema natalizio al tuo blog, vai su Modello | Modifica HTML e incolla il seguente codice prima di </body> :

<div style='display:none'><script type="text/javascript" src="http://blogparts.giffy.me/0035/parts.js"></script><p style="text-align: center;margin:0;padding:0;"><a href="http://giffy.me/"><img style="border:0;" src="http://blogparts.giffy.me/0035/parts.png" alt="クリスマスの足跡ブログパーツ" /></a></p><p style="text-align:center;font-size:12px;margin:10px 0 0 0;padding:0;">[PR] <a href="http://typing.twi1.me/" rel="nofollow">無料で面白タイピング!</a></p></div>

Salva le modifiche e il gioco è fatto. Una volta passato lo spirito natalizio, elimina il codice e il cursore scomparirà.
Se cerchi qualcosa di più discreto, potrebbero interessarti questi cursori natalizi .

fonte

Guida introduttiva all'utilizzo di Calendar: come rispondere a inviti a eventi

2025-11-29T17:10:00.000+01:00

Rispondere a un invito

Gli inviti per gli eventi che ricevi vengono visualizzato sul tuo calendario. Se ti iscrivi alle notifiche email, ricevi gli inviti anche via email. Se utilizzi Gmail, puoi rispondere all'invito direttamente dall'email.

Apri l'email di invito o l'evento nel tuo calendario.
Fai clic su Sì, No o Forse.
Se fai clic su "Sì", puoi:
- Aggiornare automaticamente il modo in cui partecipi alla riunione. Se imposti il tuo luogo di lavoro, la risposta predefinita è:
  - Sì, in una stanza, quando partecipi da un ufficio.
  - Sì, partecipazione virtuale, quando partecipi da un altro luogo.
- Aggiornare manualmente il modo in cui partecipi alla riunione. Fai clic sulla freccia rivolta verso il basso , quindi seleziona il metodo di partecipazione.

Rispondere a un invito inoltrato

Gli invitati possono inoltrare il link della riunione ad altre persone. Se una persona che non è stata invitata chiede di partecipare all'evento di Calendar, la sua richiesta deve essere approvata da un partecipante alla riunione. Se ricevi un invito inoltrato via email, puoi rispondere dall'email.

In Gmail, posiziona il cursore del mouse sull'email e fai clic su Rispondi.

Fai clic sulla tua risposta.

Proporre o rivedere i nuovi orari delle riunioni

Gli invitati possono proporre un nuovo orario per la riunione, che l'organizzatore può esaminare ed eventualmente accettare.

Proporre un nuovo orario (come partecipante)

Nel tuo calendario, fai clic sull'evento.
Accanto a "Forse", fai clic sulla Freccia giù Proponi un nuovo orario.
Seleziona un altro orario o giorno.
Suggerimento: puoi anche aggiungere un messaggio all'ora proposta.
Fai clic su Invia proposta.

Nota: se l'organizzatore dell'evento ti ha autorizzato ad accedere per modificare gli eventi, puoi riprogrammarli direttamente senza proporre un nuovo orario

Rivedere gli orari proposti (come organizzatore)

Sul calendario, fai clic su un evento con l'icona a forma di orologio.
Nella sezione "Invitati ", trova gli orari suggeriti.
Fai clic su Rivedi orario proposto.
Per modificare l'evento adottando l'orario proposto, fai clic su Salva.

Come funzionano gli orari proposti

Le proposte vengono disattivate per gli eventi con oltre 200 invitati e per gli eventi che durano tutto il giorno. Ulteriori informazioni sugli eventi per gruppi di grandi dimensioni.
Tutti gli invitati possono proporre un nuovo orario. Gli organizzatori non possono proporre un nuovo orario.
Su un computer, nelle impostazioni di Google Calendar, se gli organizzatori attivano l'impostazione "Risposte a eventi" ricevono notifiche email per le proposte.

Personalizzare le notifiche per un evento

Per un evento importante che non vuoi perdere, personalizza la modalità di ricezione delle notifiche solo per quell'evento:

Apri Google Calendar.
Fai clic sull'evento Modifica evento .
Accanto a Notifiche :
- Per modificare le notifiche: scegli se vuoi ricevere una notifica o un'email. Puoi modificare la frequenza con cui ricevere gli avvisi in anticipo.
- Per aggiungere un altro tipo di notifica: fai clic su Aggiungi notifica.
- Per rimuovere una notifica: fai clic su Rimuovi .
Fai clic su Salva nella parte superiore della pagina.

Suggerimento: puoi scegliere di ricevere notifiche via email, avvisi sul desktop o entrambi. Le modifiche che apporti non hanno effetto sugli altri invitati all'evento.

Guida introduttiva all'utilizzo di Calendar: come programmare un evento con i colleghi

2025-11-22T17:08:00.000+01:00

Creare un evento

Programmare l'evento e aggiungere invitati

Sul computer, apri Google Calendar.
(Facoltativo) Per aggiungere invitati al tuo evento, a sinistra fai clic su Cerca persone e inizia a digitare i nomi degli invitati.
Fai clic su qualsiasi orario a cui non sia ancora associato un evento programmato nel calendario.
Aggiungi all'evento un titolo e altri eventuali dettagli.
Fai clic su Salva.

Suggerimento: per creare un evento di durata maggiore, trascina il mouse verso il basso della pagina mentre selezioni l'ora.

Confrontare i calendari degli invitati per trovare un orario

Puoi visualizzare i calendari degli invitati uno accanto all'altro quando crei un evento, per individuare un orario in cui tutti sono disponibili:

Vai a Impostazioni ImpostazioniOpzioni di visualizzazioneseleziona la casella Visualizza i calendari affiancati nella visualizzazione Giorno.
Quando crei un evento e aggiungi invitati, imposta Calendar sulla visualizzazione Giorno.

Esistono molti altri modi per creare eventi. Per saperne di più, visita il Centro assistenza Google Calendar

Aggiungere una stanza a un evento

Puoi utilizzare questa funzionalità solo se è supportata dalla tua organizzazione. Per assistenza, contatta il tuo amministratore.

Importante: se non puoi aggiungere una stanza a un evento, Google Calendar potrebbe suggerire una scorciatoia per creare un evento duplicato in cui puoi prenotare una stanza. Questa scorciatoia consente di creare un singolo evento, senza invitati.

Sul computer, apri Google Calendar.
Crea un nuovo evento o aprine uno esistente.
- Per modificare un evento esistente, fai clic su Modifica evento .
Se il tuo account fa parte di un'organizzazione con stanze, fai clic su Stanze.
- In base a chi inviti puoi scegliere una delle sale consigliate o cercarne una nuova.
- Fai clic sulle sale o sulle risorse che vuoi aggiungere.
Fai clic su Salva.

Suggerimenti:

Puoi prenotare più di una stanza per un evento.
Se sei un amministratore, puoi aggiungere nuove stanze e risorse nella Console di amministrazione Google.

Allegare un'agenda

Calendar può creare un'agenda per te oppure puoi allegare un'agenda esistente al tuo evento.

Creare un'agenda per un nuovo evento

Apri Google Calendar sul computer.
Crea un evento.
(Facoltativo) Inserisci il titolo, l'orario, gli invitati e altri dettagli.
Fai clic su Aggiungi descrizione o allegati Crea note sulla riunione Salva.
- Le note sulla riunione, precompilate con i dettagli dell'evento, sono allegate all'evento e condivise con i tuoi invitati, inclusi quelli esterni all'organizzazione.

Creare o allegare un'agenda a un evento esistente

Sul computer, apri Google Calendar.
Seleziona un'opzione:
- Fai clic su un evento Crea note sulla riunione.
  All'evento vengono allegate le note sulla riunione precompilate con i dettagli dell'evento.
- Fai clic su un evento Menu Allega un documento.
  Le note sulla riunione selezionate vengono allegate all'evento.
Le note sulla riunione si aprono in una nuova finestra. A destra, fai clic su Condividi.

Suggerimento: se l'amministratore non consente la condivisione di file di Google Drive all'esterno dell'organizzazione, puoi utilizzare Gmail per inviare i file come allegati agli invitati esterni.

Per saperne di più, visita il Centro assistenza Google Calendar

Aggiungere una videoconferenza

Puoi utilizzare questa funzionalità solo se è supportata dalla tua organizzazione. Per assistenza, contatta il tuo amministratore.

Sul computer, apri Google Calendar.
Crea un evento o aprine uno esistente a cui hai accesso in modifica.
- Per i nuovi eventi, fai clic su Altre opzioni.
- Per gli eventi esistenti, fai clic su Modifica .
Nell'evento, individua il campo delle conferenze.
- Per rimuovere una videoconferenza esistente, fai clic su Rimuovi .
- Per aggiungere una nuova conferenza, fai clic su Aggiungi videoconferenza di Google Meet.
  Suggerimento: per assicurarti di non partecipare a una riunione con un codice scaduto e per pianificare meglio le riunioni che creerai in futuro, verifica la scadenza dei codici riunione. Scopri di più sui codici riunione di Google Meet.
- Se hai installato un componente aggiuntivo per conferenze da Google Workspace Marketplace, seleziona il fornitore di servizi di conferenza dal menu a discesa "Aggiungi conferenza". Scopri come installare un componente aggiuntivo da Marketplace.
Fai clic su Salva.

Invitare altre persone a un evento

Sul computer, apri Google Calendar.
Fai clic su un evento Modifica evento .
A destra, nella sezione "Invitati", inizia a digitare il nome della persona e scegline una dai tuoi contatti. Puoi anche digitare un indirizzo email per invitare persone che non sono presenti nel tuo elenco contatti.
- Per contrassegnare una persona come facoltativa, fai clic su Segna come facoltativo accanto al suo nome.
  - Se non vedi l'icona, passa il mouse sopra il nome.
Dopo aver modificato l'evento, fai clic su Salva.

Non puoi aggiungere persone agli eventi creati automaticamente da Gmail e nemmeno a compleanni, festività ed eventi nei calendari sportivi.

Per informazioni dettagliate su come invitare un gruppo di grandi dimensioni, visita il Centro assistenza Google Calendar

Annullare o ripristinare un evento

Eliminare un evento per annullarlo

Se crei un evento, puoi eliminarlo. In questo modo, l'evento viene rimosso dal tuo calendario e da quelli di tutti gli altri invitati.

Sul computer, apri Google Calendar.
Fai clic sull'evento da eliminare.
Fai clic su Elimina evento .

Ripristinare un evento

Hai circa 30 giorni di tempo per ripristinare un evento che hai eliminato per errore.

Apri Google Calendar.
In alto a destra, fai clic sul menu Impostazioni Cestino. Troverai gli eventi eliminati da questo calendario.
- Per ripristinare un singolo evento, fai clic su Ripristina accanto all'evento.
- Per ripristinare gli eventi selezionati, fai clic su Ripristina tutti gli elementi selezionati sopra l'elenco.

Guida introduttiva all'utilizzo di Calendar: Come configurare il calendario per Google Workspace

2025-11-15T17:07:00.000+01:00

Eseguire la migrazione dei vecchi calendari

Dove erano i tuoi calendari prima?

Microsoft Outlook

Vedi Google Workspace Migration for Microsoft Outlook (GWMMO).

Altre applicazioni di calendario o Account Google

Imposta le opzioni di importazione in Calendar. Per maggiori dettagli, vedi Importare eventi in Google Calendar.

Personalizzare la settimana lavorativa

Scegli il numero di giorni da visualizzare

La nuova visualizzazione selezionata diventa quella predefinita finché non viene modificata.

Sul computer, apri Google Calendar.
In alto a destra, scegli una visualizzazione: Giorno, Settimana, Mese, Anno, Programmazione o 4 giorni.

Personalizzare ulteriormente la visualizzazione del calendario

Scegli in quale giorno della settimana inizia il calendario, imposta una visualizzazione personalizzata e utilizza un calendario alternativo.

Sul computer, apri Google Calendar.
Nell'angolo in alto a destra, fai clic su Impostazioni Impostazioni.
A sinistra, fai clic su Opzioni di visualizzazione.
Scegli le tue impostazioni. Le modifiche vengono salvate automaticamente.

Importante: i calendari affiancati non funzionano per la visualizzazione settimanale o mensile in Google Calendar.

Impostare l'orario di lavoro

Se preferisci non ricevere inviti a eventi programmati al di fuori del tuo orario di lavoro, puoi modificare le tue impostazioni di Google Calendar in modo che gli organizzatori sappiano che devono riprogrammare l'evento per un momento più opportuno.

Puoi utilizzare orario di lavoro e disponibilità se il tuo account è un account di lavoro o della scuola. Se non vedi l'opzione relativa all'orario o al luogo di lavoro, è possibile che sia stata disattivata per la tua organizzazione dall'amministratore. Chi è il mio amministratore?

Sul computer, apri Google Calendar.
In alto a destra, fai clic su Impostazioni Impostazioni.
A sinistra, nella sezione "Generali", fai clic su Orario di lavoro.
- Suggerimento: se l'amministratore ha attivato il luogo di lavoro, fai clic su Orario e luogo di lavoro. Scopri di più sull'amministratore.
Nella sezione "Orario di lavoro", fai clic su Abilita orario di lavoro.
Seleziona i giorni in cui lavori gli orari in cui lavori.
Puoi suddividere gli orari in cui lavori in base a quando sei disponibile.
- Per aggiungere più di un periodo di tempo alla tua giornata di lavoro, fai clic su Aggiungi accanto a un giorno della settimana.
- Per rimuovere un periodo di tempo, fai clic su Rimuovi .

Suggerimento: quando aggiungi l'orario di lavoro, l'ora di inizio deve precedere l'ora di fine.

Calendar potrebbe suggerire orari di lavoro basati sul tuo fuso orario, sui modelli di lavoro nel tuo paese e sulla tua pianificazione. Puoi accettare, rifiutare o modificare questi suggerimenti. Scopri di più su Calendar in fusi orari diversi.

Impostare il luogo di lavoro

Fai sapere alle persone in quali giorni sei in ufficio e quando lavori da remoto.

Specificare il luogo di lavoro

Sul computer, apri Google Calendar.
In alto a destra, fai clic su Impostazioni Impostazioni.
A sinistra, nella sezione "Impostazioni generali", fai clic su Orario e luogo di lavoro.
Seleziona i giorni in cui lavori. Se il tuo calendario mostra l'orario di lavoro, questo è già selezionato.
Accanto a ogni giorno, inserisci un luogo di lavoro esistente o creane uno nuovo.

Suggerimento: per modificare il luogo di lavoro, vai a un giorno specifico nel calendario e fai clic sulla barra del luogo. Puoi applicare la modifica a quel giorno specifico o impostarla in modo che si ripeta ogni settimana.

Scoprire di più sul luogo di lavoro

Quando condividi il tuo calendario con qualcuno, questa persona può visualizzare il tuo luogo di lavoro.
Per coordinare gli orari di ufficio con altre persone, l'amministratore potrebbe chiederti di impostare il tuo luogo di lavoro. In questo caso, la richiesta verrà visualizzata in un banner giallo nella parte superiore del calendario.
Se disponi dell'accesso "Apportare modifiche e gestire opzioni di condivisione" a un calendario, puoi modificare il luogo di lavoro predefinito. Scopri di più sulle impostazioni di autorizzazione per i calendari condivisi.

Gestire le notifiche degli eventi

Impostare le preferenze per tutti i tuoi calendari

In Calendar, fai clic su Impostazioni Impostazioni.
A sinistra, nella sezione Generali, fai clic su Impostazioni di notifica.
Fai clic su Notifiche e seleziona un'opzione:
- Off
- Notifiche desktop
- Avvisi
Per impostare un suono per le notifiche in arrivo, seleziona la casella Riproduci suoni di notifica. (facoltativo)
Per gestire le notifiche, sulla sinistra, fai clic sul tuo calendarioAltre notifiche. (facoltativo)
Accanto a ciascuna opzione, fai clic sulla freccia Giù e seleziona Nessuna o Email.

Modificare le preferenze per un solo calendario

Puoi modificare le preferenze di notifica per i calendari specifici di cui sei il proprietario.

Apri Google Calendar.
In alto a destra fai clic su Impostazioni Impostazioni.
A sinistra, nella sezione "Impostazioni per i miei calendari", fai clic sul calendario che vuoi modificare Impostazioni calendario.
Nella sezione "Notifiche di eventi" e "Notifiche eventi tutto il giorno":
- Per modificare le notifiche: scegli se vuoi ricevere una notifica o un'email. Puoi modificare la frequenza con cui ricevere gli avvisi in anticipo.
- Per aggiungere un altro tipo di notifica: fai clic su Aggiungi notifica.
- Per rimuovere una notifica: fai clic su Rimuovi notifica .

Per saperne di più, visita il Centro assistenza Google Calendar

Personalizza i link dei commenti di Blogger (Rispondi, Elimina, Risposte, Aggiungi commento e Carica altro)

2025-11-10T21:20:00.000+01:00

In questo post vedremo come personalizzare i link per i commenti nidificati , ovvero i link Rispondi, Elimina, Risposte, Aggiungi commento e Carica altro .

Molti modelli trascurano questi collegamenti e talvolta sono appena visibili. Se vuoi evidenziarli o decorarli, in questo post scoprirai come fare.

Ho preparato 5 stili diversi da copiare e incollare, ma naturalmente puoi modificarli e personalizzarli a tuo piacimento.

Per aggiungere uno qualsiasi di questi 5 design, vai su Template | HTML Edit e incolla il codice per gli stili che preferisci prima ]]></b:skin> .

/* Collegamenti ai commenti
---------------------------------------------------------- */
.comments .comment .comment-actions a, .comments .thread-toggle a, .comments .continue a, .comments .comments-content .loadmore a {
width: 100%;
display: inline;
color: #666; /* Colore del collegamento */
background: #f5f5f5; /* Colore dello sfondo */
border-left: 2px solid #009ecf; /* Colore del bordo sinistro */
border-radius: 10px; /* Bordo arrotondato */
text-decoration: none;
padding: 4px 8px;
margin-right: 5px;
white-space: nowrap;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
font-family: Arial;
}
.comments .continue {border-top:none}
.comments .comment .comment-actions a:hover, .comments .thread-toggle a:hover, .comments .continue a:hover {
text-decoration:none;
position:relative;
top: 1px;
left: 1px;
}
.comments .comments-content .loadmore a {
display:block;
text-align: center;
font-size: 26px;
font-weight: normal;
font-family: Arial;
margin-right:auto;
margin-left:auto;
margin-top:0px;
max-width:180px;
}

/* Collegamenti ai commenti
---------------------------------------------------------- */
.comments .comment .comment-actions a, .comments .thread-toggle a, .comments .continue a, .comments .comments-content .loadmore a {
width: 100%;
display: inline;
color: #777; /* Colore del collegamento */
/* Sfondo sfumato */
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #d6d6d6) );
background:-moz-linear-gradient( center top, #ededed 5%, #d6d6d6 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#d6d6d6');
background-color:#eded; /* Colore di sfondo */
bordo:1px solido #d6d6d6; /* Colore del bordo */
bordo-radius: 4px; /* Bordo arrotondato */
box-shadow:inset 0px 0px 3px 0px #fff;
ombra del testo:1px 1px 0px #fff;
decorazione del testo: none;
padding: 3px 7px;
margine destro: 5px;
spazio bianco: nowrap;
allineamento verticale: centrale;
dimensione del carattere: 11px;
peso del carattere: normale;
famiglia di caratteri: Arial;
}
.comments .continue {border-top:none}
.comments .comment .comment-actions a:hover, .comments .thread-toggle a:hover, .comments .continue a:hover {
text-decoration:none;
posizione: relativa;
superiore: 1px;
sinistra: 1px;
}
.comments .comments-content .loadmore a {
display:block;
text-align: center;
font-size: 24px;
font-weight: bold;
font-family: Arial;
margin-right:auto;
margin-left:auto;
margin-top:0px;
max-width:180px;
}

/* Collegamenti ai commenti
----------------------------------------------- */
.comments .comment .comment-actions a, .comments .thread-toggle a, .comments .continue a, .comments .comments-content .loadmore a {
width: 100%;
display: inline;
color: #fff; /* Colore del collegamento */
background-color:#ff5bb0; /* Colore di sfondo */
border:1px solid #ee1eb5; /* Colore del bordo */
border-top-left-radius:37px; /* Bordo arrotondato */
border-top-right-radius:0px;
border-bottom-right-radius:37px; /* Bordo arrotondato */
border-bottom-left-radius:0px;
text-decoration: none;
padding: 3px 12px;
margin-right: 5px;
white-space: nowrap;
vertical-align: middle;
font-family:Times New Roman;
font-size:13px;
font-weight:bold;
font-style:italic;
}
.comments .continue {border-top:none}
.comments .comment .comment-actions a:hover, .comments .thread-toggle a:hover, .comments .continue a:hover {
text-decoration:none;
position:relative;
top: 1px;
left: 1px;
}
.comments .comments-content .loadmore a {
display:block;
text-align: center;
font-family:Times New Roman;
font-size:24px;
font-weight:bold;
font-style:italic;
margin-right:auto;
margin-left:auto;
margin-top:0px;
max-width:180px;
}

/* Collegamenti ai commenti
---------------------------------------------------------- */
.comments .comment .comment-actions a, .comments .thread-toggle a, .comments .continue a, .comments .comments-content .loadmore a {
width: 100%;
display: inline;
color: #fff; /* Colore del collegamento */
/* Colore del collegamento */
background:linear-gradient(in basso, #fe1a00 5%, #ce0100 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
background-color:#fe1a00; /* Colore di sfondo */
border:1px solid #d83526; /* Colore del bordo */
border-radius:4px; /* Bordo arrotondato */
box-shadow: 0px 10px 14px -7px #f29c93;
text-decoration: none;
text-shadow:0px 1px 0px #b23e35;
padding: 5px 9px;
margin-right: 5px;
white-space: nowrap;
vertical-align: middle;
font-family:Times New Roman;
font-size:13px;
font-weight:bold;
font-style:italic;
}
.comments .continue {border-top:none}
.comments .comment .comment-actions a:hover, .comments .thread-toggle a:hover, .comments .continue a:hover {
text-decoration:none;
position:relative;
top: 1px;
left: 1px;
}
.comments .comments-content .loadmore a {
display:block;
text-align: center;
dimensione carattere: 24px;
peso carattere: grassetto;
famiglia carattere: Arial;
margine destro:auto;
margine sinistro:auto;
margine superiore:0px;
larghezza massima:180px;
}

All'interno dei codici vedrai in verde dove potrai modificare gli stili principali.

.commenti .commento .commento-azioni a:hover, .commenti .thread-toggle a:hover, .commenti .continua a:hover {

Qui puoi cambiare tutto ciò che vuoi, che si tratti del colore dello sfondo, del colore del testo, ecc.

Puoi anche personalizzare ogni link singolarmente. Ad esempio, se desideri solo i link " Rispondi " ed " Elimina " (ricorda che il link "Elimina" è visibile solo agli amministratori del blog), puoi farlo in questo modo:

.comments .comment .comment-actions a {
... Qui gli stili ...
}

Per il link " Risposte " sarebbe così:

.comments .thread-toggle a {
... Ecco gli stili ...
}

Per il link " Aggiungi commento " sarebbe così:

.commenti .continua a {
... Qui gli stili ...
}

E per il link " Carica altro " come questo:

.comments .comments-content .loadmore a {
... Ecco gli stili ...
}

In questo modo semplice possiamo personalizzare quei piccoli dettagli del modello a cui spesso non prestiamo la dovuta attenzione, ma che sono una parte importante per coloro che vogliono attirare commentatori sul proprio blog.

fonte

Come creare una pagina di prenotazione in Google Calendar

2025-11-08T16:58:00.000+01:00

Crea una pagina di prenotazione in Google Calendar

Apri Google Calendar su un computer. Nell'angolo in alto a sinistra, fai clic su Crea > Calendario appuntamenti.

Personalizza i dettagli dell'appuntamento

Inserisci un titolo, imposta la durata dell'appuntamento e configura data e ora. Facoltativamente, puoi aggiungere domande personalizzate al modulo di prenotazione, impostare un luogo per l'incontro e altro ancora. Dopo aver modificato il programma dell'appuntamento, clicca su Salva .

Condividi la tua pagina di prenotazione

Dopo averlo creato, clicca sul calendario degli appuntamenti nella griglia del calendario e premi "Copia link" per condividere la pagina di prenotazione con altri utenti. Puoi anche cliccare sui tre puntini per ottenere un link a tutte le tue pagine di prenotazione.

Ti presentiamo i controlli di blocco per Authorized Buyers

2025-11-07T20:44:22.269+01:00

Quali controlli sono disponibili nella nuova pagina Authorized Buyers?

Puoi consentire o impedire a determinati acquirenti autorizzati di fare offerte per l'inventario sul tuo sito. Avrai anche una migliore visibilità delle relazioni di elementi principali e secondari tra gli acquirenti autorizzati.

Tempistiche

Lanceremo queste modifiche a partire dal giorno 6 novembre 2025.

Fino al lancio:

•

Puoi continuare a utilizzare il controllo Autorizza automaticamente nuove reti pubblicitarie certificate da Google. Se al momento questo controllo è disattivato, ti consigliamo di attivarlo ora per abituarti alla modifica imminente.

•

Puoi accedere a una versione di sola visualizzazione della pagina Authorized Buyers. Per accedere alla pagina:

Accedi al tuo account AdSense.

Fai clic su Sicurezza del brand.

Fai clic su Contenuti.

Fai clic su Controlli di blocco.

Fai clic su Authorized Buyers.

Nota: non potrai usare i controlli fino al lancio.

•

Potrai comunque modificare lo stato delle reti pubblicitarie in Controlli di blocco -> Reti pubblicitarie. Tutte le modifiche apportate fino all'ultimo giorno prima del lancio verranno mantenute e saranno visibili in Sicurezza del brand > Contenuti > Controlli di blocco > Authorized Buyers.

Dopo il lancio:

•

La nuova pagina Authorized Buyers diventa attiva e puoi utilizzarla per consentire e bloccare gli acquirenti autorizzati. Per farlo:

Accedi al tuo account AdSense.

Fai clic su Sicurezza del brand.

Fai clic su Contenuti.

Fai clic su Controlli di blocco.

Fai clic su Authorized Buyers.

Nell'elenco di acquirenti autorizzati, utilizza il controllo per consentire o bloccare un acquirente autorizzato.

Suggerimento: usa la ricerca e/o i filtri per trovare un acquirente autorizzato specifico.

•

Tutti i nuovi acquirenti autorizzati saranno ora consentiti per impostazione predefinita.

•

Puoi continuare a consentire e bloccare gli account inserzionista Google dalla sezione Inserzionista nella vista dettagliata del tuo Centro revisione annunci. Questo vale anche per gli account DV360.

•

Non potrai più gestire gli acquirenti autorizzati dal Centro revisione annunci.

Collega più tag di Blogger in un unico collegamento

2025-11-03T21:18:00.000+01:00

Ad esempio, il seguente link mostrerà post su AdSense, Generatori e App:

Apri il collegamento

Come abbiamo fatto? Semplice, basta usare questo URL nei tuoi menu o dove vuoi:

http:// nome-del-mio-blog .blogspot.com/search/?q=label: Etichetta1 |etichetta: Etichetta2

http:// nome-del-mio-blog .blogspot.com/search/?q=label: Etichetta1 |etichetta: Etichetta2 |etichetta: Etichetta3

La maggior parte dei blog non avrà problemi a usarlo, tuttavia, in alcuni casi (non so perché) non funzionerà se i tag contengono spazi, accenti o caratteri speciali.
Se vuoi sapere come collegare un solo tag nel tuo menu, visita il seguente link:
Come creare un menu di categoria per il tuo blog.

fonte

Come prenotare appuntamenti in Google Calendar

2025-11-01T16:57:23.613+01:00

Dimentica i continui scambi di messaggi: lascia che altre persone prenotino appuntamenti con te direttamente su Google Calendar.

Prenotazioni all-in-one con Google Calendar

Le pagine di prenotazione ti aiutano a gestire la tua disponibilità e consentono a clienti, partner e altri di prenotare riunioni con te direttamente in Google Calendar.

Crea semplicemente una pagina di prenotazione, personalizza la disponibilità degli appuntamenti e condividi il link con altri. Tutti gli appuntamenti prenotati appariranno automaticamente sul tuo calendario.

Fai crescere la tua attività con le funzionalità premium della pagina di prenotazione

Con Business Standard puoi creare più pagine di prenotazione professionali, collegare un account Stripe per riscuotere i pagamenti, automatizzare i promemoria via e-mail e molto altro.

Gratuito

Raccomandato

Standard aziendale

Pagina di prenotazione condivisibile

Crea una pagina di prenotazione

Crea più pagine di prenotazione professionali

Prenotazioni di appuntamenti a pagamento

Collega il tuo account Stripe per ricevere i pagamenti al momento della prenotazione.

Funzionalità di pianificazione avanzate

Promemoria automatici via e-mail, verifica e-mail per proteggerti dalle prenotazioni spam e controlli incrociati tra calendari per evitare conflitti

Strumenti aziendali premium

Registrazioni di riunioni, dominio di posta elettronica professionale e marketing via e-mail

Archiviazione condivisa tra Gmail, Drive e altri servizi

15 GB per utente

2 TB per utente*