Come Fare una Finestra Pop-Up

Scritto da yuri in webmaster | il 15.11.2008 alle 11:08

Le finestre pop-up possono essere usate per fare link esterni o interni ad un sito e non fare abbandonare la pagina in cui l’utente sta navigando con vantaggi sia per lui che per il webmaster.

come-fare-popup

Non solo per i Webmaster o comunque i possessori di un sito possono essere utili i link che si aprono in pop-up ma anche per gl’utenti, proprio per questo che io metto i collegamenti con target=” _blank”, a me da fastidio se leggo un tutorial od una recensione di un programma o qualsiasi altra cosa e cliccando un collegamento mi fa cambiare pagina perdendo il contenuto, devo sempre aprire i link in una nuova scheda, i pop up lo evitano.

Ecco la definizione di pop-up in pop-up, scusate il gioco di parole.

Wikipedia attribuisce ai pop-up solamente la definizione del marketing o quelli malevoli ma come potete vedere con questo è solamente un aiuto per restare concentrati sull’argomento.

Il codice usato è un pò di javascript assieme al codice per creare normali link html:

<a onclick="window.open(this.href, 'popupwindow', 'width=700,height=6000,scrollbars,resizable'); return false;" href="http://it.wikipedia.org/wiki/Pop-up" target="_blank" rel="nofollow">definizione di pop-up</a>

Si può vedere che nel pezzo di script è possibile definire oltre che l’apertura al click dell’utente sia dove si vuole aprire la finestra (target) che la relazione del link (rel) della finestra ed anche le dimensioni.

Termini Uitilizzati: , , ,

Un Effetto Speciale per i Link di Blogger

Scritto da yuri in webmaster | il 07.11.2008 alle 06:19

Ricordo spesso perchè condivido l’idea che la personalizzazione e l’originalità di un sito o blog è molto importante, questo è uno script che renderà unici i link di un blog su blogger, gli darà un effetto speciale.

effetto-link-blogger

Come potete vedere dall’immagine è molto originale quel collegamento, di sicuro più adatto a blog personali o comunque non aziendali, però in internet bisogna rischiare chissà se qualche azienda lo userà…forse però le aziende non hanno blog su blogger.

Installarlo è banale:

  • Ci si porta nelle impostazioni del layout e si va in modifica HTML.
  • Sotto il tag <head> si aggiunge questa riga di codice

<script src='http://rias.techno.wizard.googlepages.com/rainbow2.js'/>

Tutto qui adesso avrete i link colorati ;) .

Termini Uitilizzati: , , ,

Blogger, Widget per Scaricare da Youtube

Scritto da yuri in webmaster | il 06.11.2008 alle 06:29

Questo è un widget per blogger probabilmente installabile anche su altre piattaforme perché è uno script (devo ancora provare), che permette di fare il download di video di youtube.

blogger-widget-download-youtube

Questo widget per blogger non permette solo di scaricare i file .flv modificabili con questo programma o tramite un servizio online,  ma è possibile anche scaricare i video in formato .mp4 se è disponibile l’alta qualità dei video.

Installandolo potrete inserire il link del video dal vostro blog e scaricare voi stessi, oppure cosa non da sottovalutare offrite un servizio aggiuntivo per i lettori del vostro blog.

installarlo è molto semplice, bisogna portarsi nella sezione layout ed aggiungere un gadget HTML/Javascript con questo codice se si vuole di larghezza 400 pixel che sarebbe un pelo più corto dell’immagine a dimensioni reali qui sopra, indicato per inizio o fondo pagina.

<script src="http://downloadutube.googlepages.com/ytdemb.js" type="text/javascript"></script><a href="http://technojuice.blogspot.com/2007/11/download-youtube-video-widget-blogger.html"><img border="0" alt="Download youtube Video" width="5" src="http://i197.photobucket.com/albums/aa309/technojuiceblog/blank.gif" height="5" /></a>

E se si vuole un gadget di 200 px, esattamente la metà aggiungere questo codice

<script src="http://downloadutube.googlepages.com/ytdwid.js" type="text/javascript"></script><a href="http://technojuice.blogspot.com/2007/11/download-youtube-video-widget-blogger.html"><img border="0" alt="Download youtube Video" width="5" src="http://i197.photobucket.com/albums/aa309/technojuiceblog/blank.gif" height="5" /></a>

Buon download!

Termini Uitilizzati: , , , ,

Dividere in Due una Finestra di Google Chrome

Scritto da yuri in generale | il 04.11.2008 alle 09:28

Questo è un bookmarklet in javascript utilizzabile da chiunque per dividere una finestra in differenti siti (2 frame) in un unica finestra di google chrome.

finestra-chrome-divisa

Questo trick può essere utile a webmaster per vedere la loro posizione su due motori di ricerca diversi, a blogger per scrivere da una parte ed informarsi su wikipedia dall’altra, a chiunque per vedere la differenza di due scritti, oppure semplicemente per non dover navigare tra finestre se se ne hanno molte aperte, gl’usi sono infiniti.

