Widget degli Articoli Raccomandati per Blogger.

Come installare su Blogger il gadget dei Post Raccomandati con Miniature e Riassunto di articoli che abbiamo selezionato per i lettori.

Il gadget dei Post Raccomandati più conosciuto è quello scorrevole collegato a Facebook ma ho anche presentato il widget dei Post Consigliati per Blogger che si ispira appunto a questo plugin di Facebook. Se un autore di blog avesse l'esigenza di mostrare un widget con dei post selezionati da lui che abbia un aspetto simile a quello dei Post più popolari può invece seguire questo articolo.

Utilizzando il gadget Elenco di link si può inserire un elenco di collegamenti ai post prfescelti però senza nessuno snippet dell'incipit e senza miniature. Con la procedura che vado a illustrare si visualizzeranno invece anche questi due elementi. Dopo aver salvato il template andate su Modello > Modifica HTML e cercate la riga che indica l'inizio della parte principale del blog

<b:widget id='Blog1' locked='true' title='Post sul blog' type='Blog'>

Subito sopra a questa riga incollate il seguente codice

<b:widget id='TextList2' locked='false' type='TextList' title='Articoli Raccomandati' mobile='no'>
  <b:includable id='main'>   
 <div class='PopularPosts'>
      <h2><data:title/></h2>
        <script type='text/javascript'>
        // <![CDATA[
          var showThumbnails = "true";
          var showSnippets = "true";
          var _0x4d66=["\x24\x74","\x74\x69\x74\x6C\x65","\x65\x6E\x74\x72\x79","\x73\x75\x6D\x6D\x61\x72\x79","","\x6C\x65\x6E\x67\x74\x68","\x6C\x69\x6E\x6B","\x72\x65\x6C","\x61\x6C\x74\x65\x72\x6E\x61\x74\x65","\x68\x72\x65\x66","\x6D\x65\x64\x69\x61\x24\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C","\x75\x72\x6C","\x3C\x61\x20\x68\x72\x65\x66\x3D\x27","\x27\x3E","\x3C\x2F\x61\x3E","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x27\x69\x74\x65\x6D\x2D\x74\x69\x74\x6C\x65\x27\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x27","\x3C\x2F\x61\x3E\x3C\x2F\x64\x69\x76\x3E","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x27\x69\x74\x65\x6D\x2D\x73\x6E\x69\x70\x70\x65\x74\x27\x3E","\x3C\x2F\x64\x69\x76\x3E","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x27\x69\x74\x65\x6D\x2D\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C\x27\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x27","\x27\x20\x74\x61\x72\x67\x65\x74\x3D\x27\x5F\x62\x6C\x61\x6E\x6B\x27\x3E\x3C\x69\x6D\x67\x20\x61\x6C\x74\x3D\x27\x27\x20\x62\x6F\x72\x64\x65\x72\x3D\x27\x30\x27\x20\x68\x65\x69\x67\x68\x74\x3D\x27\x37\x32\x27\x20\x73\x72\x63\x3D\x27","\x27\x20\x77\x69\x64\x74\x68\x3D\x27\x37\x32\x27\x2F\x3E\x3C\x2F\x61\x3E\x3C\x2F\x64\x69\x76\x3E","\x66\x61\x6C\x73\x65","\x74\x72\x75\x65","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x27\x69\x74\x65\x6D\x2D\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C\x2D\x6F\x6E\x6C\x79\x27\x3E","\x3C\x2F\x64\x69\x76\x3E\x3C\x64\x69\x76\x20\x73\x74\x79\x6C\x65\x3D\x27\x63\x6C\x65\x61\x72\x3A\x20\x62\x6F\x74\x68\x3B\x27\x3E\x3C\x2F\x64\x69\x76\x3E","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x27\x69\x74\x65\x6D\x2D\x63\x6F\x6E\x74\x65\x6E\x74\x27\x3E","\x61\x70\x70\x24\x63\x6F\x6E\x74\x72\x6F\x6C","\x3C\x6C\x69\x3E","\x3C\x2F\x6C\x69\x3E","\x77\x72\x69\x74\x65"];function recommandpost(_0x5c46x2){var _0x5c46x3=_0x5c46x2[_0x4d66[2]][_0x4d66[1]][_0x4d66[0]];var _0x5c46x4=_0x5c46x2[_0x4d66[2]][_0x4d66[3]][_0x4d66[0]];var _0x5c46x5=_0x4d66[4];for(var _0x5c46x6=0;_0x5c46x6<_0x5c46x2[_0x4d66[2]][_0x4d66[6]][_0x4d66[5]];_0x5c46x6++){if(_0x5c46x2[_0x4d66[2]][_0x4d66[6]][_0x5c46x6][_0x4d66[7]]==_0x4d66[8]){var _0x5c46x5=_0x5c46x2[_0x4d66[2]][_0x4d66[6]][_0x5c46x6][_0x4d66[9]];break ;} ;} ;var _0x5c46x7=_0x4d66[4];if(_0x4d66[10] in _0x5c46x2[_0x4d66[2]]){var _0x5c46x7=_0x5c46x2[_0x4d66[2]][_0x4d66[10]][_0x4d66[11]];} ;var _0x5c46x8=_0x4d66[12]+_0x5c46x5+_0x4d66[13]+_0x5c46x3+_0x4d66[14];var _0x5c46x9=_0x4d66[15]+_0x5c46x5+_0x4d66[13]+_0x5c46x3+_0x4d66[16];var _0x5c46xa=_0x4d66[17]+_0x5c46x4+_0x4d66[18];if(_0x5c46x7!=_0x4d66[4]){var _0x5c46xb=_0x4d66[19]+_0x5c46x5+_0x4d66[20]+_0x5c46x7+_0x4d66[21];} else {var _0x5c46xb=_0x4d66[4];} ;if(showThumbnails==_0x4d66[22]){if(showSnippets==_0x4d66[22]){var _0x5c46xc=_0x5c46x8;} else {if(showSnippets==_0x4d66[23]){var _0x5c46xc=_0x5c46x9+_0x5c46xa;} ;} ;} else {if(showThumbnails==_0x4d66[23]){if(showSnippets==_0x4d66[22]){var _0x5c46xc=_0x4d66[24]+_0x5c46xb+_0x5c46x9+_0x4d66[25];} else {if(showSnippets==_0x4d66[23]){var _0x5c46xc=_0x4d66[26]+_0x5c46xb+_0x5c46x9+_0x5c46xa+_0x4d66[25];} ;} ;} ;} ;if(_0x4d66[27] in _0x5c46x2[_0x4d66[2]]){} else {document[_0x4d66[30]](_0x4d66[28]+_0x5c46xc+_0x4d66[29]);} ;} ;
        // ]]>
      </script>
      <div class='widget-content popular-posts'>
        <ul>
          <b:loop values='data:items' var='recommend'>
            <script expr:src='&quot;https://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/summary/&quot; + data:recommend + &quot;?alt=json-in-script&amp;amp;callback=recommandpost&quot;' type='text/javascript'/>
          </b:loop>
        </ul>
        <b:include name='quickedit'/>
      </div>
    </div>
  </b:includable>
