Pubblicato il 11/02/16 - aggiornato il  | Nessun commento :

Creare un pulsante o un link per farsi seguire su Bloglovin.

Come installare un pulsante o un link su Blogger per farci seguire su Bloglovin.
Quando Google Reader ha cessato la sua gloriosa carriera alcuni utenti specialmente donne si sono rivolte a Bloglovin che più che un lettore di feed è un aggregatore di blog. Ci si può registrare a Bloglovin andando su Sign up oppure accedere con il nostro account Facebook.

Il grande successo di Bloglovin tra le lettrici è dovuto al fatto che tra i blog aggregati ci sono quelli gestiti da beauty e fashion blogger ma è un servizio che può essere usato da tutti. Dopo essere entrati si va su Claim per registrare il nostro sito. Si clicca su Claim blog quindi si digita l'indirizzo del nostro blog e si clicca su Search. Con grande sorpresa potremo scoprire che il nostro sito è già presente e che ha anche parecchi follower

claim-blog-bloglovin

Cliccando sull'elemento trovato ci verrà mostrato un codice da selezionare e copiare

bloglovin-codice

con la struttura di un semplice link. Chiunque cliccherà in quel link visualizzerà la pagina personalizzata che Bloglovin dedica al vostro sito. Cliccando su +Follow potranno seguirlo

bloglovin-follow

Gli utenti di Bloglovin che diventeranno follower del vostro sito potranno salvare i post che li interessano oppure condividerli andando rispettivamente su Save o su Share.

settings-bloglovin

Cliccando sulla immagine del nostro account si aprirà un menù verticale in cui scegliere Settings per modificare e integrare il nostro profilo e per aggiungere altri blog da seguire.

SNAGHTML2e57e4
Possiamo aggiungere un blog singolo cliccando su Add blog oppure aggiungere un file scaricato da un lettore di feed scegliendo other > import blogs.


COME AGGIUNGERE UN PULSANTE PER BLOGLOVIN

Quando andiamo su Claim blog viene mostrato un codice come questo

<a href="http://www.bloglovin.com/blog/2420250/?claim=6j4w5nspgaf">Follow my blog with Bloglovin</a>

che potremo inserire in tutti i post oppure creare un widget da mostrare in una sidebar.


WIDGET IN UNA SIDEBAR


Se si sceglie di mostrare una immagine nella sidebar o nel footer per farci seguire su Bloglovin dobbiamo andare su Layout > Aggiungi un gadget > Base > HTML/Javascript e, in Sezioni del sito, incollare il seguente codice per poi salvare e posizionare con il drag & drop

<a href="https://www.bloglovin.com/blogs/idee-per-computer-ed-internet-2420250" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV0WVcWDMjMsSaQB706YdmLdgl0MUIIS4-UQ8jIlWYQzKQ2kHbQX24_p37tpNgXjsHy85rPCRO18kVFSG4LA0YuSzZo1omBgeoyAB0fPrmgxNPWfypv3kuEykypDgD3tPtArD9-_TQMPc/s267-Ic42/bloglovin-icon.png" width="250" /></a>

Al posto dell'URL colorato di rosso va inserito l'indirizzo del nostro sito su Bloglovin copiandolo dalla barra del browser mentre l'URL colorato di viola è l'indirizzo della immagine

indirizzo-blog-bloglovin

Gli altri parametri riguardano il nofollow e il target='_blank' per aprire Bloglovin in un'altra scheda e per non far fluire il Page Rank. Il widget avrà questo aspetto



COME AGGIUNGERE UN PULSANTE NEL MODELLO DI BLOGGER


Vediamo adesso come mostrare all'inizio o alla fine del post un pulsante per farci seguire su Bloglovin. Dopo aver salvato il template si va su Modello > Modifica HTML e si cerca la riga

<b:includable id='post' var='post'>

Si scorre il codice verso il basso fino a trovare il tag

<data:post.body/>

che rappresenta il contenuto del post. Per mostrare il pulsante all'inizio del contenuto, vale a dire subito sotto il titolo del post, si incolla il codice sopra a questa riga mentre per mostrarlo alla fine del post si incolla subito sotto alla riga colorata di viola. Il codice è il seguente

<div align='center'>
<a href='https://www.bloglovin.com/blogs/idee-per-computer-ed-internet-2420250' target='_blank' rel='nofollow'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSLxlfupPvEDI8NZU2IYwFxnaiD4euNZjGhWuufdOFdBlMrNmlFcFgNfhuXLZCXNRbJ0CKmQalFtkSJk7H0TQcLQUbIFivBKPUqdvRO8rzOTM8tjuQ8z0XEFgfH1ZpCnxzm-evQhwy3vY/s350-Ic42/bloglovin-bottone.jpg' width='300' /></a></div>

dove i parametri da personalizzare sono gli stessi del codice precedente. Nella riga iniziale si può centrare il bottone oppure spostarlo a sinistra o a destra cambiando center con left o right.

bottone-bloglovin-blogger

Se si desidera mostrare questo bottone solo nei post e non nelle pagine statiche, in quelle delle etichette e in home page dobbiamo inserire il codice tra due tag condizionali seguendo le istruzioni della sezione COME USARE I TAG CONDIZIONALI NEI CONTENUTI DEL MODELLO.


Nessun commento :

Posta un commento

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy