domenica , 25 giugno 2017

Tag Archives: Blogger

Widget degli Ultimi Post per Etichetta con Miniature per Blogger

Si va su Modello < Backup/Ripristino > Scarica modello completo per un backup di sicurezza. Successivamente si va sempre su Modello > Modifica HTML > Procedi e, pigiando F3 o Ctrl+F, si cerca la riga  ]]></b:skin>. Per inciso ricordo che alcune volte in questa riga va a finire anche la parentesi graffa che chiude il CSS precedente diventando così }]]></b:skin>. In questo caso bisogna ricordarsi diinserire il cursore subito dopo la parentesi graffa e cliccare …

Leggi Tutto

Inserire sotto i Post di Blogger: “Articoli Simili con Miniature”

Dopo aver salvato il template si va come al solito su Modello > Modifica HTML > Procedi e si espandono i modelli widget. Si cerca la riga </head> e, subito sopra, si incolla questo codice <!–Articoli Simili con Miniature Inizio–> <style type=’text/css’> #articoli-simili {float:center;text-transform:none;height:175px; background-color: #FFFFFF; box-shadow: 0 0 0 1px white inset; -moz-box-shadow: 0 0 0 1px #fff inset; -webkit-box-shadow: 0 0 0 1px white inset; padding:5px;} #articoli-simili h2{padding: 8px 8px; …

Leggi Tutto

Tutti i post di una Etichetta mostrati in un Widget

Andate su Layout > Aggiungi un gadget > HTML/Javascript  e incollate questo codice <style>#contenitore{border:1px solid #666;width:100%;margin:0 auto}#el_box{margin:0px}.elementi{border:1px solid #ccc;margin:5px 0;padding:5px;height:79px}.elementi img{background:#aaa;padding:4px;float:left;height:70px;margin-right:8px;width:70px}.elementi h6,.elementi h6 a{font-size:14px!important;margin:0;color:#111}.elementi:hover{background-color:#afe5f3;}.elementi p{font:12px Georgia; text-align:justify;color:#555;line-height:14px;margin:5px 0}#caricamento{color:#888;font-family:Georgia;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:#262626url(https://lh5.googleusercontent.com/-0dKuTXHaBgU/Uyn6y4kXYjI/AAAAAAAAmVU/qW-_OdYVqF0/s300-no/ajax_loader.gif) no-repeat 50% 50%;height:470px;border:1px solid #afe5f3;}#navigazione{border:1px solid #d4d4d4;color:#bbb;font-family:Georgia;font-size:12px;text-align:center;margin:0px}#navigazione:hover{background-color:#d4d4d4;}#navigazione a{color:#262626!important;font-family:Georgia!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}#navigazione span{padding:5px 10px}#navigazione .next{float:right}#navigazione .previous{float:left}#navigazione .home{text-align:center}#navigazione a:hover,#navigazione span.noactived{color:transparant!important}</style><script type=’text/javascript’>//<![CDATA[var numfeed = 5;var startfeed = 0;var urlblog = “http://demo-parsifal32.blogspot.com”;var characnumber = 90;var urlprevious, urlnext;function maskolisfeed(johny,banget){var …

Leggi Tutto

Anteprima post di una etichetta in una pagina di blogger

L’aspetto della pagina statica sarà più o meno questo in cui ho diviso lo screenshot in due parti per mostrarlo per intero. Nella parte finale ci sono i link per navigare tra tutti gli articoli del sito. Per l’installazione di questa Sitemap di una etichetta si clicca su Pagine > Nuova Pagina. Poi si va sulla destra e sotto Opzioni si …

Leggi Tutto

Parse HTML: Inserire codici HTML nei post di Blogger

Parse HTML: Inserire codici HTML nei post di Blogger

Vi sara’ capitato, come nel mio post precedente, di dover inserire dei codici HTML in un vostro post e scoprire che Blogger non permette di visualizzarli? Allora cosa fare? Semplice ci facciamo aiutare da Parse HTML Un applicazione web free online che permette di effettuare una modifica hai codici in modo che blogger ne permetta la pubblicazione cosi come sono …

Leggi Tutto

Inserire il pulsante “Mi Piace” di Facebook nei post su Blogger

Ecco una semplice guida che ci illustra come inserire all’interno dei post di Blogger il pulsante “mi piace” di Facebook. Questo è il mezzo ideale per dare la possibilità ai lettori del blog di condividere, con i propri amici su Facebook, i post che troveranno interessanti. Per prima cosa andate su Design – Modifica Html e per sicurezza premete su …

Leggi Tutto