Questo è un codice html completo di un template splinder.

Utilizzando questo codice, potrete realizzare un template splinder simile a questi:

Regole:

Il codice html l’ho creato io ma lo metto disponibile per chiunque lo voglia utilizzare per crearsi un proprio template splinder, a patto che si rispettino le regole seguenti:

• E’ possibile modificare la grafica, lo style del template, colori, box, tag di splinder, aggiungere ed eliminare titoli, testi, immagini e quant’altro.
• E’ possibile modificare e o aggiungere credits nell’apposito box.
• E’ vietato eliminare il box credits.
• E’ vivamente consigliato inserire i credits delle risorse grafiche che utilizzate per creare la grafica del template.
• E’ obbligatorio mantenere un link a Brokendollie.com tra i credits (è gia presente di base).
• E’ vietato riutilizzare questo template per scopi di lucro e spacciare per proprio il codice. Ricordo che cambiare due immagini e qualche titolo non è saper creare del codice html per un template splinder.

Caratteristiche del Template:

• Il template è creato con codice XHTML 1 transitional. Di base non presenta errori nè nel codice, nè nei css. Il template splinder è centrato.
• Ha già inseriti tutti i tag fondamentali di Splinder, che permettono di funzionare il template correttamente in ogni sua parte. (Post, categorie, titolo post, commenti pop-up, descrizione blog, profilo, categorie, archivio, links, ultimi commenti, contatore visite, etc)
• E’ obbligatorio modificare le dimensioni della colonna e del post se cambiate grafica, altrimenti il template viene sballato!
• Se ve ne capite abbastanza di html è possibile aggiungere un altra colonna, in modo da creare un template a 3 colonne. In questo caso, dovrete aggiungere nei css un nuovo div per la terza colonna, con i relativi attributi e valori.
• Le immagini da modificare o da creare per realizzare la grafica del template sono quattro: l’header (testata o logo), il background (sfondo), il footer (immagine a piè di pagina) ed il background generale (sfondo dietro tutto il template).
• Per qualsiasi problema scrivete o nei commenti di questo post, oppure tramite mail info@brokendollie.com .

Codice completo della Base Personalizzabile del Template:

Anteprima - Download base personalizzabile

{ file .rar, contenente all’interno file .txt con codice e file .html+cartella “images” per modificare il template con programma diverso dal blocco note; es. Dreamweaver }

Per inserire un video di Youtube nel tuo blog, devi semplicemente copiare e incollare nel punto in cui vuoi che appaia il tuo video, il codice che trovi sotto la descrizione sulla destra del video:

Se sei registrato a YouTube, sotto al codice da copiare ti apparirà una piccola area in cui puoi fare delle piccole personalizzazioni:

• Includere i video correlati al vostro, che appariranno alla fine del video.
• Mostrare il bordo intorno all’immagine del video di Youtube.
• Abilitare i Cookie.
• Scegliere un abbinamento di colori con i quali verrà visualizzato il video nel blog.
• Scegliere una grandezza predefinita per il video.
• Attenzione: se si abilita il bordo al video, la grandezza dei video aumenta di qualche pixel.
• Per vedere le immagini più grandi clicca sulle anteprime.
• Grazie ad AlicelikeAudrey
• Se hai letto questo articolo, forse ti può interessare sapere come si inserisce un player musicale invisibile nel blog!

Tutti spesso vogliamo inserire nei nostri blog personali la nostra canzone preferita; questo è un semplicissimo codice html che permette di inserire un player musicale invisibile che riprodurrà automaticamente il file audio.

Il codice funziona con tutti i browser.

CODICE

<embed src="link al file audio" autostart="true" hidden="true"></embed>

Dando il valore true ad autostart, il file audio del player musicale parte in automatico.
Dando il valore true ad hidden, il player musicale del blog sarà invisibile.

N.B. Il proprietario di questo blog non promuove il download, la diffusione, la condivisione e la conservazione di musica scaricata illegalmente.

Vi riporto un articolo su come scaricare musica legalmente, le dritte dei blogger. Consigli dalla blogosfera per scaricare musica da Internet usando metodi alternativi ai classici programmi di peer2peer.

Entra nel pannello di controllo cliccando sulla “rotellina” segnata in figura. Dopodichè vai su Edita il Template.

Nella pagina che si apre trovi diverse cose:

• Titolo: il predefinito è Blue Ink, modificare il Titolo è praticamente irrilevante.
• Scegli il tipo di barra: ti permette di modificare il colore della barra di Splinder che si visualizza in alto nel tuo blog.

Sotto abbiamo due grandi aree.
Fino a poco tempo fa esisteva solo la prima, in cui all’interno si deve inserire tutto il codice html del template Splinder.
Adesso hanno creato anche la seconda area che da modo di separare il codice del template dal suo css.

Io consiglio di inserire tutto il codice completo del template splinder nella prima area.

Se si desidera visualizzare l’antemprima del blog clicca su “Anteprima del Template“. Per salvare il nuovo template clicca su “Salva modifiche“.

Finito!

Ecco il sistema per centrare i Template dei vostri Blog Splinder, senza utilizzare le tabelle.
La modifiche sono nel css del template.
Dovremmo editare il “body” e creare un nuovo id, ovvero l’id “#container” che conterrà al suo interno il div per l’header, il div per il post e il div per la colonna, come al solito.

body {
margin: 0;
padding: 0;
text-align:center; /* questi servono a centrare la pagina su iexplorer 5, poi il testo verrà riallineato a sinistra */
color:#cccccc;
background-color:#333333;
font-size: 12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#container {
margin-left:auto;
margin-right:auto; /* margin ai lati automatici per centrare il template con qualsiasi browser diverso da ie5 */
text-align:left; /* per ripristinare l’allineamento a sinistra */
margin-top:0;
margin-bottom: 0;
padding: 0;
width:760px; /* definire la larghezza del template, cioè quella dell’header grafico N.B. 760px è la dimensione minima per una risoluzione 800 x 600 */
}
Il codice del template, nel body, verrà così:

[...]
<div id=”container”>
<div id=”header”><img src=”header del template” alt=”nome blog” width=”760″ /></div>
<div id=”post”>Tutto il codice blogger per far funzionare i post</div>
<div id=”colonna”>Tutti i box e le tag che si trovano nella colonna</div>
</div>
[...]

Se avete dubbi e problemi non esitate a chiedere!