</b:widget>

in questo modo



Si salva il modello e si va su Layout. Sarà visibile l'elemento pagina Articoli Raccomandati

subito sopra a Post sul blog. Con il mouse si trascina fino alla posizione voluta magari in una sidebar o nel footer quindi si clicca su Salva disposizione. Se adesso si apre il blog non si vedrà assolutamente nulla perché dovremo configurare il gadget con l'ID dei post prescelti.

COME RICAVARE L'ID DEI POST

Dopo aver aperto il post si può cliccare sul Quick Edit che è quella icona a forma di matita oppure andare su Bacheca > Post e cliccare su Modifica. In ogni caso si aprirà l'Editor del post in questione. Se ora andiamo sull'indirizzo mostrato nella barra del browser ci sarà un numero identificativo dopo postID= che è appunto l'ID del post

Dopo aver salvato in un file di testo tutti gli ID dei post che vogliamo raccomandare ai lettori si torna su Layout e si clicca su Modifica nell'elemento Articoli Raccomandati. Si aprirà questa finestra in cui inserire gli ID appena ricavati

In Aggiungi voce elenco si incolla l'ID del post quindi si va su Aggiungi Elemento. Si ripete la procedura per tutti i post che vogliamo raccomandare.



Quando abbiamo terminato si va su Salva. Il widget sarà adesso visibile nel blog



La miniatura sarà mostrata solo in quei post in cui sia presente almeno una immagine.

APPENDICE E CONCLUSIONI

1. Per non mostrare la miniatura basta sostituire true con false in showThumbnails  mentre per non mostrare l'incipit del post si sostituisce true con false in showSnippets.
2. Per mostrare questo widget solo in determinate pagine vanno inseriti i tag condizionali rispettivamente subito sotto e subito sopra alle righe evidenziate di giallo.
3. Per mostrare il widget anche nei dispositivi mobili si mette yes al posto di no in mobile. Ricordo però che potrà essere visto solo se è nell'area centrale del blog come potrebbe essere il footer. È anche possibile modificare il numero 2 in TextList se ci avessimo altri Widget Elenchi di Link 

Fonte | Soraya Lambrechts