ISTRUZIONI

N O T A

Il template che ho utilizzato e modificato per questa guida è il n. 8 colore fucsia a tre colonne che si trova in colonna a sinistra nella pagina dei nuovi Templates base di Splinder, raggiungibile dal pannello editor, cliccando su Template e poi su Nuovo.
Le istruzioni si riferiscono alla personalizzazione del layout con l'inserimento dell'immagine per lo sfondo e l'inserimento dell'immagine "header" del template [e altro che vedi in questo template modificato].

Cosa devi fare per intervenire nel tuo codice html?

Prima di tutto, farti una copia html del codice del tuo Blog, da salvare con il blocco note e conservare. Il codice salvato ti permetterà di ripristinare il tuo Blog, in qualsiasi occasione di malfunzionamento. Fatta la copia, puoi iniziare a modificare il tuo Template (è preferibile aprire un nuovo template e utilizzarlo per le prove) seguendo le istruzioni riportate in questa guida.
QUI SOTTO TROVI IL CODICE HTML MODIFICATO PRONTO PER ESSERE UTILIZZATO. A SEGUIRE, PUOI VEDERE LE PORZIONI DI CODICE INTERESSATE ALLE MODIFICHE EVIDENZIATE IN BLU CON ANNOTAZIONI IN ROSSO.
SOTTO ALLA VOCE "CATEGORIE" CHE TROVI IN COLONNA A DESTRA, PUOI CLICCARE SULLE VOCI PER RAGGIUNGERE DIRETTAMENTE GLI ARGOMENTI CHE INTERESSANO (MUSICA, APPLICAZIONI, ECC.)
SE TI SONO STATO UTILE, AGGIUNGI --> HTTP://VIRTUALBLOG.SPLINDER.COM TRA I TUOI LINK, GRAZIE.

Utenti online

<BGSOUND SRC="http://netdancer.com/midis/Dance.mid" AUTOSTART="TRUE" LOOP="TRUE" CONTROLLER="TRUE" WIDTH="180" HEIGHT="40" ALIGN="CENTER" PLAYCOUNT="10">

Inserire video di YouTube

Prova in questo modo, copia il codice del video di YouTube,

<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/EJeMjdH-Nfo&hl=it"></param><embed src="http://www.youtube.com/v/EJeMjdH-Nfo&hl=it" type="application/x-shockwave-flash" width="425" height="344"></embed></object>
 
seleziona per il copia e incolla, solo la parte del codice embed

<embed src="http://www.youtube.com/v/EJeMjdH-Nfo&hl=it" type="application/x-shockwave-flash" width="425" height="344"></embed>

Apri l'editor per postare, clicca sull'iconcina "Codice" (in trasparenza sul lato destro è visibile lo scroll verticale), posiziona il mouse nella textarea e incolla il codice embed di YouTube.
Adesso, riclicca sull'iconcina "Codice" per far visualizzare il video di YouTube. Pubblica il post.
Per centrare il video puoi farlo con l'iconcina "centra" presente nella barra dell'editor.

Scritto da Pattinando alle ore 18:41 | link | commenti commenti popup Torna su
Categoria - inserire video youtybe

---

Istruzioni per configurazione, implementazione documento ISSUU su siti e Blog Splinder

Un documento simile puoi crearlo ed
inserirlo nel tuo Blog,  leggi le istruzioni

 Issuu è un servizio on-line, gratis, a disposizione della Comunità creativa che desidera pubblicare liberamente. L'obiettivo di Issuu, è facilitare la pubblicazione e sollevare da frustrazioni tutti quelli che hanno sempre desiderato pubblicare i loro documenti, ma non hanno mai trovato le condizioni e lo spazio disponibile per farlo.
Issuu (si pronuncia 'issue') permette a chiunque di convertire i propri documenti in formato PDF per la pubblicazione online interattiva.  Il documento comprensivo di testo e immagini, viene impaginato automaticamente come una rivista o libro da sfogliare.Occorre solo un minuto per procedere ed à gratis. Per sempre.  (continua a leggere)

Scritto da Pattinando alle ore 18:49 | link | commenti (1) commenti (1) popup Torna su
Categoria - template, issuu implementazione

---

