GMapGIS per creare mappe con Google Maps e condividerle.

Usando Google Maps si possono creare delle mappe personalizzate per poi condividerle o anche incorporarle nel blog. Non sto a elencare le numerosissime potenzialità di questo eccellente servizio. Vediamone una possibile alternativa che ci può servire se non intendiamo utilizzare un nostro account Google mantenendo però una buona dose di funzionalità.

GMapGIS utilizza le API di Google Maps e ci consente di disegnare su una mappa linee, rettangoli, marcatori e etichette. E' anche possibile cercare una località digitandone il nome o inserendo le sue coordinate geografiche. Tutte le funzioni sono posizionate nella parte superiore della pagina mentre sulla sinistra ci sono gli strumenti di zoom e di navigazione. Per quest'ultima funzione si può anche utilizzare il cursore. Quando si è creata la nostra mappa questa può essere scaricata come file in formato .gmp oppure ottenerne il link da condividere sui social o in un articolo di un blog. E' anche possibile scegliere la visualizzazione da Satellite, Ibrida, Stradale o a Rilievo

Come inserire linee o immagini di separazione tra i widget della sidebar.

Mi sono già occupato di come inserire delle immagini di separazione tra articolo e articolo da visualizzare nella homepage, nelle pagine di archivio e in quelle delle etichette. Adesso applichiamo lo stesso concetto ai widget presenti in una sidebar. L'obiettivo è quello di inserire una linea o anche una immagine che divida i singoli widget. Dobbiamo semplicemente agire aggiungendo opportuni CSS nel modello.

Nuovi template del Designer Modelli 

Se si ha un modello del nuovo tipo, bisogna andare su Design > Modifica HTML e cercare la riga

]]></b:skin>

Immediatamente sopra si incolla questo codice

Come separare i commenti nei blog su Blogger con bordi o immagini.

Dopo aver presentato la personalizzazione su come inserire i commenti dell'autore del blog in un rettangolo colorato ecco un altro trucco per rendere più vivace quell'area dei siti su piattaforma Blogger. L'obiettivo è quello di inserire un separatore tra commento e commento. Cominciamo con applicare un semplice bordo tra ognuno di essi. Andiamo su Design > Modifica HTML e cerchiamo la riga ]]></b:skin> quindi, immediatamente sopra, incolliamo questo codice

#comments-block .comment-footer {
border-bottom:3px double #940F04; /* Bordo dei commenti */
}

Le parti in rosso possono essere personalizzate e riguardano lo stile del bordo e il suo colore. I commenti saranno divisi tra loro da una linea orizzontale

Come inserire una linea orizzontale sotto il titolo del post in Blogger.

Nella grafica dei quotidiani è molto comune vedere una linea orizzontale che divide il titolo dal corpo dell'articolo. Si può fare la stessa cosa anche nei blog su Blogger, ma anche su altre piattaforme, se non si ha un modello che già non la preveda. E' noto che il codice che indica una linea orizzontale è

<hr>

ma, se si incollasse così com'è nel modello, potrebbe non essere salvato. Occorre quindi convertirlo in linguaggio XML e allora diventa

&lt;hr&gt;

Andiamo su Design > Modifica HTML e espandiamo i modelli widget. Cerchiamo questa riga

<div class='post-header'> oppure quest'altra  <div class='post-header-line-1'/>

e incolliamo &lt;hr&gt; subito al di sopra. Salviamo il modello e vediamo la differenza tra prima e dopo

Come inserire una linea orizzontale in un articolo con un plugin di Windows Live Writer.

Dopo aver illustrato l'utilissimo plugin Delicious Notify che serve per postare in automatico tutti i nostri post scritti con Windows Live Writer su Delicious ecco che passo a trattare un plugin decisamente meno sofisticato ma che può servire a risparmiare qualche secondo di tempo.

Alla maggior parte di voi sarà certamente nota la procedura per inserire una riga orizzontale in un articolo del blog. A chi non lo sa ricordo che bisogna andare in Modalità HTML e inserire il tag <hr/>. Sarà visualizzata automaticamente una linea orizzontale come questa