Closeeeeeeh... long time,no see... beh dai nn credo ke abbiate sentito mlt la mia assenza. tanto x nn farvi abituare troppo ai miei post, oggi ne faccio uno leggero leggero. parliamo d chat x il vs blog. d servizi ke v xmettono d mettere una chat(chat,eh... nn confondetele cn le tagboard ke sn un'altra cosa d cui forse parlerò in futuro) ce ne sn a bizzeffe là fuori, ma c soffermeremo sl su due servizi in particolare, e cioè pladeo e gabbly, x' sn qll ke m sn trovato ad usare nella mia consumata carriera da blogger(si sn modesto) e x'...beh, ma devo giustificarmi x forza?no, ovviamente.
ora, diciamo ke le differenze sostanziali tra pladeo (ex incircles) e gabbly sn due: 1- pladeo ha una grafica + bella (almeno a mio parere) e poi ci si può cambiare il colore
2- gabbly supporta xò + caratteri. in ciascuno dei due casi la procedura x creare una chat x il blog è abbastanza semplice, ma andiamo con ordine e dividiamo le due cose:
1- pladeo:
inserite la vostra email x avere il codice(se nn volete usare la vostra, provate spambox e ve lo raccomando), il tipo(ovviamente, blog)ed il colore.
poi passate alla seconda pagina: inserite l'indirizzo del vostro blog e poi cliccate su generate code. poi create un campo HTML nel vs blog e inseriteci il codice in questione. fate attenzione alle proprietà width e height presenti all'interno del codice e modificatele in modo ke il gadget in questione possa entrare bene nello spazio dove desiderate metterlo. done.
2- gabbly: cliccate su embed, poi inserite i dati richiesti e cliccate su generate code. poi la procedura x inserirlo nel blog è la stessa.
qua sotto trovate due esempi d chat fatte una cn pladeo e l'altra cn gabbly. decidete voi qll ke v piace d +.
venerdì 13 luglio 2007
back in black!
2
commenti
-->
mercoledì 14 febbraio 2007
how-to: scrivere codice in un post
allora, se il codice venisse scritto così com'è nel post sarebbe riconoscito cm vero e proprio codice e qnd nn verrebbe visualizzato.
x ovviare a qst problema si devono fare alcune cose:
1- copiate il codice in blocco note
2- fate sostituisci e sostituite il carattere "<" con "& l t" (tutto attaccato)
3- stessa cosa x ">" (da sostituire con "& g t") e " " (da sostituire con "& n b p s")
4- copincollate il nuovo codice nel post. fatto.
3
commenti
-->
commenti Peek-A-Boo
hack trovato su singpolyma.
allora, una delle cose ke nn sopporto è ke i commenti su blogger nn siano nella pagina del post ma in una pagina a parte/in un popup. qst hack serve proprio a far questo, cioè xmette d far vedere i commenti nella pg principale in una sorta d menu a tendina.
articolo il mio spot in(scusatemi, colpa d filosofia):
1- dovete prima d tt disattivare la moderazione commenti e la verifica parole, altrimenti nn funzionerà (impostazioni>commenti>attivare la moderazione dei commenti: no e mostra la verifica parole per commenti:no)
2- nella pagina del template selezionate espandi i modelli widget
3- nella head(inseritelo subito dopo il primo tag <head>) inserite qst codice:
<script type="text/javascript">
//<![CDATA[
var comment_form_template = '<div class="commentelem"><div class="comment-poster">[[AUTHOR]]</div>\n'
+ '<div class="comment-body"><div class="innerCmntBody">[[BODY]]</div></div>\n'
+ '<div class="comment-timestamp"><a href="[[PERMALINK]]" title="comment permalink">[[DATE]]</a></div></div>\n';
if(typeof(thisblog_showCommentPhotos) == 'undefined')
thisblog_showCommentPhotos = false;
//]]>
</script>
<script src='http://jscripts.ning.com/get.php?xn_auth=no&id=2941927' type='text/javascript'></script>
4- cercate una cosa del genere:
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
e sostituite la seconda riga con:
<div class='comments' expr:id='"comments" + data:post.id'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"commentsul" + data:post.id'> </div>
<script type='text/javascript'>
document.getElementById('comments<data:post.id/>').style.display = 'none';
</script>
</b:if>
5- cercate la parte dove sono generati i post, che sarà una cosa del genere:
<b:includable id='main' var='top'>
<!-- posts -->
al cui interno troverete:
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
sostituite qst parte d codice con:
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comments'/>
</b:if>
6-cercate la sezione <b:includable id='post' var='post'> al cui interno troverete
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
rimpiazzatelo con:
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<b:loop values='data:post.feedLinks' var='f'>
<a class="comments" rel="comments" expr:href='data:post.url + "#comments"' expr:onclick='"peekaboo_comments_display("" + data:f.url + "","commentsul" + data:post.id + "",thisblog_showCommentPhotos);toggleitem("comments" + data:post.id + "");return false;"'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:loop>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.url + "#comments"' expr:onclick='"toggleitem("comments" + data:post.id + "");return false;"'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
7- fate l'anteprima prima d tt x vedere se funziona ancora il blog (la prudenza non è mai troppa). se si apre salvate e poi visualizzate il blog x verificare le nuove funzionalità del vs blog.
0
commenti
-->
mercoledì 24 gennaio 2007
time to rock
beh, un blog senza musica vi sembra come un cappuccino senza schiuma? ecco qll ke fa x voi. c'è la possibilità d mettere in una qlss delle sezioni (main, sidebar o footer x intenderci) un bel music player (ke apparirà cm quicktime o media player a seconda dei plugin installati sui pc dei vostri visitatori).
i passi da fare:
1- uploadate da qlk parte un file audio (usate un mp3 nn molto lungo x nn occupare troppo spazio x'altrimenti la vostra pagina c metterà un'eternità a caricarsi). io d solito x gli audio uso fileden
2- cercate nel vostro template la sezione dove sono presenti tt i < div> e < /div>
3- volete metterla nella sidebar, bene, andate in div id=sidebar ecc.ecc. e dopo la b:section mettete qst codice:
< EMBED SRC="urlsound.mp3" HEIGHT="60" WIDTH="145" AUTOSTART="FALSE" VOLUME="50%" >< /EMBED >
la proprietà autostart serve x far partire automaticamente o meno la canzone, height e width sono proprietà del player (usando Quicktime x avere un player minimo cm altezza ho messo 15, se v interessa). al posto d urlsound ovviamente dovete mettere l'url del vostro suono. nn penso ke v debba spiegare la proprietà volume ( o almeno spero).
ok, x skinnare il mediaplayer c vediamo un'altra volta, devo andare a cercarmelo.
3
commenti
-->
sabato 13 gennaio 2007
Basilari x i background
allora... dato ke ultimamente ho dovuto cambiare lo sfondo ad un certo sito, m è venuta l'idea d parlare ai miei lettori delle proprietà del background in blogger (che assomigliano molto a quelle del CSS).
allora, x mettere un background ad una sezione del vostro blog (ke può essere l'intero body (in quel caso è bene scegliere una img piccola da replicare su tt il blog ma ne parleremo dopo), una sola colonna, l'header o tutte le colonne) abbiamo una semplice proprietà, che si chiama (ma indovinate un pò?) background. di essa possiamo specificare il colore, oppure l'immagine o anche altre cose.
allora, x definire il colore si scrive:
background:(codice o nome del colore);.
infatti si dovrebbe poter inserire il colore di sfondo in tre modi diversi:
1- usando il codice html del colore
2- scrivendo il colore in rgb (sintassi: rgb(numR,numG,numB))
3- scrivendo il nome usato x identificare il colore in html (ma nn sono sicuro)
quindi: background: (il colore in uno dei modi possibili);
altra cosa importante è l'uso di immagini di sfondo (chi mai si accontenterebbe di un colore quando può utilizzare un'immagine ben più bella?).
Allora, l'uso d immagini d sfondo prevede ke si abbia un'immagine hostata da qlk parte (se nn sapete cs vuol dire hostata, beh prima fustigatevi e poi andate a rileggervi i miei post precedenti).
una volta ke si ha un url x qst img, la sintassi da usare x averla cm sfondo è:
background: url("url dell'immagine");
dato xò ke spesso ci tokkerà di ripetere qst immagini lungo tutto il blog (orizzontalmente,verticalmente o in tutti i sensi), forse è meglio se parliamo della proprietà repeat.
dunque, possiamo appunto utilizzando repeat far ripetere l'immagine all'interno del nostro blog...la sintassi da usare è:
background: url("url dell'immagine") repeat; (*se vogliamo ke l'immagine si ripeta sia in verticale ke in orizzontale*)
background: url("url dell'immagine") repeat-y; (*in questo modo si ripete solo in verticale*)
background: url("url dell'immagine") repeat-x; (*ripetizione in orizzontale*)
background: url("url dell'immagine") no-repeat; (*quando non volete ke si ripeta... non è xò necessario, se siete dei precisini...*)
si può poi dare anke una posizione fissa o fare in modo che scenda o salga allo scrolling del mouse al nostro background (solo se come proprietà ha no-repeat), grazie alla proprietà attachment: in pratica basta scrivere rispettivamente scroll o fixed dopo l'url ecc:
background: url("url dell'immagine") no-repeat fixed; (*in questo modo l'immagine si muoverà con la pagina*)
background: url("url dell'immagine") no-repeat scroll; (*in questo modo l'immagine rimarrà ferma*)
ultima cosa di cui si deve parlare è la posizione. possiamo infatti anche porre un'immagine fissa in un determinato punto da noi scelto ( ad esempio x creare un titolo o qcs del genere).
cosa c'è da fare: come sempre, si scrive la sintassi come prima, cioè background: (img) (proprietà1) (proprietà2)... (proprietà n);
anke qui c'è più di un modo x trattare con le posizioni:
o si scrivono a parole tipo la formattazione di word (top left, top right, top center,center left,center right, center center, bottom left,bottom right,bottom center)(se si specifica solo la prima la seconda di default viene considerata center), oppure si può dare la posizione usando le percentuali od i pixel:
background: url("immagine") no-repeat 50% 50%; posizionerà (o almeno dovrebbe) il primo angolo dell'immagine giusto al centro della sezione presa in considerazione.
background: url("immagine") no-repeat 250 px 250 px; questo posiziona il primo angolo dell'immagine pixel a destra e 250 pixel in basso rispetto all'angolo in alto a sinistra della sezione. bisogna ricordarsi xò che il primo numero è sempre la x ed il secondo la y.
detto questo, vi lascio, almeno x oggi.
0
commenti
-->
mercoledì 3 gennaio 2007
Peek-A-Boo x la barra di Blogger
avete presente la barra d Blogger ke c'è sopra ad ogni blog, in breve la navbar? ditemi ke anke a voi ha sempre dato fastidio...
beh, cmq, prima di tutto è bene spiegare ke cosa sia la funzionalità Peek-A-Boo:
allora dicasi funzionalità Peek-A-Boo qcs di simile ai menù a tendina di windows, cioè praticamente la barra di Blogger rimarrà nascosta sino a quando non ci andremo con il mouse solo. questo se, come dicevo tempo addietro, avete Firefox. se invece usate Explorer la navbar non comparirà, ma sarà sempre lì, nel senso ke c'è ma non si vede.
x avere qst bella cosina dovrete semplicemente aggiungere qst due righettine nelle head section giusto prima di body... cercate la riga /*use this with the template-twocol.htm e incollatele subito dopo:
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}.
ciò dovrebbe funzionare.
0
commenti
-->
martedì 2 gennaio 2007
Aggiunte...
eh, non si smette mai d'imparare
dunque, devo fare un'aggiunta importante al tutorial sull'aggiunta della terza colonna/ridimensionamento delle colonne.
infatti il problema principale dei blog a tre colonne è che, essendo le immagini di sfondo dei template fatte x quelli a due colonne, a volte capita che queste non si fondano perfettamente con il nuovo layout, spesso x' troppo piccole. occorre perciò salvarle sul pc, modificarle e poi hostarle. dimenticatevi il secondo passaggio. esiste infatti un'utilissimo tool x ridimensionare online le immagini, Resizr ke permette anke a noi,utenti di FireFox d avere un tool x ridimensionare direttamente l'immagine... eeeh, la classe della volpe è tt un'altra cosa...
EDIT: beh, ne ho scoperto 1 altro, ke in quanto a funzioni è meglio (qnt cose si scoprono sbagliando a scrivere un indirizzo) ma ke xò nn ha l'addon x FF. il link è qst
0
commenti
-->
2 commenti:
Posta un commento