L’utilizzo è semplicissimo:

  • Bisogna creare un segnalibro con questo codice javascript:A14nH=location.href;L3f7=prompt('Choose%20File%201',A14nH); R1Gh7=prompt('Choose%20File%202',L3f7); if(L3f7&&R1Gh7){Fr4Q='<frameset%20cols=\'*,*\'>\n<frame%20src=\''+L3f7+'\'/>';Fr4Q+='<frame%20src=\''+R1Gh7+'\'/>\n';Fr4Q+='</frameset>'; with(document){write(Fr4Q); void(close())}}else{void(null)}
  • Una volta cliccato il segnalibro verranno chiesti l’indirizzi di due siti, il primo va nella parte di sinistra ed il secondo in quella di destra.

Via Google Chrome Board

Termini Uitilizzati: , , , ,

Script per Fare una Galleria Fotografica

Scritto da yuri in webmaster | il 26.09.2008 alle 07:31

Eccezionale questo javascript opensoucre permette di fare una galleria fotografica in javascript, html o flash da inserire poi in siti web o blog.

script-per-galleria-fotografica

È davvero gradevole Highslide JS ed è gratuito e opensoucre, distribuito sotto licenza creative commons 2.5 e sono presenti gli esempi per tutti i tipi di utilizzo. Per utilizzarlo c’è solo da uppare le foto, gli script e gli esempi modificati con il path alle fotografie e alt e descrizioni personalizzati.

Ecco le caratteristiche di Highslide JS:

  • Non richiede plugin flash o java per funzionare correttamente, ovviamente non bisogna mettere la galleria in flash.
  • Con un solo click l’utente può aprire la galleria la galleria fotografica e lasciare la pagina senza chiuderla.
  • Compatibilità con vecchi browser e se l’utente ha disattivato il javascript sarà mandato ad una pagina html di riepilogo.

Assolutamente da valutare la possibilità di scaricare Highslide JS se si vuole fare/mettere una galleria fotografica nel proprio sito/blog.

Termini Uitilizzati: , , , , ,

Plugin Tuttofare e Programmabile per Firefox

Scritto da yuri in generale | il 28.08.2008 alle 07:27

Questo sarà sicuramente un plugin rivale di greasemonkey, l’adoreranno gli smanettoni, programmabile tramite javascritpt per poter far fare di tutto a firefox.

plugin-programmabile-tuttofare-firefox

Ubiquity questo è il nome del plugin, si mostra come una normale finestrella che viene mostrata alla pressione di ctrl e la barra spaziatrice per impostazione definita, se ci si scrive qualsiasi cosa dentro cerca “solamente” in google, yahoo, wikipedia, internet database ed amazon il termine.

Il bello viene quando digitiamo comandi (utilizzabile tranquillamente da tutti non solo smanettoni), sono presenti i comandi: per evidenziare il testo come in immagine, calcolatrice, dizionario, calendario, ricerca in bugzilla, la conversione di pagine html in pdf o testo, la ricerca in e-bay,e-mail,flikr, youtube e molti altri, chi sa il javascript può aggiungere le sue funzioni chi non lo sa può scaricarne altre.

Da provare assolutamente, qui è possibile scaricare ubiqity, una volta scaricato ed installato in firefox tramite ctrl+space si apre la finestrella, digitando help vi troverete un esauriente tutorial in inglese ed i vari collegamenti alle sue funzioni.

Termini Uitilizzati: , , ,

Velocizziamo ulteriormente wordpress

Scritto da yuri in webmaster | il 19.07.2008 alle 06:42

Ecco la continuazione del post che parla di come velocizzare un blog wordpress, adesso guardiamo di comprimere javascript e css, per risparmiare banda, anche se nel titolo mi sono riferito a wordpress, questi metodi sono adattabili benissimo a qualsiasi sito web o blog.

Cominciamo ad ottimizzare i javascript, l’ottimizzazione sta nel ridurne il peso, togliendo i commenti non necessari, per far questo non ci sarà da modificare niente a mano, si utilizzerà il servizio web che comprime i javascript, per usarlo è sufficiente copiare lo script nella parte alta, per maggiore sicurezza premere basic compress poi copiare il codice sotto riportato.

Questo servizio vien detto che ottimizza anche i css, personalmente non l’ho provato, io m’affido a CleanCSS, che non solo riduce il peso dei css ma permette anche di scegliere varie opzioni (l’impostazione di base va bene), poi i file css ottimizzati risultano anche validi W3C, il funzionamento è analogo al pulitore di javascript.

Per essere ottimizzati gli script dovrebbero essere anche interni al sito, non richiamati da domini diversi, questo vale anche per gli script di google, ecco che solo per wordpress, è disponibile un plugin che permette il caricamento degli script dal nostro dominio.

Sempre solo per wordpress, sono disponibili degli script ottimizzati, precisamente il wp-includes/js/prototype.js, che è comunque ottimizzabile con lo strumento prima elencato, oppure potete scaricarlo dal gruppo prototype di google, scaricare il protopack V.xxxxx, scompattarlo, entrare nella cartella files/compressed/prototype ed usare la versione del vostro prototype (potete vedere il prototype originale, alla prima riga c’è scritta la versione), poi dovrete rinominare il file, esempio prototype-1.6.0.2-shrinkvars.js lo rinominerete in prototype.js.

Termini Uitilizzati: , , , , , ,