Applicazione online per estrarre audio Mp3 dai video di YouTube, da inserire nel player
L'applicazione, permette di estrarre solo la traccia audio dai video presenti su YouTube. Le operazioni sono semplicissime, non richiedono nessuna installazione di programmi, è sufficiente accedere alla pagina del sito, inserire l'url del video YouTube che interessa e nel nostro caso, scegliere l'opzione per estrapolare la traccia audio nel formato mp3.
ll file estratto può essere salvato anche in altri formati: AVI, MOV, MP4 o 3GP. [clicca qui]

Scritto da Pattinando alle ore 11:33 | link | commenti (3) commenti (3) popup Torna su
Categoria - codice musica

---

Musica su Firefox (Per chi utilizza questo Browser)
Per ascoltare la musica anche con Firefox, ho adottato questa soluzione: il file musicale in formato mp3
(continua a leggere su Virtualblog, clicca qui)

Scritto da Pattinando alle ore 11:10 | link | commenti commenti popup Torna su
Categoria - musica, firefox, codice musica

---

Radio Blog v. 2.2 : guida all'installazione

Radio blog è una piccola "radio" o lettore mp3 fatta apposta per blog, che permette di inserire una propria playlist di canzoni scelte da noi, ad uso e consumo di chi viene a visitare e leggere il nostro blog.
Vi segnalo una guida all'installazione, si trova qui Podcast

Scritto da Pattinando alle ore 09:41 | link | commenti (12) commenti (12) popup Torna su
Categoria - radio blog guida

---

Archivio

Per chi utilizza i vecchi templates di Splinder, per raggruppare l'archivio chilometrico in elenco annuale, deve intervenire nel codice html e sostituire questa tag <$BlogArchive$>
con questa nuova tag <$BlogArchiveCollapsed$>
che permette di ottenere questo risultato:
Archivio
oggi
gennaio 2006
--- 2005 ---
--- 2004 ---
--- 2003 ---

Scritto da Pattinando alle ore 08:49 | link | commenti (9) commenti (9) popup Torna su
Categoria - template, archivio

---

Template, immagine header

In questo punto evidenziato in blu il codice per inserire l’immagine header del Blog, sostituisci l’url della mia immagine con l’url della tua immagine

<!-- INIZIO HEADER --> 
                        <div id="header">
                         <h1 id="blogtitle"><a href="/" title="link to home page"><$BlogTitle$></a><IMG SRC="http://patti.altervista.org/_altervista_ht/virtualbloglogomare.jpg" width="770" higth=”250”><br></h1> <p id="blogdescription"><$BlogDescription$></p>
                        </div>
            <!-- FINE HEADER -->          

 

 

Scritto da Pattinando alle ore 09:27 | link | commenti (16) commenti (16) popup Torna su
Categoria - template, immagine, header

---

Template,Immagine sfondo

In questo blocco è inserita l’immagine di sfondo, sostituisci  l’url della mia immagine con  l’url della tua immagine

* GENERICHE
====================== */  
body { 
         text-align: center; 
         margin: 0px; 
         background-color: #EEE8AA; 
         font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
         background:url('http://www.drumcroon.org.uk/Resource/Pattern%20&%20Texture/images/pavement_JPG.jpg'); 
         background-repeat: repeat; 
         background-attachment: fixed; 
         background-position: 50% 50%; 
         float:center;}

Scritto da Pattinando alle ore 09:02 | link | commenti (4) commenti (4) popup Torna su
Categoria - template, immagine, sfondo

---

Immagine in colonna, ridimensionata e cliccabile - Come ricavare il codice utilizzando le iconcine della barra dell'editor

Per il codice dell'immagine piccola da cliccare e farla aprire alla sua grandezza naturale, puoi ricavalo con questa procedura se non sai scriverlo manualmente:

- apri l'editor;
- clicca sull'iconcina per inserire l'immagine;
- dove leggi "URL", inserisci il link dell'immagine;
- dove leggi Larghezza, inserisci, per esempio, il valore 100 per rendere l'immagine piccola (in automatico, in base al valore impostato sopra, viene visualizzato il valore Altezza). Se i due valori vuoi sceglierli tu, devi cliccare sul simbolo del lucchetto, e mettere sopra e sotto i due valori che desideri;
- dove leggi "Allineamento" scegli l'opzione desiderata per collocare l'immagine nella colonna (nel tuo caso, a sinistra, al centro, a destra);
- clicca su OK.

NELLA TEXT AREA SI VISUALIZZA L'IMMAGINE RIDIMENSIONATA E NON CLICCABILE.

