Archivio

Posts Tagged ‘bottoni’

Come aggiungere BlogNews su AddThis

29 Giugno 2010

AddThis è un servizio web gratuito che consente di inviare i post di un blog/sito via email, di aggiungerli ai preferiti e soprattutto segnalarli su servizi di editoria sociale, aggregatori, social network e social bookmarking. Grazie ad AddThis, l’autore di un blog può sostituire il classico elenco di bottoni con un menù a scomparsa che si apre al semplice passaggio del mouse. Dunque un servizio utile per pubblicizzare il proprio blog/sito e per semplificare la vita ai lettori che utilizzano più o meno regolarmente i social network.

Fig. AddThis

BlogNews essendo un social network relativamente giovane non compare ancora nell’elenco di AddThis, così abbiamo deciso di mostrarvi come inserirlo sfruttando le API offerte dal servizio.

Per inserire BlogNews su AddThis, bisogna:

  1. Andare su AddThis e selezionare la piattaforma del proprio blog tra quelle supportate, oppure Website per le altre piattaforme.
  2. Scegliere il tipo di bottone.
  3. Specificare se si desidera monitorare il bottone scelto con le statistiche offerte da AddThis.
  4. Prelevare il codice di AddThis premendo prima il bottone “Get Your Button” e poi il bottone “Copy Code”.
  5. Aggiungere il codice che segue prima della riga <!– AddThis Button END –>
  6. 1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    
    <script type="text/javascript">
    var addthis_config = { 
    ui_language: "it", 
    services_custom: {
    name: "BlogNews",
    url: "http://www.blog-news.it/submit.php?url={{URL}}",
    icon: "http://www.blog-news.it/favicon.png"},
    services_compact: "email, print, facebook, twitter, google_plusone_share, friendfeed, www.blog-news.it, tumblr, pinterest_share, oknotizie, delicious, bitly, more"
    }
    </script>
  7. Se il servizio di blogging utilizzato è Blogger, allora sostituire la riga 6 del precedente codice con la seguente:
  8. 1
    
    url: "http://www.blog-news.it/submit.php?url=<data:post.url/>",
  9. Se il servizio di blogging utilizzato è WordPress, allora sostituire la riga 6 del codice con la seguente:
  10. 1
    
    url: "http://www.blog-news.it/submit.php?url=<?php the_permalink(); ?>",
  11. Copiare tutto il codice ed inserirlo nel proprio template. (Prima di eseguire delle modifiche al template, consigliamo di farne una copia in modo da poterlo ripristinare in caso di errore.)
  12. Fine.

N.B. Il codice va inserito nel loop dei post, il punto preciso dipende dalla piattaforma del blog e dal tipo di template utilizzato. Per WordPress, Blogger e Splinder è possibile consultare le nostre guide.

| Guide |

, , , , ,

Come inserire un bottone di segnalazione nei template di WordPress

27 Aprile 2009

Fig. Logo di WordPress

Dopo Blogger e Splinder oggi è la volta di WordPress. Per inserire un bottone di segnalazione di BlogNews nei template di WordPress bisogna intervenire nel loop dei post. Quindi è necessario loggarsi come amministratore, cliccare poi su Aspetto->Editor e selezionare l’elemento Pagina principale (il file index.php). Arrivati a questo punto bisogna trovare la linea di codice “<?php while (have_posts())“, questo è l’inizio del loop dei post e termina con “<?php endwhile; ?>”.

Ecco come esempio la modifica effettuata (linea 19) al template di questo blog:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<?php while (have_posts()) : the_post(); update_post_caches($posts); ?>
  <div class="post" id="post-<?php the_ID(); ?>">
    <h2><a class="title" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>
    <div class="info">
      <span class="date"><?php the_time(__('F jS, Y', 'inove')) ?></span>
      <div class="act">
        <span class="comments"><?php comments_popup_link(__('No comments', 'inove'), __('1 comment', 'inove'), __('% comments', 'inove')); ?></span>
        <?php edit_post_link(__('Edit', 'inove'), '<span class="editpost">', '</span>'); ?>
        <div class="fixed"></div>
      </div>
      <div class="fixed"></div>
    </div>
    <div class="content">
      <?php the_content(__('Read more...', 'inove')); ?>
      <p class="under">
        <?php if ($options['author']) : ?><span class="author"><?php the_author_posts_link(); ?> |</span><?php endif; ?>
        <?php if ($options['categories']) : ?><span class="categories"><?php the_category(', '); ?> |</span><?php endif; ?>
        <?php if ($options['tags']) : ?><span class="tags"><?php the_tags('', ', ', ''); ?> |</span><?php endif; ?>
        <a href="http://www.blog-news.it/submit.php?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>&text=<?php the_content(); ?>" title="Segnala questo post su BlogNews" target="_blank"><img src="http://www.blog-news.it/images/gadget/favicon_blognews.png" alt="BlogNews" /></a>
      </p>
      <div class="fixed"></div>
    </div>
  </div>
<?php endwhile; ?>

La seguente riga di codice è quella che determina il titolo del post (la linea 14 è il testo del post):

3
<h2><a class="title" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>

La posizione in cui inserire il codice del bottone all’interno del loop dei post dipende dal template, quindi non potendo fornire altre indicazioni consiglio di fare una copia del file index.php prima di effettuare la modifica: selezionare tutto il codice di index.php e salvarlo su di un file. (La modifica è simile anche per il file “archive.php” e per “single.php”.)

Se la modifica sarà eseguita correttamente allora il bottone comparirà all’inizio o alla fine di ogni post.

P.S. L’esempio è riferito al link testuale, ma la procedura è la stessa anche per gli altri bottoni presenti nella pagina Strumenti.

| Guide |

, ,

Come inserire un bottone di segnalazione nei template di Splinder

22 Aprile 2009

Nel precedente post avevamo visto come inserire un bottone di segnalazione nei template di Blogger, oggi vedremo come è possibile farlo con i template di Splinder.

Fig. Logo di Splinder

Le modifiche da fare al proprio template sono le seguenti:

  1. 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.
  2. Trovare il tag <$BlogItemComments$> (e/o <$BlogItemCommentLink$>) e aggiungere subito dopo il codice del bottone che si desidera inserire:
    <a href="http://www.blog-news.it/submit.php?url=http://nome_blog.splinder.com/post/<$BlogItemNumber$>" title="Segnala questo post su BlogNews" target="_blank"><b style="color:#cc3300;">Blog</b><b style="color:#000;">News</b></a>

    Il codice, in alternativa, può anche essere inserito al posto del tag <$BlogItemSocialBookmarking$>.

  3. Sostituire l’URL scritto in rosso con quello del proprio blog.
  4. Salvare le modifiche con “Salva le modifiche”.

A questo punto le modifiche sono terminate, se la procedura è stata eseguita correttamente allora il bottone è presente alla fine di ogni post.

P.S. L’esempio è riferito al link testuale, ma la procedura è la stessa anche per gli altri bottoni presenti nella pagina Strumenti.

| Guide |

, ,