Aggiungere Bottone Mi Piace ai Post

Ciao ragazzi, io vorrei aggiungere un bottone Mi piace ad ogni post.... Cioè, non un bottone che metti mi piace tramite Facebook, ma bensì tramite il forum... Cioè tu schiaccio il bottone e ti mette nell'elenco degli utenti che hanno inserito il Like... 
Esempio:
e qua, dove c'è, Questo ti piace, se ci sono altri Utenti c'è scritto: Piace a te, utente1, utente 2, e così vi a, se sono tanti Utenti: Piace a te, Utente 1, Utente2 e Visualizza tutti gli Utenti... o una cosa del genere...
oppure, sotto una tabellina che indichi a chi piace, così:

è possibile? se si, come farlo?
@Niko taggo te perchè sono sicuro che sei l'unico che puoi aiutarmi, ma se c'è qualcun altro, ben venga

si esatto...e come inserisco Il Mi Piace comunque?

ah quindi la Reputazione che avevo gia Attiva sono i Mi piace! Ho impostato che non aumenterà a seconda di dove apri i Topic...Ora vorrei inserire il bottone Mi piace nei Post, ma non dalla parte di sopra del messaggio, ma quella di sotto, dove c'è la cosa Online...e non all'inizio (sinistra), ma dalla parte destra... premendo quel bottone un utente aumenterà i Like di 1 a quell'Utente, e ogni utente potrà mettere il like ad un post, ma non al proprio post, cioè :

UTENTE A mette Like a UTENTE B e UTENTE C, ma non può mettere il LIKE a se stesso, solo UTENTE B e UTENTE C possono. Nel senso puoi mettere il Like a chiunque ma non a te stesso

@Niko si può fare?

@Niko in che senso? non ho capito 

Up

e come li sostituisco con il bottone?

ci sono molti + e - , sai dirmi dove trovare quelli giusti? la riga o non so... comunque posso sostituirli appena si trovano con ? così si potrà fare?

grazie mille, ma ho inserito :

Codice:

[IMG]LINK IMMAGINE[/IMG]

e invece di far vedere l'immagine fa vedere, appunto, quel codice,dove a LINK IMMAGINE c'è il link giusto, cioè fa vedere questo:

Codice:

[IMG"]http://i.imgur.com/FtFNWdt.png["/IMG]

Codice:

[IMG"]http://i.imgur.com/kuCAtha.png["/IMG]

ho messo le virgolette così vedi il codice che fa vedere e non l'immagine, ma non li contare, altrimenti senza quelli faceva vedere l'iimagine... come risolvo?

grazie mille, ora vorrei metterli di sotto nel messaggio, nella parte dove sta ONLINE, però a destra, non a sinistra... quindi ho preso questo codice:

Codice:

<!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                     <!-- BEGIN switch_vote -->
                                                  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"><img src="http://i.imgur.com/FtFNWdt.png" /></a></div>
                     <!-- END switch_vote -->

                     <!-- BEGIN switch_bar -->
                     <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                     </div>
                     <!-- END switch_bar -->

                     <!-- BEGIN switch_no_bar -->
                     <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                     <!-- END switch_no_bar -->

                     <!-- BEGIN switch_vote -->
                                                  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}"><img src="http://i.imgur.com/kuCAtha.png" /></a></div>
                     <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->

e ora dove lo metto per farlo mettere li?

@Niko UP

grazie mille @Niko , ma come immaginavo si vede così:

ora, vorrei mettere il Non mi piace a fianco al Mi piace, e togliere quella fastidiosa righetta, che forse mo vedo di togliere da solo, intanto come posso affiancare il Non mi piace?

@Niko ho messo il codice nel foglio di stile CSS e rimane uguale

l'ho tolto subito... ho inserito un JS nel CSS? comunque c'è molto CSS c'è qualcosa di inutile, perchè quando non ci capivo niente, mettevo le cose a casaccio.... oppure dopo averle sbagliate, le lasciavo li.... ora lo cancello....
@Niko comunque io ho questo:

Codice:

      var tuto_cache_time = 0; // 1 heure
      var tuto_nums = 12;
      var timestamp_now =  +new Date();
      var widget_tuto_trame= function(link, title, date, is_tuto) {
          var age_class = 'old';
          date= +date;
          if(date - timestamp_now > -259200000) {
            age_class = 'd3';
          } else if(date - timestamp_now > -864000000) {
            age_class = 'd10';
          } else if(date - timestamp_now > -2592000000) {
            age_class = 'd30';
          }
          return '' + title + '';
      };
      if (0 && window.localStorage && +localStorage.getItem('tuto_cache_date') > +new Date() - tuto_cache_time) {
          jQuery('#tuto_container').append(localStorage.getItem('tuto_cache'));
      } else {
          jQuery.get('/feed', function (data) {
            var tuto_list = [],
                tuto_date = [],
                i = tuto_nums+1;
            // on sauve les 9 derniers sujets de q&r fréquentes
            jQuery("item", data).each(function () {
                if (!--i) return false;
                var date_item = new Date(jQuery('pubDate', this).text())
                tuto_list.push(widget_tuto_trame(jQuery('link', this).text(), jQuery('title', this).text(), date_item, 1));
                tuto_date.push(date_item)
            });
            while (i) {
                i--;
                tuto_list.push('');
                tuto_date.push(new Date(0))
            }
            // on va chercher les sujets de trucs et astuces
            jQuery.get('/feed', function (data) {
                var m = tuto_nums;
                // on boucle sur chacun des sujets de trucs et astuces
                jQuery("item", data).each(function () {
                  var date_item = new Date(jQuery('pubDate', this).text())
                  var cur = widget_tuto_trame(jQuery('link', this).text(), jQuery('title', this).text(), date_item, 0);
                  // on ajoute les q&r fréquentes plus récentes que l'astuce en cours
                  while (m && tuto_date[i] > date_item) {
                      m--;
                      jQuery('#tuto_container').append(tuto_list[i++])
                  }
                  // si on en a 9 on fini
                  if (!m) return false;
                  // on ajoute l'astuce en cours
                  jQuery('#tuto_container').append(cur);
                  m--;
                });
                if (window.localStorage) {
                  localStorage.setItem('tuto_cache', jQuery('#tuto_container').html());
                  localStorage.setItem('tuto_cache_date', +new Date)
                }
            })
          })
      }

non quello scritto da te.... e comunque a che servirebbe questo JS?

@Niko ci sono ancora molti problemi da risolvere... I bottoni Mi piace e Non mi Piace stanno ancora male, e poi bisogna inserire le persone che hanno messo Mi Piace e Non mi piace.... nel frattempo, come sistemo  la posizione delle icone?