Per completare la procedura e renderla anche cliccabile

- clicca sull'immagine;
- clicca sull'iconcina "Inserisci/Modifica collegamento";
- dove leggi "Protocollo URL" sotto a URL, inserisci il link dell'immagine;
- clicca su "Destinazione";
- dall'elenco a discesa, dove leggi "non impostato", clicca sull'opzione Nuova Finestra [blank];
- clicca su OK.

L'IMMAGINE E' PRONTA.

Per recuperare il codice da inserire nella colonna del tuo Blog, clicca sull'iconcina dove leggi "Codice". Seleziona tutto il codice e poi per copiarlo (non puoi farlo con il mouse), dalla tastiera clicca su CTRL+C.

Apri il blocco note e con il mouse clicca sul tasto destro e "incolla"
Salva il codice e chiudi.
Il codice è pronto per essere inserito nelle colonne laterali del tuo Blog.

Se vuoi eliminare la cornice blu intorno all'immagine (appare quando l'immagine è cliccabile), devi aggiungere manualmente border="0" nella stringa del codice, subito dopo l'indirizzo url dell'immagine che termina con l'estensione .gif" oppure .jpg"

Scritto da Pattinando alle ore 22:21 | link | commenti (3) commenti (3) popup Torna su
Categoria - img ridimensionata e cliccabile

---

Scritto da Pattinando alle ore 09:49 | link | commenti (1) commenti (1) popup Torna su
Categoria - pps

---

Inserimento link

Dal pannello editor, clicca sull'iconcina per i link  , si apre il modulo sottostante. 
 

Dopo che hai inserito l'url, clicca su "Destinazione", si apre quest'altro modulo

Scegli l'opzione evidenziata per far aprire il link in una finestra esterna con il target_blank. Adesso puoi cliccare su OK.

Scritto da Pattinando alle ore 11:04 | link | commenti (3) commenti (3) popup Torna su
Categoria - link

---

CODICE PER INSERIRE LA MUSICA
(Puoi confermare nei commenti il tipo di Browser che utilizzi e se questo ti permette di ascoltare la musica inserita in questo Blog e se visualizzi il Player?, grazie).

Il codice per inserire la musica puoi inserirlo in qualsiasi punto del tuo template (di solito nelle colonne laterali come in questo Blog), esternamente ai codici che racchiudono i tags. Per esempio questo codice

<div id="section">
<h2 class="sectiontitle">Link</h2>
<p><$BlogLinkOut$></p>
</div>

si riferisce al tag dei Link. Se vuoi mettere il player della musica sotto ai Link, come vedi in questo Blog, ma l'esempio vale anche per le altre tags, il codice sottostante lo devi inserire esternamente al codice Tags, sempre dopo  il </div> di chiusura. Il codice sottostante, integra i due elementi Bgsound e Embed, per essere supportato dai Browser IE (dalla versione 4.0 in poi), Netscape e Opera.
Per ascoltare la musica con Firefox, leggi più avanti istruzioni specifiche (sotto alla voce categorie, vedi colonna destra a fianco, clicca su Firefox).

Per il tuo blog, preleva il codice sottostante con la funzione copia e incolla (ho inserito il link di un file midi, ti prego di utilizzarlo solo come prova per ascoltare se il player funziona),  sostituisci il mio file midi, con un link musicale prelevato da internet se è disponibile, altrimenti carica nel tuo spazio web  via Ftp (leggi nota sotto), un tuo file musicale. Dopo preleva il link del file che hai messo nel tuo spazio web e inseriscilo nel codice del player al posto di quello che ho inserito io.

Questo è il codice da copiare
<EMBED SRC="http://netdancer.com/midis/Dance.mid" AUTOSTART="TRUE" LOOP="TRUE" CONTROLLER="TRUE" WIDTH="180" HEIGHT="40" ALIGN="CENTER"  PLAYCOUNT="10">
<NOEMBED><BGSOUND SRC="http://netdancer.com/midis/Dance.mid" AUTOSTART="TRUE" LOOP="TRUE" CONTROLLER="TRUE" WIDTH="180" HEIGHT="40" ALIGN="CENTER"  PLAYCOUNT="10"></NOEMBED>

