tag:blogger.com,1999:blog-71277865311697895472024-02-07T08:35:59.647+01:00Widget per BloggerErnesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.comBlogger63125tag:blogger.com,1999:blog-7127786531169789547.post-7494117205894753512017-01-17T14:50:00.001+01:002017-01-17T16:15:10.588+01:00Demo dei bottoni di condivisione in 3 dimensione per BloggerIn basso si può condividere questo post cliccando sulla apposita icona in tre dimensioni che avrà un effetto schiacciamento al passaggio del cursore. Per le istruzioni sulla loro installazione consultate il post seguente:<br />
<br />
<ul>
<li><a href="http://www.ideepercomputeredinternet.com/2017/01/blogger-3d-share-social-button-desktop-mobile.html"><b>Come aggiungere i bottoni di condivisione in 3 dimensioni su Blogger</b></a> -</li>
</ul>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-7127786531169789547.post-38670713676382990352016-12-06T12:04:00.002+01:002016-12-06T12:04:36.714+01:00Demo delle icone sociali con effetto 3D.Sulla destra è mostrato il widget delle icone sociali con effetto tridimensionale che può essere installato seguendo questo post<br />
<br />
<ul>
<li><a href="http://www.ideepercomputeredinternet.com/2016/12/icone-sociali-effetto-3d-blogger-widget.html" target="_blank"><b>Widget icone sociali in 3D</b></a> -</li>
</ul>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-7127786531169789547.post-36914727922647247442016-10-07T14:20:00.002+02:002016-10-10T15:20:23.662+02:00Demo della Galleria di immagini con slideshow e collegamento ai post.In alto si visualizza uno slideshow di immagini con link ai post e bottoni di navigazione. Per la sua installazione consultate questo articolo:<br />
<br />
<ul>
<li><b><a href="http://www.ideepercomputeredinternet.com/2016/10/blogger-slideshow.html" target="_blank">Slideshow personalizzabile di immagini con link ai post</a></b> -</li>
</ul>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-a25EMoeoyqA/UkKaUNzk6fI/AAAAAAAA2wY/IjfpLmqoXyoRVNGI5IV0QetcGnf52d0-wCPcB/s1600/chiesa.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="https://2.bp.blogspot.com/-a25EMoeoyqA/UkKaUNzk6fI/AAAAAAAA2wY/IjfpLmqoXyoRVNGI5IV0QetcGnf52d0-wCPcB/s320/chiesa.jpg" width="320" /></a></div>
<div>
<br /></div>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com1tag:blogger.com,1999:blog-7127786531169789547.post-5710022549699198812016-10-03T17:25:00.001+02:002016-10-10T15:20:47.964+02:00Demo della pubblicazione di un video responsive HTML5 con CSS.Se voi aprite questa pagina con un computer desktop, con un tablet o con uno smartphone di qualsiasi dimensione visualizzerete il player sempre della dimensione giusta e mai debordante rispetto alla larghezza della pagina. Per le istruzioni su come procedere consultate questa guida<br />
<br />
<ul>
<li><b><a href="http://www.ideepercomputeredinternet.com/2016/10/how-to-make-responsive-video-html5-css.html" target="_blank">Come creare un video elastico responsive che si adatta alle dimensioni con CSS</a></b> -</li>
</ul>
<div class="video-player">
<iframe allowfullscreen="" frameborder="0" height="450" src="https://www.youtube.com/embed/g37NPAdzMno?rel=0&showinfo=0" width="800"></iframe>
</div>
<br />
Qui di seguito può essere digitato il resto dell'articolo.
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-ifY87auJoXU/UkKaWcHzDhI/AAAAAAAAjlU/RIkqyO6VVukFAZZRXRZSvygQ-CaRZR0yACPcB/s1600/fiori.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="https://2.bp.blogspot.com/-ifY87auJoXU/UkKaWcHzDhI/AAAAAAAAjlU/RIkqyO6VVukFAZZRXRZSvygQ-CaRZR0yACPcB/s320/fiori.jpg" width="320" /></a></div>
<br />Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-7127786531169789547.post-87355763662797679852016-09-27T10:59:00.001+02:002016-10-10T15:21:05.802+02:00Demo di uno slideshow di immagini per Blogger con link ai post.Sulla destra è visibile il widget di uno slideshow di immagini che si visualizzano per 3 secondi. Per la sua installazione consultate il post seguente:<br />
<br />
<ul>
<li><b><a href="http://www.ideepercomputeredinternet.com/2016/09/blogger-widget-slideshow-google-foto.html" target="_blank">Come installare il widget dello slideshow di immagini di Google Foto per Blogger</a> </b>-</li>
</ul>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-RHzpXk63YVI/UkKadYOKQhI/AAAAAAAAjlc/OUzdcQXN204DIExBrWQC72rR4tY0zyq6ACPcB/s1600/inverno.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="https://2.bp.blogspot.com/-RHzpXk63YVI/UkKadYOKQhI/AAAAAAAAjlc/OUzdcQXN204DIExBrWQC72rR4tY0zyq6ACPcB/s320/inverno.jpg" width="320" /></a></div>
<div>
<br /></div>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-7127786531169789547.post-53470948017617042192016-06-16T13:29:00.002+02:002016-10-10T15:21:22.103+02:00Demo della Pagina di Benvenuto con video in autoplaySe siete arrivati in questo post significa che avete cliccato su <b>Accedi al blog</b> nella<b> pagina di benvenuto </b>che avete aperto. Per le istruzioni su come installare questa personalizzazione consultate il post seguente:<br />
<ul>
<li><b><a href="http://www.ideepercomputeredinternet.com/2016/06/video-benvenuto-blogger.html" target="_blank">Come mostrare una pagina di benvenuto con video in autoplay e bottone di accesso</a> -</b></li>
</ul>
<div>
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-PurO6FbS0cc/UkKaf_S6CqI/AAAAAAAAjlk/uQZKzTIDdeQPCDQQa_ofC6efG5n7aO7iACPcB/s1600/monte-neve.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="https://2.bp.blogspot.com/-PurO6FbS0cc/UkKaf_S6CqI/AAAAAAAAjlk/uQZKzTIDdeQPCDQQa_ofC6efG5n7aO7iACPcB/s320/monte-neve.jpg" width="320" /></a></div>
<div>
<b><br /></b></div>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-7127786531169789547.post-67616227271204367842016-05-24T10:11:00.002+02:002016-10-10T15:21:38.843+02:00Demo di una finestra popup con collegamento a una landing pageSe aprite questo post visualizzerete una finestra con una immagine e un link che vi invita ad accedere a una landing page. Può essere creata una immagine e inserito un nostro link per installare questa personalizzazione nel nostro sito. Per le istruzioni consultate questo post:<br />
<br />
<ul>
<li><a href="http://www.ideepercomputeredinternet.com/2016/05/finestra-popup-landing-page-link-svg.html" target="_blank"><b>Finestra popup con link a una pagina del sito per Blogger</b> </a>-</li>
</ul>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-9KH694OiwMg/UkKai5dmXvI/AAAAAAAAjls/PblW8BbBEAITqkQZTrqOvrmtpSfSi5e0QCPcB/s1600/tracce.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="https://4.bp.blogspot.com/-9KH694OiwMg/UkKai5dmXvI/AAAAAAAAjls/PblW8BbBEAITqkQZTrqOvrmtpSfSi5e0QCPcB/s320/tracce.jpg" width="320" /></a></div>
<div>
<br /></div>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-7127786531169789547.post-43810281342987870132016-05-19T15:10:00.002+02:002016-05-19T16:35:23.008+02:00Demo del bottone di Pinterest sulle immagini per Blogger e Wordpress.Se passate con il mouse sopra a una delle immagini di questo post visualizzerete l'icona di<b> Pinterest </b>per postarla con un click in una <b>Bacheca</b> del social network. Per le istruzioni sulla sua installazione consultate il post seguente:<br />
<br />
<ul>
<li><b><a href="http://www.ideepercomputeredinternet.com/2016/05/pinterest-blogger-wordpress-bottone-javascript.html" target="_blank">Come visualizzare l'icona di Pinterest al passaggio del mouse sopra le immagini</a></b> -</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-mRf004w_PTg/UBOwI0yMqZI/AAAAAAAAZQk/9-yqC59q5TwxFC2to3XZePyNcWNjmUXSwCKgB/s1600/albero.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://2.bp.blogspot.com/-mRf004w_PTg/UBOwI0yMqZI/AAAAAAAAZQk/9-yqC59q5TwxFC2to3XZePyNcWNjmUXSwCKgB/s1600/albero.jpg" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvCToempKzSOcEA_KCc_aaJ-rPV8FQscZs0oeso__tYXUxsFtgM2FjMSASfYhEELOK1F_X-Muuq38A2ITpx2Kqs795nvOrv59nPwtmjKhb_tzoRJZECXj7_OVV5t0jngOowlniZC3LQzc/s1600/alci.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvCToempKzSOcEA_KCc_aaJ-rPV8FQscZs0oeso__tYXUxsFtgM2FjMSASfYhEELOK1F_X-Muuq38A2ITpx2Kqs795nvOrv59nPwtmjKhb_tzoRJZECXj7_OVV5t0jngOowlniZC3LQzc/s1600/alci.jpg" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-XOWrP_B8gZY/UBOwP15f_hI/AAAAAAAAZQ0/SEcKKa76NewO7exXEAglodw__ZMXznm-ACKgB/s1600/bruco.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-XOWrP_B8gZY/UBOwP15f_hI/AAAAAAAAZQ0/SEcKKa76NewO7exXEAglodw__ZMXznm-ACKgB/s1600/bruco.jpg" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-fU4hnsP1_AA/UBOw1XoOngI/AAAAAAAAZRE/bkjj2JAJN04118QNQSS3SxDoAEvRqBtDQCKgB/s1600/corolla.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-fU4hnsP1_AA/UBOw1XoOngI/AAAAAAAAZRE/bkjj2JAJN04118QNQSS3SxDoAEvRqBtDQCKgB/s1600/corolla.jpg" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-dAQjEhc6n9w/UBOw76EareI/AAAAAAAAZRU/teTpTdfKDO8JqYUVbXQMtfq6RzcWbV_zgCKgB/s1600/insetti.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-dAQjEhc6n9w/UBOw76EareI/AAAAAAAAZRU/teTpTdfKDO8JqYUVbXQMtfq6RzcWbV_zgCKgB/s1600/insetti.jpg" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-OnuL9M2lteo/UBOxCxtcocI/AAAAAAAAZRk/O69x4wuPwosnpl3iF1gMb-JvQpWLMxGvwCKgB/s1600/microscopio.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://3.bp.blogspot.com/-OnuL9M2lteo/UBOxCxtcocI/AAAAAAAAZRk/O69x4wuPwosnpl3iF1gMb-JvQpWLMxGvwCKgB/s1600/microscopio.jpg" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW9BZhtVjw7Y27ve77etHFLei5XfONyxWc1SDd1WPO0wZ9FmUzFp_aszPLZ0E5f8nm8ujsYB-f0SNUYNQe-uQtviUr8zV61z2-cwp5zGCm2Wm0xuVz2pxxzTrW1CLh9AR23iRaWGiOHdw/s1600/rana.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW9BZhtVjw7Y27ve77etHFLei5XfONyxWc1SDd1WPO0wZ9FmUzFp_aszPLZ0E5f8nm8ujsYB-f0SNUYNQe-uQtviUr8zV61z2-cwp5zGCm2Wm0xuVz2pxxzTrW1CLh9AR23iRaWGiOHdw/s1600/rana.jpg" /></a></div>
<div>
<br /></div>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-7127786531169789547.post-13076474534442636042016-05-16T10:46:00.001+02:002016-10-10T15:22:18.338+02:00Demo della Nuvola delle Etichette.Nella sidebar di destra si visualizzerà la nuvola delle etichette che si animerà al passaggio del cursore. Per la sua installazione vanno seguite le istruzioni del post seguente:<br />
<div>
<ul>
<li><b><a href="http://www.ideepercomputeredinternet.com/2016/05/blogger-widget-nuvola-etichette.html" target="_blank">Come installare la nuvola delle etichette di Blogger</a></b> -</li>
</ul>
<div>
<br /></div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-f1WIgAn1KKA/UkKan8ASUmI/AAAAAAAAjl8/ZH_NP1Hf7JgPvTSJqwLpk-34668hLZ6bgCPcB/s1600/villaggio.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="https://2.bp.blogspot.com/-f1WIgAn1KKA/UkKan8ASUmI/AAAAAAAAjl8/ZH_NP1Hf7JgPvTSJqwLpk-34668hLZ6bgCPcB/s320/villaggio.jpg" width="320" /></a></div>
<div>
<br /></div>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-7127786531169789547.post-88594739921014128632016-05-11T16:54:00.002+02:002016-10-10T15:22:38.022+02:00Post di Demo sulla Impaginazione del widget EtichetteSopra a questo post vedrete la scritta "Inizia il tour tra le etichette". Cliccandoci sopra verranno visualizzati i numeri di pagina delle varie etichette tra cui navigare. Per le istruzioni su questa personalizzazione consultate il post seguente:<br />
<br />
<ul>
<li><b><a href="http://www.ideepercomputeredinternet.com/2016/05/blogger-widget-etichette-paginazione.html" target="_blank">Impaginazione del widget Etichette di Blogger</a></b> -</li>
</ul>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-VOVfzjroO3k/UkKaqf0inzI/AAAAAAAAjmE/TQozEfNE-lUY30yIoq46sPqzDIXbkboAQCPcB/s1600/vulcano.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="https://2.bp.blogspot.com/-VOVfzjroO3k/UkKaqf0inzI/AAAAAAAAjmE/TQozEfNE-lUY30yIoq46sPqzDIXbkboAQCPcB/s320/vulcano.jpg" width="320" /></a></div>
<div>
<br /></div>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-7127786531169789547.post-35667335838970692912016-02-05T11:45:00.000+01:002016-02-05T14:09:53.105+01:00Demo di opzioni di scelta per contenuto Se andate in una delle opzioni poste in basso visualizzerete una un contenuto diverso a seconda della scelta. Per le istruzioni su come installare questa opzione consultate il post seguente:<br />
<br />
<ul>
<li><a href="http://www.ideepercomputeredinternet.com/2016/02/contenitore-bottoni-opzione-blogger.html"><b>Mostrare diverse opzioni di contenuto in uno stesso spazio</b></a></li>
</ul>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<style>
#menu_about a {
font-size:20px;
font-weight:500;
color:#036 !important;
}
#pages_about {
width:500px;
border:1px solid #00f;
font-size:16px;
}
</style>
<div align='center'>
<div id="menu_about">
<a class="link" href="#about" data-link="first">
Opzione1
</a> •
<a class="link" href="#about" data-link="second">Opzione2</a> •
<a class="link" href="#about" data-link="third">Opzione3</a> •
<a class="link" href="#about" data-link="fourth">Opzione4</a> •
<a class="link" href="#about" data-link="fifth">Opzione5</a>
</div>
<div id="pages_about" class="textContainer_about">
<div class="textWord_about" data-link="first">
<p><span style='color:red;'>Questo testo è visibile quando si clicca sulla Opzione1</span><br/>Morbi a metus. Phasellus enim erat, vestibulum vel, aliquam a, posuere eu, velit. Nullam sapien sem, ornare ac, nonummy non, lobortis a, enim. Nunc tincidunt ante vitae massa. Duis ante orci, molestie vitae, vehicula venenatis, tincidunt ac, pede. Nulla accumsan, elit sit amet varius semper, nulla mauris mollis quam, tempor</p>
</div>
<div class="textWord_about" data-link="second">
<p><span style='color:blue;'>Questo testo è visibile quando si clicca sulla Opzione2</span><br/>Aliquam in lorem sit amet leo accumsan lacinia. Integer rutrum, orci vestibulum ullamcorper ultricies, lacus quam ultricies odio, vitae placerat pede sem sit amet enim. Phasellus et lorem id felis nonummy placerat.</p>
</div>
<div class="textWord_about" data-link="third">
<p><span style='color:green;'>Questo testo è visibile quando si clicca sulla Opzione3</span><br/>Fusce dui leo, imperdiet in, aliquam sit amet, feugiat eu, orci. Aenean vel massa quis mauris vehicula lacinia. Quisque tincidunt scelerisque libero. Maecenas libero. Etiam dictum tincidunt diam.</p>
</div>
<div class="textWord_about" data-link="fourth">
<p><span style='color:orange;'>Questo testo è visibile quando si clicca sulla Opzione4</span><br/>Donec ipsum massa, ullamcorper in, auctor et, scelerisque sed, est. Suspendisse nisl. Sed convallis magna eu sem. Cras pede libero, dapibus nec, pretium sit amet, tempor quis, urna.</p>
</div>
<div class="textWord_about" data-link="fifth">
<p><span style='color: brown;'>Questo testo è visibile quando si clicca sulla Opzione5</span><br/>In sem justo, commodo ut, suscipit at, pharetra vitae, orci. Duis sapien nunc, commodo et, interdum suscipit, sollicitudin et, dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</div>
</div>
</div>
<script type="text/javascript">
$('.textWord_about').hide();
$('.link').click(function() {
$('.textWord_about').hide();
$('.textWord_about[data-link=' + $(this).data('link') + ']').fadeIn({
width: '200px'
}, 300);
});
</script>Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-7127786531169789547.post-54290957509990855682016-01-18T16:09:00.000+01:002016-10-10T15:23:37.470+02:00Widget delle Ultime NotizieSulla destra viene visualizzato un widget scorrevole con le ultime notizie della Homepage del Corriere, Repubblica e la Gazzetta dello Sport. Per le istruzioni sulla sua installazione consultate l'articolo seguente:<br />
<br />
<ul>
<li><a href="http://www.ideepercomputeredinternet.com/2016/01/widget-notizie-scorrevole-blogger-wordpress.html" target="_blank"><b>Come installare un widget scorrevole delle ultime notizie in Blogger e Wordpress</b> </a>-</li>
</ul>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-XzV0lvYlAxA/V6rz0wZCdYI/AAAAAAAA3lA/_OHyvTkISsgI9oKPiwudUsf3cMLvic8DgCPcB/s1600/Elefante.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://1.bp.blogspot.com/-XzV0lvYlAxA/V6rz0wZCdYI/AAAAAAAA3lA/_OHyvTkISsgI9oKPiwudUsf3cMLvic8DgCPcB/s320/Elefante.jpg" width="320" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<br /></div>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-7127786531169789547.post-24921819437630719492015-11-01T23:23:00.002+01:002015-11-02T11:40:13.543+01:00Demo di un elemento di un post visibile solo per desktop e tablet ma non da smartphone.In questo articolo sarà possibile visualizzare un video solo se verrà aperto con un dispositivo che abbia una risoluzione superiore a<b> 600 pixel</b>. Per le istruzioni seguite questo articolo:<br />
<br />
<ul>
<li><b><a href="http://www.ideepercomputeredinternet.com/2015/11/media-query-mediascreen-risoluzione-blogger-wordpress.html" target="_blank">Come mostrare un elemento solo nel desktop </a></b>-</li>
</ul>
<br />
<br />
<style>
@media screen and (min-width: 0px) and (max-width: 599px) {
#videoplayer {display:none;}
}
</style>
<div id="videoplayer">
<iframe allowfullscreen="" frameborder="0" height="338" src="https://www.youtube.com/embed/I0G1PshUNBY" width="600"></iframe>
</div>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-7127786531169789547.post-14316694628983520472015-10-19T10:06:00.000+02:002015-10-19T10:55:12.928+02:00Demo del widget orizzontale delle miniature degli ultimi post.In alto è visibile il widget delle miniature degli ultimi articoli con i rispettivi titoli. Per l'installazione consultate il seguente post:<br />
<br />
<ul>
<li><a href="http://www.ideepercomputeredinternet.com/2015/10/widget-orizzontale-miniature-ultimi-post-blogger.html" target="_blank"><b>Widget orizzontale delle miniature degli ultimi post per Blogger</b></a> -</li>
</ul>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-7127786531169789547.post-21863614690207198522015-10-15T10:28:00.001+02:002015-10-15T11:02:22.544+02:00Demo delle icone sociali ruotantiSulla destra viene visualizzato un widget con quattro icone che ruoteranno al passaggio del mouse. Per le istruzioni sulla sua installazione consultate il post:<br />
<br />
<ul>
<li><b><a href="http://www.ideepercomputeredinternet.com/2015/10/icone-ruotanti-facebook-twitter-googleplus-rss.html" target="_blank">Icone sociali ruotanti Facebook, Twitter, Google+ e Feed RSS</a> </b>-</li>
</ul>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com1tag:blogger.com,1999:blog-7127786531169789547.post-85354586918909771432015-10-12T14:56:00.002+02:002015-10-12T16:09:51.104+02:00Demo della condivisione sociale di testo e immagini con Markerly<div style="text-align: justify;">
Se selezionate un testo o una immagine di questo post visualizzerete dei tooltip con cui condividere la vostra selezione nei principali social network. Per le istruzioni su come installare questo script consultate il post seguente:</div>
<br />
<ul>
<li style="text-align: justify;"><b><a href="http://www.ideepercomputeredinternet.com/2015/10/markerly-condividere-social-facebook-twitter-linkedin-pinterest-googleplus.html" target="_blank">Condividere nei social il testo e le immagini selezionate con Markerly</a></b> -</li>
</ul>
<div style="text-align: justify;">
"Maecenas ipsum velit, consectetuer eu, lobortis ut, dictum at, dui. In rutrum. Sed ac dolor sit amet purus malesuada congue. In laoreet, magna id viverra tincidunt, sem odio bibendum justo, vel imperdiet sapien wisi sed libero. Suspendisse sagittis ultrices augue. Mauris metus. Nunc dapibus tortor vel mi dapibus sollicitudin. Etiam posuere lacus quis dolor. Praesent id justo in neque elementum ultrices. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. In convallis. Fusce suscipit libero eget elit. Praesent vitae arcu tempor neque lacinia pretium. Morbi imperdiet, mauris ac auctor dictum, nisl ligula egestas nulla, et sollicitudin".</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-9KH694OiwMg/UkKai5dmXvI/AAAAAAAAjls/aKhLECV4E38/s1600/tracce.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="http://2.bp.blogspot.com/-9KH694OiwMg/UkKai5dmXvI/AAAAAAAAjls/aKhLECV4E38/s320/tracce.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-VOVfzjroO3k/UkKaqf0inzI/AAAAAAAAjmE/D4MzDV1ASUQ/s1600/vulcano.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="http://3.bp.blogspot.com/-VOVfzjroO3k/UkKaqf0inzI/AAAAAAAAjmE/D4MzDV1ASUQ/s320/vulcano.jpg" width="320" /></a></div>
<div>
<br /></div>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com1tag:blogger.com,1999:blog-7127786531169789547.post-82292642339907148362015-10-12T10:38:00.000+02:002015-10-12T11:18:34.707+02:00Demo per la condivisione del testo selezionato su Twitter. Se selezionate del testo di questo post visualizzerete un tooltip con la icona di Twitter. Cliccandoci sopra si potrà condividere tale testo sul nostro account Twitter. Per le istruzioni su come installare questa personalizzazione consultate il post seguente:<br />
<br />
<ul>
<li><a href="http://www.ideepercomputeredinternet.com/2015/10/twittare-testo-selezionato.html" target="_blank"><b>Come twittare il testo selezionato in un blog su Blogger</b></a> -</li>
</ul>
<div>
<br /></div>
<div>
"Etiam posuere quam ac quam. Maecenas aliquet accumsan leo. Nullam dapibus fermentum ipsum. Etiam quis quam. Integer lacinia. Nulla est. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Integer vulputate sem a nibh rutrum consequat. Maecenas lorem. Pellentesque pretium lectus id turpis. Etiam sapien elit, consequat eget, tristique non, venenatis quis, ante. Fusce wisi. Phasellus faucibus molestie nisl. Fusce eget urna. Curabitur vitae diam non enim vestibulum interdum. Nulla quis diam. Ut tempus purus at lorem.</div>
<br />
<div>
<br /></div>
<div>
In sem justo, commodo ut, suscipit at, pharetra vitae, orci. Duis sapien nunc, commodo et, interdum suscipit, sollicitudin et, dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam id dolor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris dictum facilisis augue. Fusce tellus. Pellentesque arcu. Maecenas fermentum, sem in pharetra pellentesque, velit turpis volutpat ante, in pharetra metus odio a lectus. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam. Mauris dolor felis, sagittis at, luctus sed, aliquam non, tellus. Etiam ligula pede, sagittis quis, interdum ultricies, scelerisque eu, urna. Nullam at arcu a est sollicitudin euismod. Praesent dapibus. Duis bibendum, lectus ut viverra rhoncus, dolor nunc faucibus libero,"</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Y8O8QVxH0dY/U6KgsEw5dCI/AAAAAAAAnsU/OppHliqBvoc/s1600/notturno.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="215" src="http://2.bp.blogspot.com/-Y8O8QVxH0dY/U6KgsEw5dCI/AAAAAAAAnsU/OppHliqBvoc/s320/notturno.jpg" width="320" /></a></div>
<div>
<br /></div>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-7127786531169789547.post-91661702750902772732015-10-03T10:15:00.000+02:002015-10-09T09:25:50.872+02:00Post di Demo sul Menù Laterale a ScomparsaSulla destra viene visualizzato un menù solo al passaggio del mouse sulla icona. Per le istruzioni sulla sua installazione consultate il post seguente:<br />
<br />
<ul>
<li><b><a href="http://www.ideepercomputeredinternet.com/2015/10/menu-slide-blogger-awesome.html" target="_blank">Menù laterale a scomparsa con Bottoni di Twitter, Facebook e Google+</a></b>.</li>
</ul>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-7127786531169789547.post-28085783941386171862015-09-14T10:06:00.001+02:002015-10-09T09:26:35.221+02:00Demo del widget degli Articoli Casuali con Miniature Ruotanti.Sulla destra è visibile il widget che mostra alcuni articoli casuali con le miniature ruotanti. Per le istruzioni sulla sua installazione consultate il post seguente:<br />
<br />
<ul>
<li><a href="http://www.ideepercomputeredinternet.com/2015/09/blogger-post-casuali-widget.html" target="_blank"><b>Gadget Articoli Casuali con Miniature Ruotanti</b></a> -</li>
</ul>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-7127786531169789547.post-53877882952916257762015-07-15T11:14:00.002+02:002015-10-09T09:25:50.852+02:00Demo di un bellissimo widget degli ultimi post con miniature.Sulla destra potete visualizzare il widget degli Ultimi Post con miniature. Per la sua installazione consultate l'articolo seguente:<br />
<br />
<ul>
<li><a href="http://www.ideepercomputeredinternet.com/2015/07/blogger-widget-recent-posts-thumbnails.html" target="_blank">Spettacolare widget degli ultimi post con miniature</a> -</li>
</ul>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6h0jPakRC9JEfctFDnG0Sv7wywQiGIXmqKvkAEEZyXo_OctBkX5KaJlwbi4_PA6K-oCgjEhn26YYBMzDahbc2QvqaJQaj_VDfEwbgZDlwZQwF5GS-B3XlBL6yem6QA0mb7hvk8jOyVn0/s1600/spiaggia.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6h0jPakRC9JEfctFDnG0Sv7wywQiGIXmqKvkAEEZyXo_OctBkX5KaJlwbi4_PA6K-oCgjEhn26YYBMzDahbc2QvqaJQaj_VDfEwbgZDlwZQwF5GS-B3XlBL6yem6QA0mb7hvk8jOyVn0/s1600/spiaggia.jpg" /></a></div>
<div>
<br /></div>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com2tag:blogger.com,1999:blog-7127786531169789547.post-23471765974741777732015-07-10T10:38:00.004+02:002015-10-09T09:26:35.214+02:00Demo di un post che si ricarica ogni 60 secondi.<div style="text-align: justify;">
Questo articolo è configurato in modo da ricaricarsi o rinfrescarsi o aggiornarsi ogni <b>60 secondi</b>. Per verificarlo cliccate sulla crocetta del banner per toglierlo e vedrete che dopo <b>60 secondi ricomparirà</b> perché la pagina si aggiorna automaticamente. Per le istruzioni consultate il post seguente: </div>
<ul style="text-align: justify;">
<li><a href="http://www.ideepercomputeredinternet.com/2015/07/refresh-automatico-blogger.html" target="_blank"><b>Come aggiungere un refresh automatico in Blogger</b></a> -</li>
</ul>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer in mollis purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse hendrerit turpis metus, vel volutpat ante pulvinar at. Phasellus scelerisque porta augue, et interdum dui commodo in. Suspendisse mi purus, dapibus sit amet tincidunt at, tincidunt non augue. Praesent eget fermentum arcu. Fusce et ultrices mauris. Mauris euismod felis vitae felis ullamcorper tincidunt. Etiam semper, lacus vel vestibulum mollis, lectus arcu condimentum felis, id vestibulum neque magna quis mauris. Cras tincidunt tristique ipsum, quis rhoncus nulla dictum et. Donec elementum massa quis placerat tristique.<br />
<br />
Cras nec arcu ac quam dignissim semper. Integer sollicitudin, nisi eu rutrum sagittis, turpis ipsum euismod ligula, quis gravida enim nisl ut sem. Nam convallis fringilla sem, a luctus magna placerat ac. Sed pulvinar lectus ac aliquam sollicitudin. Ut molestie urna sit amet lorem blandit pulvinar. Vivamus vehicula ligula in iaculis aliquet. Integer vitae ante dapibus, porta nulla tristique, scelerisque sapien. Integer euismod imperdiet dolor in euismod. Morbi dui risus, ultrices vitae tortor vitae, consequat varius velit.<br />
<br />
Vestibulum tincidunt eros nunc, eu consectetur justo pulvinar sed. Nulla non ligula mattis, ullamcorper risus id, posuere ante. Suspendisse vitae cursus augue. Sed a sapien dignissim, laoreet neque eget, sagittis nisi. Sed rutrum nibh vel dolor feugiat, eget ultrices tellus sagittis. Etiam vel urna diam. Donec rutrum finibus suscipit. Fusce erat lorem, faucibus sit amet ullamcorper sed, consequat eget mauris. Curabitur gravida sem ut orci posuere luctus.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis4JN1UNt332zeiDJEQMoLGXFFVS8CJPVL9TZ39j12A2PnBO9YcdZzKk5_Sg2kqm-T_8Wp7acZzeV9RhQT0L2eI4hSERFWTzXREOZ8owc8gR1cFDnP5pNOQzFgpODE9UcrW6Na7Zs090s/s1600/fiori.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis4JN1UNt332zeiDJEQMoLGXFFVS8CJPVL9TZ39j12A2PnBO9YcdZzKk5_Sg2kqm-T_8Wp7acZzeV9RhQT0L2eI4hSERFWTzXREOZ8owc8gR1cFDnP5pNOQzFgpODE9UcrW6Na7Zs090s/s320/fiori.jpg" width="320" /></a></div>
<div style="text-align: justify;">
<br />
<br />
Sed ac metus ut ex pharetra tempus at eu lorem. Fusce in nulla vitae elit rhoncus convallis eu vel augue. Maecenas vel hendrerit risus. Mauris sed sem id turpis fringilla varius. Nam convallis justo id orci tincidunt vestibulum. Morbi accumsan tempor bibendum. Nulla cursus vehicula diam non auctor. Etiam sed turpis sed eros iaculis interdum. Phasellus ullamcorper, urna sit amet eleifend rutrum, ligula ligula molestie elit, ac tincidunt ex tortor id ex. In vel purus mauris. Integer vitae odio sed turpis euismod porta eget non felis.<br />
<br />
Nam hendrerit placerat elit. In vitae placerat ipsum, ut aliquet lorem. Nullam a auctor arcu, a sodales mauris. Nulla efficitur rhoncus justo, et porttitor orci malesuada sit amet. Phasellus aliquam mauris libero, ut pulvinar nulla semper ut. Mauris sed bibendum ex, vel vehicula diam. Nullam mollis efficitur magna, quis sodales mi auctor vitae. Cras semper sagittis semper. Morbi scelerisque sapien ex, eget accumsan felis lacinia at. Nam dictum nisl in quam ultrices, a ullamcorper tortor laoreet. Morbi a tortor massa. Integer quis vulputate nibh, a fermentum est. Fusce molestie vulputate ligula vel faucibus. Vivamus dui nisi, imperdiet nec accumsan eu, sodales sed erat. </div>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-7127786531169789547.post-6939884802758069582015-06-22T10:02:00.003+02:002015-10-09T10:08:19.245+02:00Demo del link Visualizza versione mobileIn basso è visibile il collegamento Visualizza versione mobile che permette di visualizzare questo post nella sua versione mobile cliccandoci sopra. Per le istruzioni consultate questo articolo:<br />
<ul>
<li><b><a href="http://www.ideepercomputeredinternet.com/2015/06/link-visualizza-versione-mobile-blogger.html" target="_blank">Collegamento per la visualizzazione di una pagina di Blogger in versione mobile</a> -</b></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-ly9xv8bywtQ/VQrdRTln9AI/AAAAAAAArrA/kROuimagIY8/s1600/girotondo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="252" src="http://1.bp.blogspot.com/-ly9xv8bywtQ/VQrdRTln9AI/AAAAAAAArrA/kROuimagIY8/s320/girotondo.jpg" width="320" /></a></div>
<div>
<b><br /></b></div>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-7127786531169789547.post-87862999674335698962015-02-01T11:30:00.000+01:002015-10-09T09:25:50.866+02:00Demo dei pulsanti sociali con tooltipIn basso sono visibili i bottoni sociali con tooltip. Per le istruzioni seguite le istruzioni del post:<br />
<ul>
<li><b><a href="http://www.ideepercomputeredinternet.com/2015/02/bottoni-social-network-blogger-tooltip.html" target="_blank">Come installare i bottoni sociali con tooltip </a>-</b></li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-VOVfzjroO3k/UkKaqf0inzI/AAAAAAAAjmE/D4MzDV1ASUQ/s1600/vulcano.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-VOVfzjroO3k/UkKaqf0inzI/AAAAAAAAjmE/D4MzDV1ASUQ/s1600/vulcano.jpg" height="181" width="320" /></a></div>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-7127786531169789547.post-70645924301345690542015-01-31T10:34:00.004+01:002015-10-09T09:26:35.236+02:00Bottoni sociali fluttuanti - Demo -Sulla destra è visibile una barra verticale con le icone dei principali social network. Per le istruzioni sulla sua installazione consultate il post seguente:<br />
<ul>
<li><b><a href="http://www.ideepercomputeredinternet.com/2015/01/bottoni-sociali-fluttuanti-barra-verticale-blogger.html" target="_blank">Icone sociali flottanti per social network</a> </b>-</li>
</ul>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB8CP1hseLn2Krgk3eKVCGSgiUx9MwVChxvaVly8BW-5I6UbCYfrRyAHkstLI9o82pIdEZHsYDOZMA6BdlnFptCH4MnFm_6vBPSSHqhx8DlNG6PF8k8WB7i0sfmLj_g4pjijptOYyvNUI/s1600/Slide+JQuery.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB8CP1hseLn2Krgk3eKVCGSgiUx9MwVChxvaVly8BW-5I6UbCYfrRyAHkstLI9o82pIdEZHsYDOZMA6BdlnFptCH4MnFm_6vBPSSHqhx8DlNG6PF8k8WB7i0sfmLj_g4pjijptOYyvNUI/s1600/Slide+JQuery.gif" /></a></div>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0tag:blogger.com,1999:blog-7127786531169789547.post-5801512045941417962014-10-21T11:19:00.005+02:002015-10-09T09:25:50.859+02:00Post di Demo della Barra flottante con i pulsanti di condivisione con contatore.Scorrendo la pagina verso il basso apparirà una barra con i bottoni per condividere su Twitter, Facebook e Google+. Per la sua installazione consultate il post seguente:<br />
<ul>
<li>Installare una barra fluttuante di condivisione sociale su Blogger -</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis4JN1UNt332zeiDJEQMoLGXFFVS8CJPVL9TZ39j12A2PnBO9YcdZzKk5_Sg2kqm-T_8Wp7acZzeV9RhQT0L2eI4hSERFWTzXREOZ8owc8gR1cFDnP5pNOQzFgpODE9UcrW6Na7Zs090s/s1600/fiori.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis4JN1UNt332zeiDJEQMoLGXFFVS8CJPVL9TZ39j12A2PnBO9YcdZzKk5_Sg2kqm-T_8Wp7acZzeV9RhQT0L2eI4hSERFWTzXREOZ8owc8gR1cFDnP5pNOQzFgpODE9UcrW6Na7Zs090s/s1600/fiori.jpg" height="181" width="320" /> </a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-VOVfzjroO3k/UkKaqf0inzI/AAAAAAAAjmE/D4MzDV1ASUQ/s1600/vulcano.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-VOVfzjroO3k/UkKaqf0inzI/AAAAAAAAjmE/D4MzDV1ASUQ/s1600/vulcano.jpg" height="181" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-pJ8AvHwMPCg/UkKalCRIeFI/AAAAAAAAjl0/qjSnmXDtgLU/s1600/tramonto.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-pJ8AvHwMPCg/UkKalCRIeFI/AAAAAAAAjl0/qjSnmXDtgLU/s1600/tramonto.jpg" height="181" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgB8CP1hseLn2Krgk3eKVCGSgiUx9MwVChxvaVly8BW-5I6UbCYfrRyAHkstLI9o82pIdEZHsYDOZMA6BdlnFptCH4MnFm_6vBPSSHqhx8DlNG6PF8k8WB7i0sfmLj_g4pjijptOYyvNUI/s1600/Slide+JQuery.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div>
Ernesto Tirinnanzihttp://www.blogger.com/profile/03393759575661143644noreply@blogger.com0