tag:blogger.com,1999:blog-42499616038492080072024-03-13T00:40:43.978+01:00Blog Di ProvaErnesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.comBlogger105125tag:blogger.com,1999:blog-4249961603849208007.post-61209919580600524192017-10-11T12:00:00.001+02:002017-10-11T12:26:44.746+02:00Demo dello slideshow per BloggerSulla destra visualizzate lo slideshow di sei immagini con link ai post da installare su Blogger. Per le istruzioni su come procedere consultate questo post:<br />
<br />
<ul>
<li><a href="http://www.ideepercomputeredinternet.com/2017/10/blogger-slideshow-widget.html" target=""><b>Widget Slideshow di immagini con link ai post per Blogger</b></a></li>
</ul>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com8tag:blogger.com,1999:blog-4249961603849208007.post-68443582945716187872017-10-08T12:00:00.002+02:002017-10-08T12:26:42.839+02:00Demo del Widget degli Ultimi Commenti per Blogger con miniature ruotanti.Il gadget mostrato sulla destra dei Commenti recenti con Avatar ruotanti al passaggio del cursore potrà essere installato consultando le istruzioni di questo post:<br />
<br />
<ul>
<li><b><a href="http://www.ideepercomputeredinternet.com/2017/10/recent-comments-widget-blogger-rotating-avatar.html" target="_blank">Widget Commenti Recenti per Blogger con Avatar ruotanti</a>.</b></li>
</ul>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com1tag:blogger.com,1999:blog-4249961603849208007.post-78969436179337919342017-07-26T09:59:00.001+02:002017-07-26T11:59:20.094+02:00Demo Player playlist senza downloiadSopra all'area dell'articolo si visualizza un Player che permette di riprodurre file audio senza mostrare l'icona di download. Per le istruzioni consultate questo post:<br />
<br />
<ul>
<li><a href="http://www.ideepercomputeredinternet.com/2017/07/player-audio-video-html5-senza-download.html" target="_blank"><b>Togliere l'icona di download da un player HTML5 audio</b></a>.</li>
</ul>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-4249961603849208007.post-51193011802432554502017-06-15T15:42:00.002+02:002017-07-05T22:25:10.478+02:00Prova intestazioni<h2 class="int1">
Intestazione principale in un post di Blogger</h2>
<h2 class="int2">
Intestazione secondaria o minore in un post di Blogger</h2>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div align="center">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEc31ci7tnIjUCXkDSMwrVS6einE-G-0FDn_SXuiMi4-DdZjIc4oKYw3e66WvcKU0-BnLkIEoGLKdEe5Rb95pHG9pPZqZ4bJHBVVcUTfgeDVGmS-YAYwztJN_Mg5JHFNA5HWMFOSAbJ1c8/s1600/texture.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="5" data-original-width="1600" height="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEc31ci7tnIjUCXkDSMwrVS6einE-G-0FDn_SXuiMi4-DdZjIc4oKYw3e66WvcKU0-BnLkIEoGLKdEe5Rb95pHG9pPZqZ4bJHBVVcUTfgeDVGmS-YAYwztJN_Mg5JHFNA5HWMFOSAbJ1c8/s320/texture.jpg" width="320" /></a></div>
</div>
Immagine grande
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0b5M6SUZrtuGIFfv5lThE9KLOkmowZeYXdbJGewvnta-Dye_YmDU5VrAscNXZKr93qYBWqcbgj-ZAodJIPcGh8FTVFgnwZxVrW_8jkbbhs7IAP1UQoudDoZuHZDgbZNrnM0T1c73Vlu_X/s1600/sfondo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="89" data-original-width="1600" height="17" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0b5M6SUZrtuGIFfv5lThE9KLOkmowZeYXdbJGewvnta-Dye_YmDU5VrAscNXZKr93qYBWqcbgj-ZAodJIPcGh8FTVFgnwZxVrW_8jkbbhs7IAP1UQoudDoZuHZDgbZNrnM0T1c73Vlu_X/s320/sfondo.jpg" width="320" /></a></div>
<br />Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-4249961603849208007.post-1400200997968375212017-06-07T15:59:00.000+02:002017-06-07T17:36:48.242+02:00Post di Demo per il Widget scorrevole dei titoli degli Ultimi Post.<div style="text-align: justify;">
Subito sopra al post è visibile una scritta scorrevole con i titoli degli ultimi post. Tale scritta sarà visibile anche da dispositivo mobile. Se ci si passa sopra con il mouse la scritta cesserà di scorrere e se si clicca sopra a un articolo apriremo la sua pagina. Il widget della Demo è visibile solo nella versione desktop. Per le istruzioni sulla installazione di questo widget consultare questo post:</div>
<br />
<ul>
<li><b><a href="http://www.ideepercomputeredinternet.com/2017/06/sliding-blogger-gadget-post-title.html" target="_blank">Widget scorrevole con i Titoli degli Ultimi Post di Blogger per desktop e mobile</a></b> -</li>
</ul>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-4249961603849208007.post-32896546694853501252017-06-04T10:24:00.003+02:002017-06-04T21:51:17.357+02:00Post di Demo delle icone di condivisione di AddThisSubito sotto il titolo del post e alla fine dell'articolo potete visualizzare i bottoni di condivisione di AddThis per la condivisione del post.<br />
<br />
<b>NB: I bottoni sono visibili solo quando il post è aperto con un browser desktop.</b><br />
<b><br /></b>
Il tutorial completo può essere consultato in questo post:<br />
<br />
<ul>
<li><a href="http://www.ideepercomputeredinternet.com/2017/06/addthis-share-buttons-blogger.html" target="_blank"><b>Come aggiungere i bottoni di AddThis a Blogger</b> </a>-</li>
</ul>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyxf-5KJJmfzMz7jiwxm6ZCeOrxwaaYnSxoqepuBH6znonegxfRlv23VJBMmyIS7gDYm9p27Ugzdz6NXuVhcyQfIVM1-tU8V5r9s9OKnoL0NHELUmGkv9ljgz5qw8TLMlSb3SF5XnAfE_3/s1600/ghiacciaio.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="1600" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyxf-5KJJmfzMz7jiwxm6ZCeOrxwaaYnSxoqepuBH6znonegxfRlv23VJBMmyIS7gDYm9p27Ugzdz6NXuVhcyQfIVM1-tU8V5r9s9OKnoL0NHELUmGkv9ljgz5qw8TLMlSb3SF5XnAfE_3/s320/ghiacciaio.jpg" width="320" /></a></div>
<div>
<br /></div>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-4249961603849208007.post-9166352640491546162017-05-23T15:42:00.003+02:002017-05-23T15:42:33.224+02:00Post di Demo di ripubblicazione con IFTTT<strong><br /></strong>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmPgdqMxUdW6KxcOPl0-enfPXf2cbOID4oEWQLTJNGvtj77FN1Ck-n3X__s4Wl9ZDBUmHKxDTmlzmtGZ1fPhClT5nPfHW4rxZZJTahswB0XR85aA2g9mV8-fEaNNESVP4fm-xCwDtQh6ye/s1600/natura2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="284" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmPgdqMxUdW6KxcOPl0-enfPXf2cbOID4oEWQLTJNGvtj77FN1Ck-n3X__s4Wl9ZDBUmHKxDTmlzmtGZ1fPhClT5nPfHW4rxZZJTahswB0XR85aA2g9mV8-fEaNNESVP4fm-xCwDtQh6ye/s320/natura2.jpg" width="320" /></a></div>
<strong><br /></strong>
<strong><br /></strong>
<div style="text-align: justify;">
<strong>L'Applet IFTTT è stata così completata</strong>. Si può lasciare o
meno il cursore attivo per<strong> ricevere le notifiche</strong> tutte le volte
che l'applet attiva una <strong>action</strong>. Nella finestra successiva si va
su Check Now per verificare che i dati immessi siano coerenti e che l'applet sia
attiva. L'applet così creata sarà visualizzata nella scheda
<strong>MyApplets</strong> di <strong>IFTTT</strong> e potrà essere modificata,
disattivata o eliminata. </div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Con questa applet possiamo<strong> ripubblicare su Blogger i Feed di
qualsiasi sito</strong> che li abbia resi disponibili. Per creare un
<strong>aggregatore di feed</strong> dobbiamo <strong>creare una applet di IFTTT
per ogni blog di cui vogliamo ripubblicare i feed.</strong> Esiste la
limitazione che <strong>tutte le ripubblicazioni dovranno finire nello stesso
blog di Blogger</strong>. Per creare più aggregatori dobbiamo <strong>creare più
account di IFTTT</strong>. </div>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-4249961603849208007.post-52309127161882481392014-05-30T15:49:00.002+02:002014-07-14T00:53:35.217+02:00Demo del menù delle pagine statiche flottantiScrollando la pagina verso il basso rimarrà sempre in primo piano il menù orizzontale delle pagine statiche. Per le istruzioni su come installare questa personalizzazione consultate il post<br />
<ul>
<li><b><a href="http://www.ideepercomputeredinternet.com/2014/05/floating-blogger-pages-menu.html" target="_blank">Menù delle pagine statiche flottanti</a> </b>- </li>
</ul>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vel tellus eget nulla vestibulum mollis interdum sed velit. Praesent at malesuada erat, sit amet pellentesque libero. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam et dapibus libero. Suspendisse suscipit iaculis urna non sollicitudin. Morbi condimentum fermentum mauris, a commodo velit ultricies hendrerit. Vivamus eu libero neque.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6QpbgchMdOCJSpN7aOs6e_IYpw-HRAMyYEzsV-NeNl_Rlsceg_qne_3OBHAu5V8fXcUncfRfvXyz2q6MGNGkmDvJfuTsZXnxk9cP3QxsZ_XXalAaOUJE14LuHlma-lcqi4TsvnP-Wifk/s1600/villaggio.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6QpbgchMdOCJSpN7aOs6e_IYpw-HRAMyYEzsV-NeNl_Rlsceg_qne_3OBHAu5V8fXcUncfRfvXyz2q6MGNGkmDvJfuTsZXnxk9cP3QxsZ_XXalAaOUJE14LuHlma-lcqi4TsvnP-Wifk/s1600/villaggio.jpg" height="226" width="400" /></a></div>
<br />
<br />
Pellentesque tincidunt nisi sem, nec hendrerit magna faucibus mollis. Nam sagittis, tellus at dignissim viverra, lectus nulla feugiat lacus, non vulputate nibh lectus in arcu. Ut id quam pellentesque, consequat lectus vitae, scelerisque mauris. Fusce vel sagittis metus. Integer a elit at odio ullamcorper mollis. Nulla facilisi. Fusce hendrerit eu massa sit amet venenatis. Donec iaculis nisl ac vehicula luctus. Donec vulputate, orci a sagittis fermentum, eros elit hendrerit risus, sit amet malesuada risus ligula sit amet erat. Pellentesque vehicula, nisi nec imperdiet lobortis, erat augue adipiscing risus, a elementum ante velit in mauris. Vivamus ac enim quis lectus tristique fringilla. Donec et ante dui. Fusce commodo viverra sem, nec posuere ligula dignissim nec. Suspendisse potenti.<br />
<br />
In suscipit justo lobortis, ultricies nibh non, interdum sem. Suspendisse aliquam ipsum et urna euismod, in viverra erat congue. Vivamus dignissim luctus diam, id viverra lorem. In dictum quis diam in ultrices. Aenean nec augue dictum, ultricies nibh at, euismod libero. Donec et urna pellentesque nibh accumsan tincidunt. Sed dapibus feugiat facilisis.<br />
<br />
Suspendisse mollis imperdiet lectus at tempor. In pellentesque semper dignissim. Quisque euismod lorem at velit fermentum rutrum. Sed dictum laoreet lorem ut facilisis. Etiam semper libero eu sem condimentum, vitae posuere tortor laoreet. Vestibulum non lacus ac mauris tempor dapibus. Vivamus euismod augue sodales metus pretium placerat. Morbi varius hendrerit erat vehicula lobortis. Proin ornare luctus mauris id pellentesque. Duis porta, orci id iaculis luctus, ipsum eros malesuada sapien, a malesuada nisl nulla at magna. Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-4249961603849208007.post-90279209104012430112013-11-26T10:42:00.001+01:002013-11-26T15:37:05.002+01:00Post di Demo su contenuti inseriti in schede
<p style='font-size:16px;'>Per installare il codice delle multitab consultate il seguente articolo</p>
<p style='font-size:16px;'><b><a href='http://www.ideepercomputeredinternet.com/2013/11/schede-multiple-pagine-web.html' target='_blank'>Contenuti di una pagina web suddivisi in schede</a></b></p>
<br/>
<br/>
<style>
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5;}
::-webkit-scrollbar{width: 6px; background-color: #F5F5F5;}
::-webkit-scrollbar-thumb{background-color: #008E00;}
#contenuto ul{display:inline; list-style-type:none;}
#contenuto ul > li{background:#33FF00;cursor:pointer;background:-moz-linear-gradient(90deg, #33FF00 0%, #008E00 100%);background:-webkit-linear-gradient(90deg, #33FF00 0%, #008E00 100%);background:-o-linear-gradient(90deg, #33FF00 0%, #008E00 100%);background:-ms-linear-gradient(90deg, #33FF00 0%, #008E00 100%);background:linear-gradient(180deg, #33FF00 0%, #008E00 100%); padding:7px; float:left; margin-right:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px;}
#contenuto ul > li a{color:#fff; text-decoration:none; font-weight:bold;}
#contenuto ul > li a:hover{color:#CCFE80}
#tabcontent{width:400px; height:400px; padding:5px; background-color:#eee; margin-top:15px; -webkit-box-shadow:3px 3px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow:3px 3px 5px rgba(50, 50, 50, 0.75); box-shadow:3px 3px 5px rgba(50, 50, 50, 0.75); -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px;}
#tab1{height:400px; overflow-x:hidden;}
#tab2, #tab3, #tab4, #tab5 {height:400px; overflow-x:hidden; display:none;}
</style>
<!--[if IE]>
<style type="text/css">
#contenuto ul li a{background-color:#33FF00; color:#fff; display:inline; padding:5px; margin-left:5px; float:left; text-decoration:none; font-weight:bold; font-family:Georgia;}
</style>
<![endif]-->
<script>
//<![CDATA[
function contenuto(tabid) {for (i=1; i<6; i++){if (i == tabid) {var j = "tab" + i ;document.getElementById(j).style.display='block';}else {var k = "tab" + i ;document.getElementById(k).style.display='none';}}}
//]]>
</script>
<div id='contenuto'>
<ul>
<li><a onclick='contenuto(1)'>Scheda1</a></li>
<li><a onclick='contenuto(2)'>Scheda2</a></li>
<li><a onclick='contenuto(3)'>Scheda3</a></li>
<li><a onclick='contenuto(4)'>Scheda4</a></li>
<li><a onclick='contenuto(5)'>Scheda5</a></li>
</ul>
<div id="tabcontent">
<div id="tab1">
Si possono inserire testo, immagini video o anche widget<br />
<br />
<div align="center">
<img src="http://lorempixel.com/320/240" /></div>
</div>
<div id="tab2">
Etiam quis mi gravida, tincidunt sem ac, porta nulla.<br />
<div align="center">
<div class="fb-like-box" data-header="false" data-height="364" data-href="https://www.facebook.com/ideepercomputeredinternet" data-show-faces="true" data-stream="false" data-width="300" rel="publisher">
</div>
</div>
</div>
<div id="tab3">
Fusce convallis ullamcorper ligula, viverra aliquet urna congue rhoncus.<br />
<br />
<div align="center">
<iframe allowfullscreen="" frameborder="0" height="169" src="//www.youtube.com/embed/yymd-GmyB-s?rel=0" width="300"></iframe></div>
</div>
<div id="tab4">
Cras nisi nisi, porta imperdiet egestas in, dictum quis dui.<br />
<br />
<div align="center">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZt0yWPSoOqKkWiCLR8VOqtg5h111aU53HDeV9lg3h3GMSoqiffJc8iioCi5zYsCO_gKdzRlhnKGu9d3II31BjL-_ZpdqqqcWcinWww2op4UqFgSI6Ow6AN7kgrAAEZ0uBZo8jlZ6ddAk/s350/slitta-babbo-natale.gif" /></div>
</div>
<div id="tab5">
Suspendisse sit amet fringilla urna. Vestibulum quis ipsum quis eros cursus consequat.<br />
<br />
<div align="center">
<img src="http://lorempixel.com/322/242" /></div>
</div>
</div>
</div>Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-4249961603849208007.post-80707218705578635102013-09-10T14:20:00.000+02:002013-09-21T16:30:58.442+02:00Post di prova nascosto nella Homepage.Questo post verrà regolarmente pubblicato ma sarà nascosto nella Homepage e nei Post più vecchi<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipn-FjRpc0Lh4pPZMXBfyqwf7FWaoOu3tBHRKio_wwC1nXMAcKFQwF3Eb13kxvO4kp-G9r0TM3H-yCUx-mur-RNdmmiloNv9uJowzNWJA5YaVLvP0ItIv5TeCTr_G-r7TwHWRgbbKpB22i/s1600/cavalli.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipn-FjRpc0Lh4pPZMXBfyqwf7FWaoOu3tBHRKio_wwC1nXMAcKFQwF3Eb13kxvO4kp-G9r0TM3H-yCUx-mur-RNdmmiloNv9uJowzNWJA5YaVLvP0ItIv5TeCTr_G-r7TwHWRgbbKpB22i/s1600/cavalli.jpg" /></a></div>
<br />Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-4249961603849208007.post-36379392746994310202013-09-07T10:11:00.001+02:002016-04-04T17:39:22.672+02:00Demo dei widget scorrevoli dei titoli degli Ultimi Post e degli Ultimi Commenti.Sopra all'articolo si visualizza lo scorrere dei titoli degli ultimi articoli e degli ultimi commenti postati. Per la installazione di questi widget consultate il seguente articolo<br />
<br />
<ul>
<li><a href="http://www.ideepercomputeredinternet.com/2016/04/blogger-widget-scorrevole-notizie.html" target="_blank"><b>Widget scorrevoli di articoli e commenti recenti </b></a>-</li>
</ul>
<div>
<br /></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijUbKtBI_fQr4aoT_X1seSq2qOt5ZoU_HU_sOz-Uy4LC3q1dv8DZPHYi8Bnrh5XAGm3G3LD9PZtfIKfwKMzNh1-T8NAxoqEVAisM5NR2SRoyKsTz7uE1QPz5RKweKtJDm_nV1X06zCdqTX/s1600/baia.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijUbKtBI_fQr4aoT_X1seSq2qOt5ZoU_HU_sOz-Uy4LC3q1dv8DZPHYi8Bnrh5XAGm3G3LD9PZtfIKfwKMzNh1-T8NAxoqEVAisM5NR2SRoyKsTz7uE1QPz5RKweKtJDm_nV1X06zCdqTX/s1600/baia.jpg" /></a></div>
<div>
<br /></div>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-4249961603849208007.post-47848133346769538962013-09-06T14:42:00.002+02:002013-09-06T14:49:09.620+02:00Effetto multi-hover per le immaginiPer ottenere questo effetto consultate il seguente post<br />
<ul>
<li><b><a href="http://www.ideepercomputeredinternet.com/2013/09/hover-effetto-multi-direzione.html" target="_blank">Effetto hover direzionale per immagini</a> </b>-</li>
</ul>
<br />
<style>
/* Contenitore Immagine */ div.mouse-dir-effect {
overflow: hidden;
position: relative;
vertical-align: middle;
width: 100%;
height: 300px;
line-height: 300px;
}
div.mouse-dir-effect img {width: 100%;}
/* Testo visualizzato al passaggio del cursore */
div.mouse-dir-effect span {
color: #FFF;
font-size: 28px;
font-weight: bold;
height: 100%;
opacity: 0;
position: absolute;
text-align: center;
transition: all 0.2s linear 0s;
width: 100%;
}
/* Effetto */
div.mouse-dir-effect span:nth-child(1) { /* Destra */ background: none repeat scroll 0 0 rgba(250, 191, 58, 0.5);
left: 90%;
top: 0;
}
div.mouse-dir-effect span:nth-child(2) { /* Alto */ background: none repeat scroll 0 0 rgba(94, 182, 245, 0.5);
left: 0;
top: -80%;
}
div.mouse-dir-effect span:nth-child(3) { /* Sinistra */ background: none repeat scroll 0 0 rgba(194, 92, 175, 0.5);
left: -90%;
top: 0;
}
div.mouse-dir-effect span:nth-child(4) { /* Basso */
background: none repeat scroll 0 0 rgba(92, 192, 125, 0.5);
left: 0;
top: 80%;
}
div.mouse-dir-effect span:hover {opacity: 1;}
div.mouse-dir-effect span:nth-child(2n+1):hover {left: 0;}
div.mouse-dir-effect span:nth-child(2n):hover {top: 0;}
</style>
<div class="mouse-dir-effect">
<span>cursore da destra</span>
<span>cursore dall'alto</span>
<span>cursore da sinistra</span>
<span>cursore dal basso</span>
<img src="https://lh4.googleusercontent.com/-X1vvKQd60NU/UimPz_vHHUI/AAAAAAAAjXo/AGdsGcdAPZQ/s700/toscana-campagna.jpg">
</div>Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com1tag:blogger.com,1999:blog-4249961603849208007.post-49298287731632853152013-09-05T10:30:00.002+02:002013-09-21T16:31:34.834+02:00Demo del player MP3 DewplayerSulla destra sono visibili due Player MP3 Dewplayer. Per la loro installazione consultate il post<br />
<br />
<ul>
<li><b><a href="http://www.ideepercomputeredinternet.com/2013/09/mp3-player-audio.html" target="_blank">Come installare Dewplayer su Blogger</a> </b>-</li>
</ul>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggL5Dz5Wq-f4Dn-bI_Zosj7JffFVrGorDj3mAoKz2HMUYh2_eGea1WLuEtxUZMEUfnEFYsqzpaKezEKIrcOA70GFDhQDKehnzeyrx2ke9UxYTAJ0NcNYI0J4pwGS_GDpNYvA1TFGOazuY/s1600/colibri.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggL5Dz5Wq-f4Dn-bI_Zosj7JffFVrGorDj3mAoKz2HMUYh2_eGea1WLuEtxUZMEUfnEFYsqzpaKezEKIrcOA70GFDhQDKehnzeyrx2ke9UxYTAJ0NcNYI0J4pwGS_GDpNYvA1TFGOazuY/s1600/colibri.jpg" /></a></div>
<div>
<br /></div>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-4249961603849208007.post-14724660373813994642013-08-29T14:45:00.000+02:002013-08-29T16:26:22.457+02:00Demo del widget dei Commenti Recenti espandibili.Sulla destra si visualizza il<b> gadget degli Ultimi Commenti</b> con il pulsante <b>Mostra/Nascondi</b> e con le icone<b style="background-color: #999999;"> +</b> e<b style="background-color: #999999;"> -</b> per espandere o collassare un singolo commento. Per le istruzioni sulla installazione di questo widget consultate il seguente articolo<br />
<br />
<ul>
<li><a href="http://www.ideepercomputeredinternet.com/2013/08/recent-comments-widget.html" target="_blank"><b>Widget dei Commenti Recenti con espansione del testo e cursore</b> </a>-</li>
</ul>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.google.it" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZx8xlUFXIf_ylVsqfTc8-gGtROrl5SakVJLWWtu8NSeO2xwNRkc8eHw3Yw58NqcXsRYg2xvKc3kJKVGxw9ivigWzrNhnZSJ9FhCztfCuxcuQGtq0cfL0pjekFJJsfslH3-r0-FEeSgWIk/s320/natura3.jpg" width="320" /></a></div>
<br /></div>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-4249961603849208007.post-68821469379564061112013-07-06T09:21:00.001+02:002013-07-06T10:32:48.155+02:00Dimostrazione di bottoni per spostarsi all'inizio e a fondo pagina.Per le istruzioni su come installare questi bottoni consultate il post seguente<br />
<div style="margin: 0px; orphans: auto; text-align: start; text-indent: 0px; widows: auto;">
</div>
<ul>
<li><b><a href="http://www.ideepercomputeredinternet.com/2013/07/up-and-down-buttons.html" target="_blank">Come installare due pulsanti per andare al top e a fondo della pagina</a> </b>-</li>
</ul>
<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec varius velit ac leo sollicitudin viverra. Morbi quis varius diam. Integer dapibus mollis condimentum. Donec vel elit ligula. Sed auctor sodales elit nec cursus. Mauris tortor velit, facilisis eu scelerisque ac, gravida eu lacus. Fusce ut sapien lectus. Vivamus at est dolor. Morbi bibendum eros ac mauris malesuada sagittis. Donec lacinia massa vitae luctus tempor. Aliquam et volutpat mauris, a lobortis erat. Maecenas purus metus, iaculis sed sapien egestas, cursus ullamcorper sapien.<br />
<br />
Nunc et mauris accumsan, pellentesque enim sit amet, tempus dolor. Praesent tristique diam ut nibh aliquam, feugiat gravida sapien dictum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris accumsan quis lectus nec feugiat. Aliquam quis sem pulvinar, luctus erat a, iaculis nunc. Etiam semper id neque eu congue. Mauris dignissim justo sed pretium blandit.<br />
<br />
Phasellus auctor, diam quis rutrum viverra, nunc lectus congue nisl, et condimentum orci nunc et eros. Mauris posuere dolor vitae lectus ornare, eget faucibus urna lacinia. Nullam in turpis dui. Nulla pretium purus quam, eu aliquam est commodo eget. Mauris id felis nisi. Proin gravida elementum nunc, id faucibus sem feugiat sit amet. Nullam aliquam molestie vestibulum.<br />
<br />
Integer eget nunc vehicula, dictum augue ut, venenatis elit. Nulla at risus accumsan sem euismod mollis at vitae nisl. In hac habitasse platea dictumst. Nulla commodo mi ac nisl vulputate, sed malesuada augue viverra. Proin ut lacus ipsum. Nam malesuada orci mauris, a accumsan nisl mattis sed. Phasellus congue pharetra ultricies. Integer eget consectetur arcu. Integer orci leo, accumsan in quam eget, malesuada fermentum tellus. Aliquam sapien justo, porttitor id venenatis sodales, ornare nec diam. In rutrum dolor nisi, et ullamcorper enim venenatis nec. Nunc tempus molestie dapibus.<br />
<br />
Vivamus volutpat purus sit amet nulla pellentesque porta. Cras molestie condimentum orci eget pellentesque. Praesent eu tristique dolor. Nulla auctor ac elit vitae elementum. Suspendisse quis urna mi. Duis scelerisque blandit quam quis mattis. Nunc tempus ante sed tempor cursus. Cras sit amet varius quam, fringilla ultricies sapien. Sed a feugiat erat.<br />
<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec varius velit ac leo sollicitudin viverra. Morbi quis varius diam. Integer dapibus mollis condimentum. Donec vel elit ligula. Sed auctor sodales elit nec cursus. Mauris tortor velit, facilisis eu scelerisque ac, gravida eu lacus. Fusce ut sapien lectus. Vivamus at est dolor. Morbi bibendum eros ac mauris malesuada sagittis. Donec lacinia massa vitae luctus tempor. Aliquam et volutpat mauris, a lobortis erat. Maecenas purus metus, iaculis sed sapien egestas, cursus ullamcorper sapien.<br />
<br />
Nunc et mauris accumsan, pellentesque enim sit amet, tempus dolor. Praesent tristique diam ut nibh aliquam, feugiat gravida sapien dictum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris accumsan quis lectus nec feugiat. Aliquam quis sem pulvinar, luctus erat a, iaculis nunc. Etiam semper id neque eu congue. Mauris dignissim justo sed pretium blandit.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijUbKtBI_fQr4aoT_X1seSq2qOt5ZoU_HU_sOz-Uy4LC3q1dv8DZPHYi8Bnrh5XAGm3G3LD9PZtfIKfwKMzNh1-T8NAxoqEVAisM5NR2SRoyKsTz7uE1QPz5RKweKtJDm_nV1X06zCdqTX/s1600/baia.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijUbKtBI_fQr4aoT_X1seSq2qOt5ZoU_HU_sOz-Uy4LC3q1dv8DZPHYi8Bnrh5XAGm3G3LD9PZtfIKfwKMzNh1-T8NAxoqEVAisM5NR2SRoyKsTz7uE1QPz5RKweKtJDm_nV1X06zCdqTX/s1600/baia.jpg" /></a></div>
<br />
<br />
Phasellus auctor, diam quis rutrum viverra, nunc lectus congue nisl, et condimentum orci nunc et eros. Mauris posuere dolor vitae lectus ornare, eget faucibus urna lacinia. Nullam in turpis dui. Nulla pretium purus quam, eu aliquam est commodo eget. Mauris id felis nisi. Proin gravida elementum nunc, id faucibus sem feugiat sit amet. Nullam aliquam molestie vestibulum.<br />
<br />
Integer eget nunc vehicula, dictum augue ut, venenatis elit. Nulla at risus accumsan sem euismod mollis at vitae nisl. In hac habitasse platea dictumst. Nulla commodo mi ac nisl vulputate, sed malesuada augue viverra. Proin ut lacus ipsum. Nam malesuada orci mauris, a accumsan nisl mattis sed. Phasellus congue pharetra ultricies. Integer eget consectetur arcu. Integer orci leo, accumsan in quam eget, malesuada fermentum tellus. Aliquam sapien justo, porttitor id venenatis sodales, ornare nec diam. In rutrum dolor nisi, et ullamcorper enim venenatis nec. Nunc tempus molestie dapibus.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY70ajSdnAjCuopjgeoYsWgs6D0RzTnfJ7jCjAFGyP7PfQqM7P4POG_7AZXjx5ekXs4qOZqtTTBWc4efX8RZkDK9ujPQDT2QiZbUEQGLfNiJoPMV9nIaZtEzTkKOl6fZBQ9R2cuhsfvPY/s1600/gabbiano.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY70ajSdnAjCuopjgeoYsWgs6D0RzTnfJ7jCjAFGyP7PfQqM7P4POG_7AZXjx5ekXs4qOZqtTTBWc4efX8RZkDK9ujPQDT2QiZbUEQGLfNiJoPMV9nIaZtEzTkKOl6fZBQ9R2cuhsfvPY/s1600/gabbiano.jpg" /></a></div>
<br />
Vivamus volutpat purus sit amet nulla pellentesque porta. Cras molestie condimentum orci eget pellentesque. Praesent eu tristique dolor. Nulla auctor ac elit vitae elementum. Suspendisse quis urna mi. Duis scelerisque blandit quam quis mattis. Nunc tempus ante sed tempor cursus. Cras sit amet varius quam, fringilla ultricies sapien. Sed a feugiat erat.Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-4249961603849208007.post-78911758980405459942013-06-11T10:47:00.002+02:002013-06-11T14:09:46.200+02:00Demo di un aggregatore di siti creato usando i feed.Il widget dei feed sulla destra mostrerà gli ultimi articoli pubblicati da una serie di 10 blog mettendo al primo posto quello più recente. Per le istruzioni sulla installazione consultate questo articolo<br />
<br />
<ul>
<li><b><a href="http://www.ideepercomputeredinternet.com/2013/06/aggregatore-feed-blogger.html" target="_blank">Aggregatore creato con i feed</a> </b>-</li>
</ul>
<div>
I feed che sono stati inseriti sono relativi ai blog:</div>
<br />
<div>
http://www.dietaedintorni.net/feeds/posts/default</div>
<div>
<div>
http://fioredicollina.blogspot.com/feeds/posts/default</div>
<div>
http://interclubacquaviva.blogspot.com/feeds/posts/default</div>
<div>
http://sfrenzychannel.blogspot.com/feeds/posts/default</div>
<div>
http://maxsomagazine.blogspot.com/feeds/posts/default</div>
<div>
http://myricettarium.blogspot.com/feeds/posts/default</div>
<div>
http://amaraterra.blogspot.com/feeds/posts/default</div>
<div>
http://ilrifugiodeglielfi.blogspot.com/feeds/posts/default</div>
<div>
http://riviera-del-conero.blogspot.com/feeds/posts/default</div>
<div>
http://dona-laterrazza.blogspot.com/feeds/posts/default</div>
</div>
<div>
<br /></div>
<div>
Se qualcuno vuole essere tolto dall'aggregatore me lo faccia sapere.</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDtgqce8_uJEEH4vJoHor8PCtyjoy4cebs7voJplLHFjHaHIhg_Rl2kvQJxdQUaoRDRERd2jfDWhlXcB2PAtxa62KOEA3MHiQcGPpiig0GpdRdpTwySkxm0zLHrViYaOz0fYhwZo2gte9v/s1600/texture1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDtgqce8_uJEEH4vJoHor8PCtyjoy4cebs7voJplLHFjHaHIhg_Rl2kvQJxdQUaoRDRERd2jfDWhlXcB2PAtxa62KOEA3MHiQcGPpiig0GpdRdpTwySkxm0zLHrViYaOz0fYhwZo2gte9v/s1600/texture1.jpg" /></a></div>
<div>
<br /></div>
<br />
<div>
<br /></div>
<div>
<br /></div>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-4249961603849208007.post-30760408591830776292013-04-08T11:16:00.001+02:002013-04-08T11:16:20.655+02:00Demo del Widget degli Ultimi Commenti con Avatar Ruotante.Sulla sinistra potete visualizzare il widget degli ultimi commenti con avatar ruotante al passaggio del mouse. Per l'installazione di questo gadget consultate il post seguente:<br />
<br />
<ul>
<li>Widget degli Ultimi Commenti con Avatar Ruotante -</li>
</ul>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com3tag:blogger.com,1999:blog-4249961603849208007.post-71370801587176121162013-03-04T11:46:00.002+01:002017-10-07T12:04:22.356+02:00Demo del widget dei top commentatori<b>Widget dei top commentatori con AVATAR</b>. Per le istruzioni sulla sua installazione consultate il seguente post:<br />
<br />
<ul>
<li><b><a href="http://www.ideepercomputeredinternet.com/2017/10/top-commentators-blogger-gadget.html" target="_blank">Gadget Top Commentatori con Avatar</a> </b>-</li>
</ul>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com2tag:blogger.com,1999:blog-4249961603849208007.post-14165840631502009492013-02-05T15:38:00.001+01:002013-02-05T16:31:14.401+01:00Demo degli Articoli Correlati con MiniaturePer la installazione di questo widget visibile nella parte bassa della pagina<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7daYRnQCuO3IPCQMv8iSoI-EP_59q8vRNNhhK09QZpGXlbMXDePcjM1TiHZjz82ksfqnzGi0WHBCuzTauVOAPo-KjQUoz0N_I7yC9j3qLC0puv9CEg4nGFf2qSBVqINZfMve9oGCVGq4Y/s1600/articoli+simili.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="152" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7daYRnQCuO3IPCQMv8iSoI-EP_59q8vRNNhhK09QZpGXlbMXDePcjM1TiHZjz82ksfqnzGi0WHBCuzTauVOAPo-KjQUoz0N_I7yC9j3qLC0puv9CEg4nGFf2qSBVqINZfMve9oGCVGq4Y/s400/articoli+simili.png" width="400" /></a></div>
consultare l'articolo seguente:<br />
<br />
<ul>
<li><a href="http://www.ideepercomputeredinternet.com/2013/02/related-posts-with-thumbnails-for-blogger.html" target="_blank"><b>Related Posts with Thumbnails for Blogspot sites</b></a> - </li>
</ul>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-4249961603849208007.post-88907554138411668662013-01-23T17:19:00.000+01:002013-01-23T18:03:52.259+01:00Demo del widget degli Articoli Correlati con miniature e Tooltip.In basso si può visualizzare la dimostrazione del widget degli Articoli Correlati con Miniature. Per le istruzioni relative consultate il post:<br />
<br />
<ul>
<li><a href="http://www.ideepercomputeredinternet.com/2013/01/articoli-simili-miniature.html" target="_blank"><b>Come installare il gadget degli Articoli Simili con Miniature</b></a> -</li>
</ul>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com2tag:blogger.com,1999:blog-4249961603849208007.post-58596848366767588372012-11-28T16:41:00.001+01:002012-11-28T17:03:08.669+01:00Dimostrazione del servizio Markerly per la condivisione di immagini e testo sui vari social.Se viene selezionato del testo o se si passa il mouse sopra una immagine si può condividere sui social cliccando sulle icone che vengono visualizzate. Per le istruzioni sulla installazione consultate il post<br />
<br />
<ul>
<li><b><a href="http://www.ideepercomputeredinternet.com/2012/11/markerly-condividere-social.html" target="_blank">Come installare Markerly in Blogger</a></b> -</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAdxWLTXa53l_ZpDl6W5CT0MDUYZMhCpvfyRqGi9cZHYCqxR2uEQgFBmUQowfl401OkL8bX5wetBmQlw-aZKh28sPAEtuYIc4km8lDdHsr9_dRIlDTDWonadMaBdDUUUypNRkeNF3fHd8M/s1600/albero.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAdxWLTXa53l_ZpDl6W5CT0MDUYZMhCpvfyRqGi9cZHYCqxR2uEQgFBmUQowfl401OkL8bX5wetBmQlw-aZKh28sPAEtuYIc4km8lDdHsr9_dRIlDTDWonadMaBdDUUUypNRkeNF3fHd8M/s1600/albero.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbt_ZZ3aVVnaCMRGs5rnE89IYkTVcC6yYJYb0w18bfoQ_vmqGjR2OCO_-xU_OxVSfg_eCiEZOdYHJ_6hgHC4ltvt-DXSzrJHjwMQ9sGprWm__BkCmu6dXQ9vgEOV_2diLAetomc7Td1xNQ/s1600/cavalli.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbt_ZZ3aVVnaCMRGs5rnE89IYkTVcC6yYJYb0w18bfoQ_vmqGjR2OCO_-xU_OxVSfg_eCiEZOdYHJ_6hgHC4ltvt-DXSzrJHjwMQ9sGprWm__BkCmu6dXQ9vgEOV_2diLAetomc7Td1xNQ/s1600/cavalli.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris metus urna, imperdiet in hendrerit vel, aliquam eget tellus. Fusce vitae purus iaculis augue sagittis iaculis. Fusce eu dui sit amet dolor condimentum venenatis non quis lorem. Integer eu tortor sit amet mauris egestas vestibulum. Phasellus eu enim nulla. Ut mi turpis, faucibus sit amet semper ut, lobortis vitae ipsum. Fusce malesuada, tortor sit amet porta laoreet, dolor lacus ornare justo, eu interdum purus dolor sit amet dolor. Aenean laoreet aliquam ante sit amet imperdiet. Morbi mauris massa, aliquam molestie auctor ut, cursus elementum ipsum. Phasellus non velit lacus, id bibendum est. Nunc sit amet tellus et nisi varius dictum. Nulla facilisi. Quisque sodales dolor quis odio pulvinar feugiat.<br />
<br />
Sed metus nisl, tincidunt nec posuere sit amet, elementum at elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus nec sapien dui. Vestibulum vel dui dolor. Morbi iaculis placerat ipsum, quis dignissim neque accumsan eu. Nulla non ante quis augue ullamcorper pellentesque. Mauris eleifend enim a elit elementum malesuada suscipit sit amet mi. Nulla at mi sed dui feugiat sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<br /></div>
<br />
<br />
<br />Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-4249961603849208007.post-28569272776774716832012-11-07T11:09:00.001+01:002012-11-07T11:44:36.040+01:00Demo del widget dei post più popolari ruotanti.Sulla destra è posdsibile vedere il widget dei Post più Popolari che è ufficiale di Blogger ma reso in forma ruotante con questo aspetto<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYpQvT7yOEcIDWCavqC_7eapRFDyKKewPwX6zM-0WQYAL_ooyfRaGehw4jLvQ7gWlrbkKmLPaJkfG-siCVRCL0k2Xm0VngJPcbVmMzN1nJrvAfWFfVnJwgpw_l80mnU4A3Cm9kP8lFBQoI/s1600/post-popolari.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYpQvT7yOEcIDWCavqC_7eapRFDyKKewPwX6zM-0WQYAL_ooyfRaGehw4jLvQ7gWlrbkKmLPaJkfG-siCVRCL0k2Xm0VngJPcbVmMzN1nJrvAfWFfVnJwgpw_l80mnU4A3Cm9kP8lFBQoI/s320/post-popolari.png" width="238" /></a></div>
Le miniature ruotano al passaggio del cursore. Per le istruzioni di installazione consultate il seguente post<br />
<br />
<ul>
<li><a href="http://www.ideepercomputeredinternet.com/2012/11/blogger-widget-post-popolari-miniature.html" target="_blank"><b>Widget dei post più popolari con miniature che ruotano</b></a> -</li>
</ul>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com1tag:blogger.com,1999:blog-4249961603849208007.post-15899245910182122112012-10-30T14:22:00.004+01:002012-10-30T15:13:02.340+01:00Casella di ricerca per sidebar di Blogger.Sulla destra è visibile una casella di ricerca sui contenuti di questo blog. Se si clicca nel modulo questo si espanderà fino a prendere tutta la larghezza della sidebar. Per le istruzioni sulla installazione consultate il post<br />
<br />
<ul>
<li><a href="http://www.ideepercomputeredinternet.com/2012/10/blogger-casella-ricerca-personalizzata.html" target="_blank"><b>Casella di ricerca personalizzata per Blogger</b> </a>-</li>
</ul>
<br />
<div>
<br /></div>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-4249961603849208007.post-15586881796518750452012-09-27T15:54:00.001+02:002012-10-20T10:52:35.557+02:00Demo degli articoli casuali per BloggerSulla destra è visibile il widget degli articoli casuali ruotanti per Blogger. Per installare questo widget consultate l'articolo seguente<br />
<br />
<ul>
<li><a href="http://www.ideepercomputeredinternet.com/2012/09/widget-post-casuali-blogger.html" target="_blank"><b>Widget degli Articoli Casuali con Miniature per Blogger</b> </a>-</li>
</ul>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-4249961603849208007.post-35793791499831207162012-09-09T10:47:00.002+02:002012-09-09T14:21:22.649+02:00Post di Demo del menù multicolore a più livelli. Questo post è una dimostrazione di un menù multilivello e multicolorato che potete vedere in alto sopra alla intestazione del blog. Per l'installazione di questo menù consultate l'articolo<br />
<br />
<h4>
<ul>
<li><a href="http://www.ideepercomputeredinternet.com/2012/09/menu-multicolor-multilivello-dropdown-blogger.html" target="_blank"><b>Creare un menù multicolore su due livelli per Blogger</b> </a>-</li>
</ul>
</h4>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0