WebLogin: commenti

Visualizzazione post con etichetta commenti. Mostra tutti i post

sabato 29 novembre 2008

Come numerare automaticamente i commenti di Blogger

In un precedente post abbiamo inserito gli avatar di MyBlogLog nel nuovo modulo dei commenti di Blogger, oggi vedremo un hack per inserire in ogni commento il rispettivo numero.
Il numero associato al commento ci permetterà di identificare ogni commento all'interno di un post e non solo, infatti al numero assegneremo anche il permalink del commento.

Installazione

Le modifiche da fare al proprio template, per numerare automaticamente i commenti, sono le seguenti:

Salvare una copia del template in modo da poterlo ripristinare in caso di errore. Quindi bisogna andare in Layout->Modifica HTML e premere sul link "Scarica modello completo".

Attivare la checkbox "Espandi i modelli widget" e aggiungere prima di "]]></b:skin>" il seguente codice:

.numberingcomments {
float: right;
display: block;
width: 50px;
margin-right: 5px;
margin-top: -35px;
text-align: right;
font-family: 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
font-size: 30px;
font-weight: normal;
}

.numberingcomments a:link, .numberingcomments a:visited {color: #445566 !important; text-decoration: none !important;}
.numberingcomments a:hover, .numberingcomments a:active {color: #FF9933 !important; text-decoration: none !important;}

Scorrere la pagina fino a trovare "<dl id='comments-block'>" e aggiungere le modifiche evidenziate in rosso nel seguente codice:

<dl id='comments-block'>

<script type='text/javascript'>var CommentsCounter=0;</script>

<b:loop values='data:post.comments' var='comment'>

 <div class='' expr:id='data:comment.id'>
 
  <dt class='comment-author' expr:id='"comment-" + data:comment.id'>
   <a expr:name='"comment-" + data:comment.id'/>
   <b:if cond='data:comment.authorUrl'>
    <a expr:href='data:comment.authorUrl' rel='nofollow'>
     <data:comment.author/>
    </a>
   <b:else/>
    <data:comment.author/>
   </b:if>
   
   <data:commentPostedByMsg/>
   
   <span class='numberingcomments'>
    <a expr:href='"#comment-" + data:comment.id' title='Comment Link'>
     <script type='text/javascript'>
      CommentsCounter=CommentsCounter+1;
      document.write(CommentsCounter);
     </script>
    </a>
   </span>
  </dt>
  
  <dd class='comment-body'>
  
   ...
  
  </dd>
 </div>

</b:loop>
</dl>

Salvare le modifiche con "Salva le modifiche".

Attualmente ho adottato questa soluzione per questo blog, quindi potete provare il funzionamento anche lasciando un commento a questo post ;-)

N.B. Il passo due della procedura è il codice CSS che definisce lo stile dei numeri.

[via Randomness]

Continua...

lunedì 24 novembre 2008

Come inserire MyBlogLog nei commenti di Blogger

Ultimamente Blogger ha fornito la possibilità di posizionare il modulo dei commenti sotto il post. Questo nuovo modulo dei commenti è attualmente privo di avatar ed è per questo che oggi voglio mostrarvi come visualizzare gli avatar di MyBlogLog; si tratta di una mia personalizzazione dell'hack MyBlogLog Avatar Creator.

Installazione

Le modifiche da fare al proprio template, per inserire MyBlogLog nei commenti di Blogger, sono le seguenti:

Caricare il seguente file sul proprio servizio di web hosting.
Salvare una copia del template in modo da poterlo ripristinare in caso di errore. Quindi bisogna andare in Layout->Modifica HTML e premere sul link "Scarica modello completo".
Attivare la checkbox "Espandi i modelli widget" e aggiungere prima di "]]></b:skin>" il seguente codice:
```
.avatar img {float: right; border: 1px solid #76acd3;}
```
Aggiungere prima del tag </head> il seguente codice con l'URL del file mybloglog.js caricato precedentemente:
```
<script src='URL di mybloglog.js' type='text/javascript'/> 
```

Trovare nel proprio template le seguenti righe di codice (o simile):

<dl id='comments-block'>
  <b:loop values='data:post.comments' var='comment'>
      <div class='' expr:id='data:comment.id'>
        <dt class='comment-author comment.authorClass' expr:id='data:comment.anchorName'>

Immediatamente dopo queste linee di codice, incollare il seguente codice:

<!-- MyBlogLog Avatar Creator: Inizio -->
<div class='avatar'>
    <b:if cond='data:comment.authorUrl != &quot;&quot;'>
        <script>myBlogAvatar(&#39;<data:comment.authorUrl/>&#39;);</script>
    <b:else/>
        <script>myBlogAvatar(&#39;anonimo&#39;);</script>
    </b:if>
</div>
<!-- MyBlogLog Avatar Creator: Fine -->

Salvare le modifiche con "Salva le modifiche".

A questo punto le modifiche sono terminate, tutti i commenti del proprio blog devono avere l'avatar: per gli utenti non iscritti a MyBlogLog viene mostrato un apposito avatar che può essere modificato con img_noavatar presente nel file mybloglog.js.

Qui trovate un esempio, ma attualmente potete provare anche lasciando un commento a questo post ;-)

N.B. Gli utenti con un account Google (hanno anche il profilo su Blogger) devono segnalare il loro profilo su MyBlogLog (in "My Sites and Services"), per potere visualizzare l'avatar anche quando commentano selezionando il "profilo Google".

Continua...

martedì 5 agosto 2008

Vuoi sapere chi ti commenta su Ziczac? La soluzione c'è

Oggi voglio fornire un semplice hack ai blogger che possiedono un blog su Blogger o su Splinder e che sono iscritti a ZicZac. La soluzione che vi sto per descrivere è stata realizzata da me e Tisbe e sfrutta le API messe a disposizione da ZicZac. In pratica, grazie a questo hack per ogni vostro post segnalato su ZicZac verrà riportato il numero dei commenti ricevuti su ZicZac e il link per poterli leggere.

Allora, per Blogger le modifiche da fare al proprio template sono le seguenti:

Salvare una copia del proprio template in modo da poterlo ripristinare in caso di errore. Quindi bisogna andare in "Modifica HTML" e premere sul link "Scarica modello completo".

Attivare la checkbox "Espandi i modelli widget", trovare nel proprio template il tag <span class="post-icons"> e aggiungere subito dopo il seguente codice:

<!-- ZicZac - Commenti: Inizio -->
<script type="text/javascript">
  zz_ok = 0;
  url_post = &quot;<data:post.url/>&quot;;
  titolo_post = &quot;<data:post.title/>&quot;;
</script>
<script expr:src='&quot;http://ziczac.it/a/e/api.php?u=&quot; + data:post.url' type="text/javascript"></script>
<script language='javascript'>
  if (zz_ok == 1) {
    document.write('&lt;img src=&quot;http://ziczac.it/a/e/zzsmall.png&quot; alt=&quot;Commenti su ZicZac&quot; align=&quot;absmiddle&quot; style=&quot;border:0px;&quot;/&gt;');
    document.write('&lt;a href=&quot;'+ zz_url_commenti +'&quot; title=&quot;Commenti su ZicZac&quot; target=&quot;_blank&quot;&gt;('+ zz_commenti +')&lt;/a&gt;');
  }
  else 
    document.write('&lt;a href=&quot;http://ziczac.it/a/segnala/?gurl='+ url_post +'&amp;gtit='+ titolo_post +'&quot; title=&quot;Segnala questo post su ZicZac!&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://ziczac.it/a/e/zzsmall.png&quot; alt=&quot;Segnala questo post su ZicZac!&quot; align=&quot;absmiddle&quot; style=&quot;border:0px;&quot;/&gt;&lt;/a&gt;');
</script>
<!-- ZicZac - Commenti: Fine -->

Salvare le modifiche con "SALVA MODELLO".

Per Splinder, invece, le modifiche da fare al proprio template sono:

Salvare una copia del proprio template in modo da poterlo ripristinare in caso di errore. Quindi bisogna andare in Template, selezionare tutto il codice HTML riportato sotto a "Template del blog" e salvarlo su di un file.

Trovare il tag <$BlogItemComments$> e inserire subito dopo il seguente codice:

<!-- ZICZAC - COMMENTI: INIZIO -->
<script type="text/javascript">
  zz_ok = 0;
  url_post = "http://nome_blog.splinder.com<$BlogItemPermalink$>";
  titolo_post = "<$BlogItemTitle no_seo=1>";
</script>
<script src="http://ziczac.it/a/e/api.php?u=http://nome_blog.splinder.com<$BlogItemPermalink$>" type="text/javascript"></script>
<script language='javascript'>
  if (zz_ok == 1) {
    document.write('<img src="http://ziczac.it/a/e/zzsmall.png" alt="Commenti su ZicZac" align="absmiddle" style="border:0px;"/>');
    document.write('<a href="'+ zz_url_commenti +'" title="Commenti su ZicZac" target="_blank">('+ zz_commenti +')</a>');
  }
  else 
    document.write('<a href="http://ziczac.it/a/segnala/?gurl='+ url_post +'&gtit='+ titolo_post +'" title="Segnala questo post su ZicZac!" target="_blank"><img src="http://ziczac.it/a/e/zzsmall.png" alt="Segnala questo post su ZicZac!" align="absmiddle" style="border:0px;"/></a>');
</script>
<!-- ZICZAC - COMMENTI: FINE -->

Sostituire l'URL scritto in rosso con quello del proprio blog.

Salvare le modifiche con "Salva le modifiche".

A questo punto le modifiche sono terminate, i commenti su ZicZac ai vostri post sono segnalati sul vostro blog.

P.S. Questo hack è stato segnalato sul blog di ZicZac.

Continua...

martedì 16 ottobre 2007

ClickComments: a metà strada tra i commenti e i voti

ClickComments è un servizio web gratuito che offre la possibilità di inserire in un blog o sito un widget, il quale dopo la lettura di un post permette di esprimere un rapido giudizio con un semplice click, a metà strada tra i commenti e i voti: non richiede lo stesso impegno dei commenti ma offre qualche indicazione in più rispetto ai voti. Ad ogni modo, non si tratta di una funzionalità sostitutiva ai commenti.
Il widget è composto da una barra con delle icone alle quali è associato un giudizio.

Ci sono due tipi di icone, 3D e 2D, e per ogni tipo ci sono tre set di commenti: 2, 4 e 6 tipi di giudizi.

Ogni giudizio viene sommato e memorizzato in modo da fornire un utile feedback all'autore. Infine registrandosi è possibile valutare i giudizi ricevuti in totale e quelli nell'ultima settimana ed effettuare direttamente dal sito di ClickComments le modifiche al widget (cambiare il tipo di icone, il tipo di set di commenti e il tipo di logo) senza dovere reinstallare di nuovo il widget.

Allora che giudizio date a questo post?

PS: Io comunque preferisco (anche) i commenti! Smileys

Continua...

mercoledì 19 settembre 2007

Compie 25 anni la prima faccina :-)

La Mellon University di Pittsburgh in Pennsylvania festeggia il quarto di secolo del primo emoticon, composto dai due punti seguiti da un trattino e una parentesi.
L’università, infatti, rivendica il primato nell’uso del simbolo da parte di Scott Fahlman, un professore che insegna in quell’ateneo.
Pare che Fahlman abbia postato l’emoticon in un bollettino online alle 11 e 44 del mattino del 19 settembre 1982, durante una discussione sullo humour online e su come la sua espressione debba essere intesa in modo leggero e informale.
Inizialmente il simbolo non è stato compreso dai riceventi e Fahlman ha dovuto spiegarne il significato, anche perché andava letta “di sbieco”, ruotata di 90 gradi.

Oggi le emoticon (o smilies, in italiano faccine) sono molto conosciute, spesso i segni di interpunzione sono sostituiti con immagini e vengono utilizzate prevalentemente su Internet e negli SMS per sopperire alla mancanza del linguaggio non verbale nella comunicazione scritta e, perché no, a portare un po' di calore nei messaggi elettronici, aiutandoci a ricordare che dietro quelle stringhe generate da sequenze di 0 e 1 ci sono pur sempre due esseri umani che comunicano.

Curiosità: Secondo una ricerca condotta da Masaki Yuki, ricercatore di scienze del comportamento presso l'Università di Hokkaido, in Giappone, la differenza tra le emoticon statunitensi e quelle giapponesi (dette verticon perché possono essere lette senza dover inclinare il capo orizzontalmente) potrebbe essere dovuta al diverso modo in cui "leggono" i volti: i giapponesi tendono a concentrarsi sugli occhi mentre gli americani sulla bocca. Ad esempio il sorriso o tono scherzoso/amichevole "alla giapponese" viene rappresentato con ^_^ e "all'americana" da :-)
Inoltre in Giappone il fenomeno delle emoticon ha subito una "mutazione": le emoticon vengono utilizzate anche per esprimere veri e propri concetti, come "sono arrabbiato ma non voglio che si veda" che viene rappresentato con (-_-)
Le emoticon all'americana sono quelle più diffuse in Europa, ma oramai sono molte e di diverso tipo le emoticon che si usano in tutto il Mondo. A seguire un elenco delle principali emoticon.

:-) oppure :) oppure ^_^ sorriso o tono scherzoso/amichevole
:-D risata, allegria
X°-D oppure xD oppure XD risata a crepapelle
:* oppure :-* bacio
;-) ammiccante o occhiolino
:-p linguaccia oppure "oops"
:-( oppure :( infelicità, tristezza
ç_ç opure :'( oppure T_T pianto
*_* commozione
:-/ malumore o indecisione
:-O oppure :O stupore ("a bocca aperta")
°_° oppure o_o oppure O_O oppure O.O stupore, shock
o_O confusione, diffidenza
:-S confuso, imbarazzato
:-| imbarazzo, o disagio infastidito
:-x mantenere il segreto
'>_<, è.é fastidio, seccatura
=_= noia, ma anche bramosia
-_- noia o sarcasmo
@_@ stanchezza

[via The Inquirer]

Continua...

martedì 4 settembre 2007

Commentful: segue le conversazioni sul Web

Commentful è un servizio web che permette di monitorare i commenti lasciati nella Blogosfera o in servizi web come YouTube, Flickr, ecc. ecc. in modo da potere seguire facilmente tutte le conversazioni a cui si è interessati. Dopo avere effettuato la registrazione gratuita è possibile scaricare un'estensione per Firefox che ne semplifica l'utilizzo evitando di dovere fare sempre riferimento alla pagina personale del sito web.

L'estensione aggiunge una nuova voce al menù del tasto destro del mouse in Firefox, Add to Commentful, e un indicatore nell'angolo inferiore destro della finestra del browser. Con un semplice click su Add to Commentful si possono aggiungere i post per i quali si è interessati a seguire i commenti. Quando sarà presente un nuovo commento ad uno di questi post l'indicatore assumerà il colore verde e cliccandoci sopra si aprirà la pagina personale del sito web, My Watchlist, dove sarà possibile verificare in quale post è presente il nuovo commento.

Oltre a My Watchlist è possibile conoscere i post con i nuovi commenti anche attraverso feed RSS.

I servizi web supportati sono riportati nella seguente lista, alla quale possono essere aggiunti anche i blog di Splinder, però non funziona per i commenti popup. Per ulteriori informazioni consultare le faq.

Continua...