Inserire su WordPress una barra per farsi votare su OkNotizie, Fai Informazione e per pubblicare i post su Facebook e Twitter

Farsi trovare sul Web è importante, e dare ai propri utenti la possibilità di esprimere le loro preferenze in relazione agli articoli che scriviamo, specialmente se le loro preferenze aggiungono visite al nostro Blog, lo è ancora di più :P

Vediamo come fare, quindi, per aggiungere sul nostro blog WordPress una barra che permetta agli utenti di far votare il proprio articolo su “OkNotizie”, il famoso aggregatore di news, ma anche su FaiInformazione, altro importante aggregatorie italiano e, già che ci siamo, pemettere agli utenti di far sapere a tutti del nostro articolo, magari linkandolo su Facebook o su Twitter, meglio se con un contatore che ci mostra tutte le volte che il nostro articolo è stato “inoltrato”!

Vediamo quali sono i passaggi da eseguire:

  • Scarichiamo il plugin per inserire la barra di OkNotizie, cliccando QUI
  • Apriamo il file OkNotizie.php
  • Modifichiamo le righe dalla 69 alla 72 in questo modo:

$link = get_permalink($id);
 $meta_string .=
 "<div id=\"okno\">
 <strong>Ti &egrave; piaciuto l'articolo? Vota Ok oppure No. Grazie Mille!</strong><br />
 <script type=\"text/javascript\" language=\"javascript\">
 <!--
 document.write('<iframe src=\"http://oknotizie.virgilio.it/go_frametop.html.php?us=$meta_id\" allowtransparency=\"true\" style=\"width:100%;height:40px;\" scrolling=\"no\" frameborder=\"0\"></iframe>');
 -->
 </script>
 </div>
 <div id=\"fbshare\">
 <a href=\"http://www.facebook.com/share.php?u=$link\" onclick=\"window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(location.href)+'&t='+encodeURIComponent(document.title),'sharer','toolbar=0,status=0,width=626,height=436'); return false;\">
 <img src=\"" . get_bloginfo('template_url') . "/images/facebook.jpg\" alt=\"Condividi su Facebook\" /></a>
 </div>
 <script type=\"text/javascript\">
 tweetmeme_url = '$link';
 </script>
 <div id=\"retweet\">
 <script type=\"text/javascript\" src=\"http://tweetmeme.com/i/scripts/button.js\"></script>
 </div>
 <div id=\"fai\">
 <script type=\"text/javascript\" src=\"http://fai.informazione.it/js/post.js\"></script>
 </div>
 <div class=\"clear\"></div>";

  • Aprite ora il file style.css del vostro template e, alla fine, aggiungete queste voci:

#okno{
 text-align:center;
 border:1px solid #548ada;
 clear: both;
 width:408px;
 float:left;
 margin-right:15px;
 margin-top:20px;
 }
#retweet, #fbshare{
 float:left;
 margin-top:20px;
 }

#fai{
 float:left;
 margin-top:15px;
 }

#fbshare{
 margin-right:15px;
 }

#fai{
 margin-left:20px;
 }

Attivate ora il plugin dal Pannello di WordPress e godetevi il plugin: ricordate che dovete trovare l’icona di Facebook, chiamarla facebook.jpg , ed inserirla nella cartella images del vostro template, altrimenti non sarà visibile nella barra che avete appena installato!

Il risultato è quello che vedete anche su questo blog! ;)

10 Commenti

  1. Questo è vero, e non ho detto di no, per la precisione il “fai informazione” nel codice HTML è da “fai” a “/div”. Incollo il codice sperando che WordPress lo accetti:

    <div id=\"fai\">
    <script type=\"text/javascript\" src=\"http://fai.informazione.it/js/post.js\"></script>
    </div>

    e nel codice CSS è da “fai” a “}”:


    #fai{
    float:left;
    margin-top:15px;
    }
    #fai{
    margin-left:20px;
    }

    Ah, beh, allora scusa il disturbo! Lo tolgo subito, stanne certo, e definitivamente. Prima ti faccio solo una domanda, una sola: posso copiare una trentina di righe di un codice pubblicato da te, aggiungerci poche righe mie, togliere qualche rientro a capo e non mettere il link al tuo blog? Posso o no? Anzi, no, non rispondere se non vuoi, ci ho ripensato. Sorvolo su discussioni tecniche sul codice css.
    Passo e CHIUDO!

Scrivi un commento

SEGUIMI ORA SU INSTAGRAM: Scopri i reel, le dirette e tantissimi contenuti esclusivi! CLICCA QUI!