tag:blogger.com,1999:blog-41175062643596750952024-02-08T18:37:21.244+01:00SOS BloggerQuesto blog nasce per aiutare i blogger a risolvere alcune problematiche per la creazione dei blog personali!kekkoc4http://www.blogger.com/profile/01050642269136719988noreply@blogger.comBlogger7125tag:blogger.com,1999:blog-4117506264359675095.post-46478535647205156472013-07-31T00:12:00.002+02:002013-07-31T00:27:40.306+02:00Pubblicare immagini con DropBox<div style="text-align: center;">
<i><u>Come risparmiare spazio del Blog utilizzando DropBox</u></i><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://dt8kf6553cww8.cloudfront.net/static/images/login-vfl_7epY-.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="268" src="https://dt8kf6553cww8.cloudfront.net/static/images/login-vfl_7epY-.jpg" width="320" /></a></div>
<br />
<a name='more'></a><br />
<div style="text-align: left;">
Cari Blogger sappiamo benissimo che il nostro blog ha uno spazio limitato e quando iniziamo a pubblicare immagini al suo interno questo spazio tende a diminuire rischiando così di rimanere bloccati con il nostro blog non potendolo più aggiornare, se non eliminando vecchi post.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Un modo per ovviare a questo problema è quello di pubblicare le nostre immagini attraverso i link, evitando cosi di caricarle all'interno del nostro blog.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Mi chiederete come fare a caricare le nostre immagini sul blog non caricandole su di esso :D...ecco qui entra in gioco un famosissimo e utilissimo software <a href="http://db.tt/pXoXUTXZ" target="_blank">DropBox</a>, questo programma non è altro che un archivio personale online dove poter inserire tutti i vostri documenti (ovviamente personale con accesso tramite userID e Pass).</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Per registrarsi premere <a href="http://db.tt/pXoXUTXZ" target="_blank">QUI</a><br />
<br />
Previa registrazione questi sono i passaggi per pubblicare le immagini sul vostro blog utilizzando i link:<br />
<br />
<ul>
<li>Per iniziare, visto che DropBox è un archivio privato NON ACCESSIBILE (se non dal proprietario) bisogna attivare la cartella pubblica che ci permetterà di far visionare le immagini senza problemi e , per fare ciò dovete entrare nella vostra casella DropBox tramite Browser inserendo userID e pass</li>
<li>Effettuato il LogIn bisogna ATTIVARE LA CARTELLA PUBBLICA, per farlo premere <a href="https://www.dropbox.com/enable_public_folder" target="_blank">QUI</a></li>
<li>La vostra cartella pubblica è stata così creata, a questo punto vi consiglio di scaricare sul vostro PC il software DropBox molto ma molto piu semplice da utilizzare rispetto alla pagina internet. Per scaricarlo premere <a href="https://www.dropbox.com/install2" target="_blank">QUI</a></li>
<li>A questo punto, sia tramite software che tramite browser, possiamo inserire nella nostra cartella pubblica le immagini che vogliamo pubblicare sul nostro blog.</li>
</ul>
<div>
Inserire file tramite browser:</div>
<div>
<ul>
<li>Effettua l'accesso a DropBox</li>
<li>Premere la cartella <i><b>Public</b></i></li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Z0d1ktf87cw/Ufg2PbbGPtI/AAAAAAAAAG0/ONz2CUAhoRg/s1600/Drop.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-Z0d1ktf87cw/Ufg2PbbGPtI/AAAAAAAAAG0/ONz2CUAhoRg/s1600/Drop.PNG" height="170" width="320" /></a></div>
<div>
<ul>
<li>Entrati nella cartella premere il pulsante indicato nell'immagine per caricare il file</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-pI7oeljEwwU/Ufg3EIt8qUI/AAAAAAAAAHA/2w2M9Ms5Yto/s1600/Carica.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-pI7oeljEwwU/Ufg3EIt8qUI/AAAAAAAAAHA/2w2M9Ms5Yto/s1600/Carica.PNG" height="116" width="320" /></a></div>
<div>
<ul>
<li>Premere <b style="font-style: italic;">SCEGLI FILE</b>, e selezionare dal vostro PC il file da caricare</li>
<li>Confermare, ed il file verrà inserito bella cartella pubblica <span style="font-size: x-small;">(come potete vedere dall'immagine precedente le 4 immagini)</span></li>
<li>Per ottenere ora il link dell'immagine bisogna cliccare con il tasto DX del mouse sul file e selezionare <b><i>COPIA LINK PUBBLICO</i></b></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-j76yPgcaN4E/Ufg5jlWs5RI/AAAAAAAAAHY/t5Upo_228hg/s1600/Copia.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-j76yPgcaN4E/Ufg5jlWs5RI/AAAAAAAAAHY/t5Upo_228hg/s1600/Copia.PNG" height="111" width="320" /></a></div>
<div>
<ul>
<li>Premere ora su <b><i>COPIA NEGLI APPUNTI</i></b></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Sw5oG6eM22M/Ufg50K7wkHI/AAAAAAAAAHg/81GLG0A02Xo/s1600/copia2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-Sw5oG6eM22M/Ufg50K7wkHI/AAAAAAAAAHg/81GLG0A02Xo/s1600/copia2.PNG" height="109" width="320" /></a></div>
<div>
<ul>
<li>A questo punto avete il link che potete tranquillamente pubblicare nel vostro <b><i>POST</i></b></li>
</ul>
<div>
<br /></div>
</div>
</div>
</div>
</div>
<div style="text-align: center;">
<span style="background-color: yellow;">NB: Vi raccomando una volta pubblicati i link nel vostro Blog non cambiate o modificate i nomi dei file all'interno della cartella pubblica altrimenti vengono annullati i riferimenti, tutte le modifiche sui file DEVONO ESSERE effettuate prima della copia del LINK.</span></div>
<div style="text-align: center;">
<br /></div>
</div>
</div>
kekkoc4http://www.blogger.com/profile/01050642269136719988noreply@blogger.com0tag:blogger.com,1999:blog-4117506264359675095.post-10749600262839469362013-07-30T20:15:00.003+02:002013-07-30T23:17:19.285+02:00Ricavare il Codice HTML<div style="text-align: center;">
<u style="font-style: italic;">Come ricavare il codice HTML.</u></div>
<u style="font-style: italic;"><br /></u>
<br />
<a name='more'></a>Cari Blogger, questo post aiuterà chi ha difficoltà a procurarsi il codice HTML di una scritta/frase o una immagine (sia essa memorizzata nel pc sia presente su internet).<br />
<br />
Vediamo ora come fare:<br />
<br />
<br />
<ul>
<li>Createvi un POST di prova senza doverlo pubblicare, e per farlo bisogna cliccare l'apposito tasto <b style="font-style: italic;">Nuovo Post</b> che si trova in alto sulla colonna di SX</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://dl.dropboxusercontent.com/u/164824715/NuovoPost.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="156" src="https://dl.dropboxusercontent.com/u/164824715/NuovoPost.PNG" width="320" /></a></div>
<div>
<ul>
<li>Si aprirà la pagina EDIT del Vostro nuovo posto (simile a Word) premere il tasto Scrivi che si trova in alto a SX</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-sd60dgYTyW4/Uff-QF2LvQI/AAAAAAAAAGI/dQ4ouUJUq20/s1600/Post.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-sd60dgYTyW4/Uff-QF2LvQI/AAAAAAAAAGI/dQ4ouUJUq20/s1600/Post.PNG" height="151" width="320" /></a></div>
<div>
<ul>
<li>1° Caso (scritta/frase): creare la vostra frase e formattatela a vostro piacimento (colore, posizione, grandezza etc etc) nel mio caso la frase è <span style="background-color: yellow;"><span style="color: lime;">CIA</span><span style="color: white;">O MO</span><span style="color: red;">NDO</span></span></li>
<li>2° Caso (immagine): Caricare la vostra immagine premendo il tasto corrispondente (tasto che si trova subito dopo Inserisci Link e prima del Ciak)</li>
</ul>
<div>
In entrambi i casi una volta finito premiamo il tasto <b><i>HTML</i></b> in alto a SX accanto a <i style="font-weight: bold;">Scrivi</i>, ed otteniamo così il nostro codice HTML...<span style="font-size: x-small;">(vedi immagine)</span></div>
<div>
<br /></div>
</div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-RLw32dh9imE/UfgCF7s1n_I/AAAAAAAAAGU/swgDjv9ZdEM/s1600/HTML.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-RLw32dh9imE/UfgCF7s1n_I/AAAAAAAAAGU/swgDjv9ZdEM/s1600/HTML.PNG" height="137" width="320" /></a></div>
<div>
<ul>
<li>Ora non vi resta che selezionare e copiare il vostro codice HTML.</li>
</ul>
<div>
<br /></div>
</div>
<div>
<br /></div>
kekkoc4http://www.blogger.com/profile/01050642269136719988noreply@blogger.com0tag:blogger.com,1999:blog-4117506264359675095.post-31738082935487424012013-07-30T19:36:00.002+02:002013-07-30T23:17:29.083+02:00Inserire Automaticamente la Firma Digitale nei post<div style="text-align: center;">
<u style="font-style: italic;">Come inserire AUTOMATICAMENTE una firma digitale alla fine di ogni post.</u></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://dl.dropboxusercontent.com/u/187218891/kiccafirma.gif" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="120" src="https://dl.dropboxusercontent.com/u/187218891/kiccafirma.gif" width="200" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Fima digitale di <a href="http://kiccolina.blogspot.it/" target="_blank">Kicca</a></td></tr>
</tbody></table>
<u style="font-style: italic;"><br /></u>
<u style="font-style: italic;"><br /></u>
<br />
<a name='more'></a>Ciao Blogger, la nostra Amica <a href="http://kiccolina.blogspot.it/" target="_blank">Kicca</a> nonchè la mia adorata FIDANZATA ;) <3 mi ha chiesto come inserire una firma digitale <i><span style="font-size: x-small;">(sia una frase o una immagine anche animata)</span></i> in ogni suo post.<br />
<br />
Di seguito vi spiegherò passo passo come fare:<br />
<br />
<br />
<ul>
<li>Creata o scritta la vostra firma digitale dovete ricavarvi il codice HTML (vedi <a href="http://sos-blogger.blogspot.it/2013/07/ricavare-il-codice-html.html" target="_blank">qui</a>)</li>
<li>Copiatevi l'intero codice HTML della firma digitale;</li>
<li>Sulla colonna di SX cliccate la sezione <i><b>Modello</b></i> e successivamente a DX <i><b>Modifica HTML</b></i>;</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://dl.dropboxusercontent.com/u/164824715/Modello-ModificaHTML.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="228" src="https://dl.dropboxusercontent.com/u/164824715/Modello-ModificaHTML.PNG" width="320" /></a></div>
<div>
<ul>
<li>Attendere il caricamento del codice HTML, una volta caricato cliccateci 1 sola volta al suo interno e premere <b><i>CTRL+F</i></b> per aprire il <i>textbox di ricerca</i> </li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://dl.dropboxusercontent.com/u/164824715/TextBox%20Ricerca.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="157" src="https://dl.dropboxusercontent.com/u/164824715/TextBox%20Ricerca.PNG" width="320" /></a></div>
<div>
<div>
<ul>
<li>All'interno della textbox inserite questo codice e premere invio:</li>
</ul>
<div style="text-align: center;">
<span style="background-color: yellow; font-size: x-small;"><div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'></span></div>
</div>
</div>
</div>
<div>
<ul>
<li>Verrà ora trovata la stringa su indicata, a questo punto dovete inserire il codice HTML della vostra firma digitale nello stesso punto indicato dall'immagine sottostante <span style="font-size: x-small;">(Vi raccomando seguite perfettamente l'indicazione dell'immagine, il numero delle righe può variare)</span>:</li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-EQdD_g-6bP0/Uff4xGRleTI/AAAAAAAAAF4/R9pQUxcSVPg/s1600/FirmaDigitaleHTML.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-EQdD_g-6bP0/Uff4xGRleTI/AAAAAAAAAF4/R9pQUxcSVPg/s1600/FirmaDigitaleHTML.PNG" height="157" width="320" /></a></div>
</div>
<div>
<ul>
<li>Una volta copiato il codice HTML della vostra firma digitale salvate il modello cliccando il tasto <i><b>Salva modello.</b></i></li>
</ul>
<div>
Il gioco è fatto tutti i post creati e quelli che andrete a creare avranno la Vostra Firma Digitale.<br />
<br />
Esempio:<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-D1j402HrvGI/UfgShP6QKwI/AAAAAAAAAGk/-NeKABhXAkM/s1600/Firma.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-D1j402HrvGI/UfgShP6QKwI/AAAAAAAAAGk/-NeKABhXAkM/s1600/Firma.PNG" height="245" width="320" /></a></div>
<br /></div>
</div>
kekkoc4http://www.blogger.com/profile/01050642269136719988noreply@blogger.com0tag:blogger.com,1999:blog-4117506264359675095.post-88134163048058464702013-07-22T18:23:00.002+02:002013-07-30T23:17:44.229+02:00Nascondere Widget nella schermata HOME<div style="text-align: center;">
<u style="font-style: italic;">Come Nascondere i Widget nella Schermata HOME</u></div>
<u style="font-style: italic;"><br /></u>
<br />
<a name='more'></a>Ciao Blogger, in questo post vedremo come nascondere un Widget dalla nostra HOME.<br />
<div>
<br /></div>
<div>
Questo passaggio serve principalmente per nascondere quei Gadget creati in pagine statiche o creati per contenere codici HTML o JavaScript, ovvero implementare tramite l'utilizzo di codici le funzioni del nostro Blog. (un esempio la disabilitazione del tasto destro per le immagini presenti sul blog).</div>
<div>
<br /></div>
<div>
Prima di procedere all'occultamento bisogna ricavare l' ID del Widget in questione, ovvero l'identificativo univoco del widget da nascondere, per fare ciò bisogna andare nella sezione <b style="font-style: italic;">Layout</b> e premere modifica sul gadget in questione, nel mio caso <b><i>Disabilita Tasto DX</i></b>...<span style="font-size: x-small;">(vedi figura)</span><br />
<span style="font-size: x-small;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-buz32E7jtWE/Ue1JBpI7hcI/AAAAAAAAAEY/bdgP7rMbWIA/s1600/7.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-buz32E7jtWE/Ue1JBpI7hcI/AAAAAAAAAEY/bdgP7rMbWIA/s320/7.PNG" height="178" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
...si aprirà la finestra di modifica corrispondente al gadget, cliccate con il mouse su un punto qualsiasi dell'URL di quella finestra e trovate la stringa <span style="background-color: yellow;">&widgetid=</span><span style="background-color: white;"> (dovrebbe trovarsi alla fine dell'URL)...<span style="font-size: x-small;">(vedi figura)</span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white;"><span style="font-size: x-small;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-IV6GB-DCo-E/Ue1Kmki_O-I/AAAAAAAAAEo/Hnt9qPU9Jqw/s1600/Dis.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-IV6GB-DCo-E/Ue1Kmki_O-I/AAAAAAAAAEo/Hnt9qPU9Jqw/s320/Dis.PNG" height="318" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: white;"><span style="font-size: x-small;"><br /></span></span></div>
A questo punto copiamo la stringa che si trova dopo il simbolo = (nel mio caso è HTML1), quindi questo è il nostro widgetID.<br />
<br />
Ora inizia la parte più complessa, procediamo seguendo i passaggi sottostanti:<br />
<br />
<ul>
<li>Sul lato SX premere <b style="font-style: italic;">Modello</b> e successivamente <b><i>Modifica HTML</i></b></li>
<li>Premere una sola volta in un punto qualsiasi del codice HTML</li>
<li>Premere <i style="font-weight: bold;">CTRL+F</i> per aprire il textbox di ricerca, inserire il widgetid trovato in precedenza <span style="font-size: x-small;">(nel mio caso HTML1)</span> e premere <b style="font-style: italic;">Invio</b>, verrà evidenziato all'interno del codice la parte corrispondente al nostro gadget...<span style="font-size: x-small;">(vedi figura)</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-2bTcVl7YPOU/Ue1PL6FWjrI/AAAAAAAAAFA/H-pcdZCq7_0/s1600/8.PNG" imageanchor="1"><img border="0" src="http://3.bp.blogspot.com/-2bTcVl7YPOU/Ue1PL6FWjrI/AAAAAAAAAFA/H-pcdZCq7_0/s320/8.PNG" height="126" width="320" /></a></div>
<div>
<span style="font-size: x-small;"><br /></span></div>
<div>
<ul>
<li>Trovata la stringa del widgetid dobbiamo aprire l'intero codice HTML del nostro gadget.</li>
<li>Per vedere quali sono TUTTE le righe corrispondenti al nostro gadget dovete stare attenti al numero delle righe, prendendo la figura sopra noterete che la riga è la 2014 e la successiva è la 2033 quindi bisognerà aprire, tramite la freccettina nera, tutte le righe dalla 2014 alla 2032. <span style="font-size: x-small;">(vedi figure)</span></li>
</ul>
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-bYu3zF95oTM/Ue1Y2x3NZXI/AAAAAAAAAFQ/SS28aM9dhXw/s1600/11.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-bYu3zF95oTM/Ue1Y2x3NZXI/AAAAAAAAAFQ/SS28aM9dhXw/s320/11.PNG" height="146" width="320" /></a></div>
<div>
<ul>
<li>Aperte tutte le stringhe andiamo ad inserire l'HTML per nascondere il widget, inseriamo il seguente codice:</li>
</ul>
</div>
<br />
<div>
<style type='text/css'></div>
<div>
<div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span>#<span style="font-size: large;"><span style="background-color: yellow;">widgetid</span> </span>{</div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span>display: none;</div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span>visibility: hidden;</div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span>}</div>
<div>
<span class="Apple-tab-span" style="white-space: pre;"> </span></style></div>
</div>
<div>
<br /></div>
<div>
il presente codice deve essere inserito subito dopo il tag <span style="font-size: large;"><b:includable id='main'></span></div>
</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-5c9XwfJ_rSg/Ue1Z8egH2mI/AAAAAAAAAFg/S1R2zSKp6fs/s1600/12.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-5c9XwfJ_rSg/Ue1Z8egH2mI/AAAAAAAAAFg/S1R2zSKp6fs/s320/12.PNG" height="146" width="320" /></a></div>
<br />
<div>
<ul>
<li><span style="background-color: cyan;"><i><u>Vi raccomando cambiare la parte evidenziata di giallo con l'ID del Vostro widget (nel mio caso HTML1)</u></i></span></li>
<li><span style="background-color: white;">Salvate il modello.</span></li>
</ul>
</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
</div>
kekkoc4http://www.blogger.com/profile/01050642269136719988noreply@blogger.com2tag:blogger.com,1999:blog-4117506264359675095.post-27993471820351054932013-07-22T16:24:00.002+02:002013-07-30T23:17:51.986+02:00Bloccare il tasto DX del Mouse<br />
<div style="text-align: center;">
<u><i>Qui il modo per bloccare il tasto DX del mouse per evitare la Copia Immagine.</i></u></div>
<br />
<a name='more'></a><br />
Cari Blogger, in questo post vedremo come disabilitare il tasto DX del mouse per evitare che vengano salvate immagini da parte di altri utenti (meno esperti).<br />
<br />
Ci tengo a precisare che la copia delle immagini presenti sul Vostro Blog può avvenire in diversi modi, anche disabilitando il tasto DX del mouse.<br />
<br />
Molti blogger attivano questa funzione per "proteggere" il proprio Blog, ma impediscono a chi ama la navigazione separata di aprire i vari collegamenti presenti in nuove pagine o schede, quindi per ovviare a questa problematica, vi spiego nel dettaglio come disabilitarla solo per le immagini presenti.<br />
<br />
Vediamo come attivare questa funzione:<br />
<ul>
<li>Sulla colonna di SX premere <strong><em>Layout</em></strong> (attendere il caricamento della pagine) successivamente premere Aggiungi gadget...<span style="font-size: x-small;">(come da figura)</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-5BPEbBqUq48/UebYU8xL_1I/AAAAAAAAACc/WQXgB1vzy9c/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-5BPEbBqUq48/UebYU8xL_1I/AAAAAAAAACc/WQXgB1vzy9c/s1600/1.png" height="155" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li>si aprirà la finestra di aggiunta Gadget, scorrete fino a trovare il widget <b><i>HTML/JavaScript</i></b> e premere il simbolo <span style="font-size: large;"><strong><em>+ </em></strong></span><strong><em>...</em></strong><span style="font-size: x-small;">(come da figura)</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-vCZHfe8Zlqk/Ue0qCsT4ooI/AAAAAAAAAEI/NVJq-kaIeDE/s1600/HTML.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-vCZHfe8Zlqk/Ue0qCsT4ooI/AAAAAAAAAEI/NVJq-kaIeDE/s1600/HTML.PNG" height="320" width="281" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li>Nella finestra di configurazione HTML/JavaScript <span style="font-size: x-small;">(figura di sopra)</span> inserite come <i style="font-weight: bold;">Titolo:</i> "Disabilita Tasto DX" , mentre nel box <i style="font-weight: bold;">Sezioni del sito</i> inserite il seguente codice HTML:</li>
</ul>
<div>
<span style="font-size: x-small;"><script language=javascript1.1></span></div>
<span style="font-size: x-small;"><br /></span>
<span style="font-size: x-small;">var clickmessage="</span><span style="background-color: yellow; font-size: x-small;">Tasto DX disabilitato sulle immagini di questo BLOG</span><span style="font-size: x-small;">!"</span><br />
<div>
<div style="font-size: small;">
<br /></div>
<div style="font-size: small;">
function disableclick(e) {</div>
<div style="font-size: small;">
if (document.all) {</div>
<div style="font-size: small;">
if (event.button==2||event.button==3) {</div>
<div style="font-size: small;">
if (event.srcElement.tagName=="IMG"){</div>
<div style="font-size: small;">
alert(clickmessage);</div>
<div style="font-size: small;">
return false;</div>
<div style="font-size: small;">
}</div>
<div style="font-size: small;">
}</div>
<div style="font-size: small;">
}</div>
<div style="font-size: small;">
else if (document.layers) {</div>
<div style="font-size: small;">
if (e.which == 3) {</div>
<div style="font-size: small;">
alert(clickmessage);</div>
<div style="font-size: small;">
return false;</div>
<div style="font-size: small;">
}</div>
<div style="font-size: small;">
}</div>
<div style="font-size: small;">
else if (document.getElementById){</div>
<div style="font-size: small;">
if (e.which==3&&e.target.tagName=="IMG"){</div>
<div style="font-size: small;">
alert(clickmessage)</div>
<div style="font-size: small;">
return false</div>
<div style="font-size: small;">
}</div>
<div style="font-size: small;">
}</div>
<div style="font-size: small;">
}</div>
<div style="font-size: small;">
<br /></div>
<div style="font-size: small;">
function associateimages(){</div>
<div style="font-size: small;">
for(i=0;i<document.images.length;i++)</div>
<div style="font-size: small;">
document.images[i].onmousedown=disableclick;</div>
<div style="font-size: small;">
}</div>
<div style="font-size: small;">
<br /></div>
<div style="font-size: small;">
if (document.all||document.getElementById)</div>
<div style="font-size: small;">
document.onmousedown=disableclick</div>
<div style="font-size: small;">
else if (document.layers)</div>
<div style="font-size: small;">
associateimages()</div>
<div style="font-size: small;">
</script></div>
<div style="font-size: small;">
<br /></div>
<div>
<ul>
<li>Salvate il gadget che verrà inserito nel <b><i>Layout </i></b>di pagina.</li>
</ul>
<div style="text-align: center;">
<i><u><br /></u></i>
<i><u>N.B.: la parte di codice evidenziata di giallo può essere modificata inserendo il messaggio da far visualizzare all'utente che tenta di salvare l'immagine.</u></i></div>
</div>
</div>
<br />
<div>
<span style="font-size: x-small;"><br /></span></div>
<div>
<b><i><u>PS:</u></i></b> per nascondere il widget appena creato visita la sezione <a href="http://sos-blogger.blogspot.it/2013/07/nascondere-widget-nella-schermata-home.html"> Nascondere Widget </a>.</div>
<br />
<ul></ul>
<br />kekkoc4http://www.blogger.com/profile/01050642269136719988noreply@blogger.com2tag:blogger.com,1999:blog-4117506264359675095.post-54428273630184751292013-07-22T13:36:00.001+02:002013-07-30T23:18:01.715+02:00Link diretto E-Mail: Come collegare una parola al programma di invio e-mail<br />
<div style="text-align: center;">
<i><u>Come creare il collegamento alla posta elettronica....</u> <u>Premere <span style="background-color: white;"><span style="color: blue;">QUI</span></span></u></i></div>
<div>
<span style="color: blue;"><i><u><br /></u></i></span>
<br />
<a name='more'></a>Salve Blogger in questo post Vi aiuterò a creare il link diretto al programma predefinito di posta elettronica.<br />
<br />
Quanti di voi vorrebbero inserire, nel proprio blog, il link diretto alla Vostra posta elettronica per essere contattati?<br />
<br />
Ecco qui il modo per farlo:<br />
<br />
<br />
<ul>
<li>Una volta scritta la Vostra frase (es. "Per contattarmi premere QUI") per rendere la parola QUI un link diretto alla posta elettronica vi basterà inserire il seguente codice HTML alla fine della frase stessa:</li>
</ul>
<div style="text-align: center;">
<a href="mailto: <span style="background-color: yellow;">XXXX@XXXX.xxx</span>"> <b style="background-color: cyan;">QUI </b></a><br />
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<u><i>N.B.: al posto delle <span style="background-color: yellow;">X </span><span style="background-color: white;">deve essere inserito l'indirizzo e-mail sul quale volete essere contattati.</span></i></u></div>
<div style="text-align: left;">
<u><i><span style="background-color: white;"><br /></span></i></u></div>
<div style="text-align: left;">
<u><i><span style="background-color: white;">Ecco alcuni esempi completi del codice HTML:</span></i></u><br />
<ol>
<li><span style="background-color: white;">Per contattarmi premere </span><span style="text-align: center;"><a href="mailto: </span><span style="background-color: yellow; text-align: center;">XXXX@XXXX.xxx</span><span style="text-align: center;">"> </span><b style="background-color: cyan; text-align: center;">QUI </b><span style="text-align: center;"></a> </span></li>
<li><span style="text-align: center;">Per info inviare una mail a </span><span style="font-size: x-small;"><span style="text-align: center;"><a href="mailto: </span><span style="background-color: yellow; text-align: center;">XXXX@XXXX.xxx</span><span style="text-align: center;">"> </span><b style="background-color: cyan; text-align: center;">XXXX@XXXX.xxx </b><span style="text-align: center;"></a></span></span></li>
</ol>
<div style="text-align: left;">
Nella parte evidenziata di colore <span style="background-color: cyan; font-weight: bold;">aqua</span><span style="background-color: white;"><b> </b>potete inserire il testo che verrà abbinato al collegamento diretto (che può essere lo stesso indirizzo e-mail, o qualsiasi altra parola che nel caso dell'esempio è QUI)</span></div>
<div style="text-align: left;">
<br /></div>
</div>
</div>
</div>
kekkoc4http://www.blogger.com/profile/01050642269136719988noreply@blogger.com0tag:blogger.com,1999:blog-4117506264359675095.post-69683537890257305932013-07-17T19:50:00.001+02:002013-07-30T23:18:16.996+02:00Form Contatto: Come aggiungerlo su Blogger in layout e in pagina statica<div class="separator" style="clear: both; text-align: center;">
<i><u>Ecco come inserire il Form Contatto</u></i></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-n-M-AXyUl-k/UebaXZx_SQI/AAAAAAAAAC4/gJ4oa-NdCxA/s1600/FormContact.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-n-M-AXyUl-k/UebaXZx_SQI/AAAAAAAAAC4/gJ4oa-NdCxA/s320/FormContact.PNG" height="173" width="320" /></a></div>
<br />
<a name='more'></a>Ciao blogger, esaminiamo ora il funzionamento e l'inserimento del Widget ContactForm sia come gadget nel Layout della Home che come inserimento in una pagina Statica:<br />
<br />
<u><i style="background-color: yellow;">1° Caso (inserimento del gadget da Layout):</i></u><br />
<ul>
<li>Sulla colonna di SX premere <strong><em>Layout</em></strong> (attendere il caricamento della pagine) successivamente premere Aggiungi gadget...<span style="font-size: x-small;">(come da figura)</span> </li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-5BPEbBqUq48/UebYU8xL_1I/AAAAAAAAACc/WQXgB1vzy9c/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-5BPEbBqUq48/UebYU8xL_1I/AAAAAAAAACc/WQXgB1vzy9c/s320/1.png" height="155" width="320" /></a></div>
<ul>
<li>si aprirà la finestra di aggiunta Gadget, sulla SX premere Altri Gadget successivamente premere il simbolo <span style="font-size: large;"><strong><em>+ </em></strong></span>accanto al gadget <strong><em>Modulo di Contatto...</em></strong><span style="font-size: x-small;">(come da figura)</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-l58CgQGOO6A/UebZRiduIyI/AAAAAAAAACo/_daWzqP5hUQ/s1600/2.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-l58CgQGOO6A/UebZRiduIyI/AAAAAAAAACo/_daWzqP5hUQ/s320/2.PNG" height="281" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<i><u style="background-color: yellow;">2° Caso (inserimento del form in una pagina statica):</u></i></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Seguire i passi descritti nel primo caso e proseguire con le seguenti istruzioni:</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<ul>
<li>Sulla colonna di SX premere <i style="font-weight: bold;">Pagine</i> spostatevi a DX cliccate su <i style="font-weight: bold;">Nuova Pagina</i> successivamente nel menu a tendina clicca <b><i>Pagina Vuota</i></b><strong><em>...</em></strong><span style="font-size: x-small;">(come da figura)</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-q5WgO8fxM5c/UezuJUbdJNI/AAAAAAAAADM/TJyHuFMvcqs/s1600/3.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-q5WgO8fxM5c/UezuJUbdJNI/AAAAAAAAADM/TJyHuFMvcqs/s1600/3.PNG" height="246" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li>Aperta la Nuova Pagina ed inserendo il titolo ed eventuali altre vostre impostazioni premete il tasto HTML in alto a SX, ed inserite il seguente codice HTML:</li>
</ul>
<div>
<div>
<span style="font-size: x-small;"><form name="contact-form"></span></div>
<div>
<span style="font-size: x-small;"><b><i>Nome</i></b></form></span></div>
<div>
<span style="font-size: x-small;"><input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="50" type="text" value="" /></span></div>
<div>
<span style="font-size: x-small;"><b><i>Email * </i></b><br /></span></div>
<div>
<span style="font-size: x-small;"><input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="50" type="text" value="" /></span></div>
<div>
<span style="font-size: x-small;"><b><i>Messaggio *</i></b><br /></span></div>
<div>
<span style="font-size: x-small;"><textarea class="contact-form-email-message" cols="50" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea></span></div>
<div>
<span style="font-size: x-small;"><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Invia" /></span></div>
<div>
<span style="font-size: x-small;"><br /></span></div>
<div>
<span style="font-size: x-small;"><div style="max-width: 500px; text-align: center; width: 90%;"></span></div>
<div>
<span style="font-size: x-small;"><div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></span></div>
<div>
<span style="font-size: x-small;"></div></span></div>
<div>
<span style="font-size: x-small;"><div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></span></div>
<div>
<span style="font-size: x-small;"></div></span></div>
<div>
<span style="font-size: x-small;"></div></span></div>
</div>
<div>
<ul>
<li>Sulla colonna di DX premete <b><i>OPZIONI</i></b> e mettete la selezione a <span style="background-color: white; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px;"><i><b>Non consentire, nascondi quelli esistenti...</b></i></span><span style="font-size: x-small;">(come da figura)</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-nBdWy8p_xMU/UezyfrQY9sI/AAAAAAAAADY/S4nkdG7vhYU/s1600/4.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-nBdWy8p_xMU/UezyfrQY9sI/AAAAAAAAADY/S4nkdG7vhYU/s1600/4.PNG" height="132" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<ul>
<li>Salvate la pagina ritornate a Blogger, sulla colonna di SX cliccate <i style="font-weight: bold;">Modello</i> e successivamente <b><i>Modifica HTML</i></b><span style="background-color: white; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 13px;"><i><b>...</b></i></span><span style="font-size: x-small;">(come da figura)</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-7HYvUXMT_Nk/Uez0E7HKFSI/AAAAAAAAADo/zTqExZbt4zA/s1600/5.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-7HYvUXMT_Nk/Uez0E7HKFSI/AAAAAAAAADo/zTqExZbt4zA/s1600/5.PNG" height="185" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Aperta la pagina inerente all'HTML del nostro modello andremo ad inserire il codice corrispondente al funzionamento del nostro FORM nella pagina statica nel seguente modo:<br />
<br />
<ul>
<li>cliccare in un punto qualsiasi del codice HTML, premere i tasti <b>CTRL+F</b> e trovate questo codice HTML <span style="background-color: yellow;"><b><i><span style="font-size: large;">]]></b:skin></span></i></b></span></li>
<li>una volta trovata questa stringa di codice andate un rigo sopra ed inserite il seguente codice HTML:</li>
</ul>
<br />
<div>
<span style="font-size: x-small;">#ContactForm1{</span></div>
<div>
<div>
<span style="font-size: x-small;">display:none !important;</span></div>
<div>
<span style="font-size: x-small;">}</span></div>
<div>
<span style="font-size: x-small;">.contact-form-widget {</span></div>
<div>
<span style="font-size: x-small;">max-width: 90%;</span></div>
<div>
<span style="font-size: x-small;">margin: 2 auto;</span></div>
<div>
<span style="font-size: x-small;">padding: 20px;</span></div>
<div>
<span style="font-size: x-small;">background: #eee;</span></div>
<div>
<span style="font-size: x-small;">color: #191919;</span></div>
<div>
<span style="font-size: x-small;">}</span></div>
<div>
<span style="font-size: x-small;">.contact-form-name, .contact-form-email, .contact-form-email-message {</span></div>
<div>
<span style="font-size: x-small;">max-width: 90%;</span></div>
<div>
<span style="font-size: x-small;">margin-bottom: 20px;</span></div>
<div>
<span style="font-size: x-small;">}</span></div>
<div>
<span style="font-size: x-small;">.contact-form-button-submit {</span></div>
<div>
<span style="font-size: x-small;">width:100px;</span></div>
<div>
<span style="font-size: x-small;">background: #0e50bc;</span></div>
<div>
<span style="font-size: x-small;">font-size:14px;</span></div>
<div>
<span style="font-size: x-small;">font-weight:bold;</span></div>
<div>
<span style="font-size: x-small;">color: #fff;</span></div>
<div>
<span style="font-size: x-small;">}</span></div>
</div>
</div>
<div>
<br /></div>
<div style="text-align: center;">
<u><i><b>N.B.:</b> I numeri corrispondenti alle righe del Codice HTML possono variare, quindi state tranquilli/e se nell'immagine postata non vi risulterà lo stesso numero di riga ;) </i></u></div>
<div style="text-align: center;">
<u><i><br /></i></u></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-8nX6-Bc_8sg/Uez4obZxwUI/AAAAAAAAAD4/FBLs6fcMimE/s1600/6.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-8nX6-Bc_8sg/Uez4obZxwUI/AAAAAAAAAD4/FBLs6fcMimE/s1600/6.PNG" height="115" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Salvate TUTTO e pubblicate.</div>
<div style="text-align: left;">
<u><i><br /></i></u></div>
kekkoc4http://www.blogger.com/profile/01050642269136719988noreply@blogger.com0