----------
Se vuoi ridurre la grandezza del player (WIDTH si riferisce alla larghezza e HEIGHT all'altezza), sostituisci i valori numerici di  WIDTH="180" e  HEIGHT="40"  con i tuoi; se non vuoi far visualizzare il player, sostituisci con "0" i valori numerici di WIDTH="180" e HEIGHT="40".

Il significato delle voci del codice

AUTOSTART : per l'avvio automatico o meno del file. Inserendo il valore 'TRUE'parte in automatico, se vuoi farlo partire cliccando su play, devi mettere FALSE.
SRC :  indica il formato del suono da riprodurre e può essere wav, midi, mp3 o altro ma deve essere supportato dal plug-in che si utilizza.
LOOP : l'mp3 suona all'infinito con TRUE, metti FALSE se vuoi farlo suonare solo una volta.
CONTROLLER : attiva e disattiva i controlli del lettore con i valori TRUE o FALSE.
WIDTH : è la larghezza del lettore, HEIGHT si riferisce all'altezza del player.
ALIGN : definisce il posizionamento del lettore, CENTER se lo si vuole centrato, LEFT se lo si vuole messo a sinistra, RIGHT se lo si vuole messo a destra.
VOLUME : è il volume di default da da 0 a 100.
PLAYCOUNT : il numero a fianco, indica quante volte vogliamo che si ripeta il file.


IMPORTANTE - Per usare l'FTP, esempio quello di Altervista, devi procedere in questo modo. Salvare il tuo file mp3 su una cartella del tuo hardisk, poi con la funzione "copia-incolla del mouse", cliccki sul file musicale e lo copi. Poi vai sulla barra di IE e devi scrivere questo indirizzo:
FTP://miosito.altervista.org (è un indirizzo esempio, devi inserire l'url del tuo sito su Altervista),  quando si apre la mascherina, devi autenticarti con i parametri che usi normalmente per entrare nel tuo sito. Adesso che ti sei autenticato, ti trovi nel pannello di Altervista, individui la tua cartella dove vuoi caricare il tuo file musicale, posizioni il mouse sulla cartella e carichi il file con la funzione "copia-incolla" del mouse utilizzando "incolla". Aspetti che carica il file (i tempi dipendono dalla grandezza del file e dal tipo di connessione), quando ha terminato, chiudi l'FTP e ritorni su www.altervista.org, ti autentichi per entrare nel tuo sito, poi copi l'url del tuo file musicale che hai caricato con l'FTP e lo linki nel tuo blog.
In alternativa a Altervista, puoi trovare  in questa pagina un nutrito elenco di spazi web hosting e, come segnalato da Fuori dal mucchio  altri spazi hosting come fileden e boxstr  per caricare i tuoi files.
Se non hai uno spazio web, puoi prelevare files midi direttamente da Internet, clicca qui su: Netdancer e Ringtail
------------------------

CODICE PER INSERIRE MUSICA RANDOM
I files sono MIDI

<!------------------- INIZIO CODICE DA COPIARE NEL CORPO DELLA PAGINA -------------------->
   ( tra i tag <body> e </body> )
       // Subito dopo l'apertura del tag <body> //

<script language="Javascript">
<!--
// Ideato da Seatiger Team™
// A Sbafo! Tutto per il web gratis e in italiano...
// http://www.asbafo.net
// Liberamente utilizzabile, ma lascia intatte queste righe. Grazie!

var nummidi = 3
day = new Date()
seed = day.getTime()
ran = parseInt(((seed - (parseInt(seed/1000,10) * 1000))/10)/100*nummidi + 1,10)

if (ran == (1))   
midi=("yesterday.mid")
if (ran == (2))
midi=("whowant.mid")
if (ran == (3))
midi=("imagine.mid") 

document.write('<EMBED SRC= "' + midi + '" WIDTH=0 HEIGHT=0 AUTOSTART=TRUE>')
document.write('<BGSOUND SRC= "' + midi + '"  AUTOSTART=TRUE>')

//  -->
</script>

<!--------- FINE CODICE DA COPIARE NEL CORPO DELLA PAGINA --->
-------------------

PER MODIFICARE IL CODICE
Per inserire  un numero maggiore di 3 di files  MIDI da far girare,  apportare queste modifiche al codice base:
Dove leggi var nummidi = 3
cambia il n. 3 per inserire un numero superiore di files MIDI da far girare

In questo blocco

if (ran == (1))   
midi=("yesterday.mid")
if (ran == (2))
midi=("whowant.mid")
if (ran == (3))
midi=("imagine.mid") 

dove leggi i nomi dei files mid, sostituisci coni l'url dei tuoi files midi lasciando invariato il codice, fai attenzione a non cancellare le " "

Per aumentare il numero di files MIDI da far girare, fai il copia e incolla di

if (ran == (1))   
midi=("yesterday.mid")

sostituisci il numero 1 con il progressivo n. 4, sostituisci l'url del files MIDI con il nuovo files e accoda questo blocco al codice di base che diventa:

if (ran == (1))   
midi=("yesterday.mid")
if (ran == (2))
midi=("whowant.mid")
if (ran == (3))
midi=("imagine.mid") 
if (ran == (4))   
midi=("yesterdaynuovo.mid")

Procedi in questo modo per aggiungere altri files alla lista.
Naturalmente ogni volta che aggiungi una nuova stringa di codice per aumentare i files MIDI da far girare, devi cambiare anche il numero di  var nummidi = 3 che diventa 4 e progressivamente 5, 6 ecc... se hai aggiunto altri file.
Ricorda che aggiungere troppi files può appesantire il caricamento della pagina del Blog.
Il player non si vede, chi entra nel sito/Blog ascolterà la musica in sottofondo, che cambierà ad ogni nuovo ingresso con il caricamento della pagina.
Se vuoi rendere visibile il player, in questo punto del codice che ho inserito sopra:
document.write('<EMBED SRC= "' + midi + '" WIDTH=0 HEIGHT=0 AUTOSTART=TRUE>')
modifica i valori di WIDTH=0 HEIGHT=0  con i valori WIDTH="180" e  HEIGHT="40". 

Scritto da Pattinando alle ore 13:25 | link | commenti (86) commenti (86) popup Torna su
Categoria - musica, random, firefox, codice musica, ftp , midi

---

 

Visualizzare delle immagini random

Tramite il seguente Javascript è possibile visualizzare in una qualsiasi parte del vostro sito, delle immagini in modo random. Può essere molto utile nel caso in cui vogliate avere per esempio una testata del vostro portale diversa ad ogni caricamento della pagina.

Tra i campi <head> e </head> inserite il seguente script:

<SCRIPT Language="JavaScript">
var NrRnd=Math.random();
var Nrheader=Math.round(NrRnd*10);
headerImg=new Image;
headerImg="header" + Nrheader + ".jpg";
</SCRIPT>

NrRnd*10 indica il numero delle immagini da far ruotare, mentre nell'ultima riga, "header" indica il nome che devono avere i file delle immagini. Il nome può essere modificato a piacere, ma le immagini devono esere nominate in sequenza come per esempio, header0.jpg, header1.jpg, etc. Il conteggio delle immagini parte da zero.
Anche l'estensione ".jpg" può cambiare in un qualsiasi formato grafico.

Nel punto della pagina in cui volete visualizzare le immagini, inserite il seguente codice:

<script>
document.write("<img src='/img/img_random/" + headerImg + "' width='150' height='150' border='0' usemap='#Map'>")
</script>

"<img src='/img/img_random/" deve contenere il percorso in cui trovare i file immagine. width e height possono essere modificati secondo le vostre necessità. Ad ogni reload della pagina verrà mostrata una immagine differente.

Altro argomento, per inserire i link con il nuovo pannello editor trovi una breve guida cliccando QUI

Scritto da Pattinando alle ore 11:27 | link | commenti (3) commenti (3) popup Torna su
Categoria - random

---

No smoke post di prova

Per inserire elementi in flash basta utilizzare il codice HTML per i FLASH.

Puoi decidere tra:


<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/ cabs/flash/swflash.cab#version=6,0,29,0" width="550" height="400">

<param name="movie" value="http://www.tuosito.it/file.swf">
<param name="quality" value="high">

<embed src="http://www.tuosito.it/file.swf" type="application/x-shockwave-flash" width="550" height="400">
</embed>

</object>



oppure più semplicemente


<embed src="http://www.tuosito.it/file.swf" type="application/x-shockwave-flash" width="550" height="400"></embed>



Naturalmente è possibile cambiare le dimensioni modificando i valori WIDTH e HEIGHT

Scritto da Pattinando alle ore 22:02 | link | commenti (3) commenti (3) popup Torna su
Categoria - flash

---