Nascondi la parola "seguaci" da Twitter segui il pulsante

Question

C'è un modo per modificare il pulsante "segui" di Twitter per visualizzare il numero di follower in una bolla ma nascondere la parola "seguaci"? Fondamentalmente voglio che il mio pulsante 'segui' sia uguale al pulsante 'tweet'.

Il codice attuale assomiglia a questo:

<a href="https://twitter.com/User" class="twitter-follow-button" data-show-count="true" 
data-show-screen-name="false" data-dnt="true">Follow @User</a> 
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)) 
{js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js"; 
fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> 

Answer 1

Ho avuto questo stesso problema e risolto dalla sostanza che nasconde la parola 'seguaci' e la creazione di un bordo falso diritto alla bolla, se questo ha un senso. Quindi, devi avvolgere il pulsante nel proprio div, quindi nascondere l'overflow di quel div e impostare la larghezza sul punto esatto in cui la parola scompare e l'altezza precisamente all'altezza del pulsante che stai utilizzando. Ecco un esempio di codice:

#titter-div { 
    border-radius: 4px; /* to mimic the curved edges of the count box */ 
    border-right: 1px solid #AAAAAA; /* this is the width and color of the count box border */ 
    height: 20px; /* this height works for the medium button */ 
    width: 88px; /* precise width to hide the word */ 
    overflow: hidden; /* actually hides the word */ 
} 

Questo ha funzionato per me per creare esattamente quello che stai cercando. Spero che questo ti aiuti.

Answer 2

per visualizzare il numero di seguaci in una bolla, ma nascondono la parola "seguaci", ecco il codice che uso con un iframe:

<iframe 
 
    src="//platform.twitter.com/widgets/follow_button.html?screen_name=Vacance_Luberon&show_screen_name=false" 
 
    style="width: 88px; height: 20px;" 
 
    allowtransparency="true" 
 
    frameborder="0" 
 
    scrolling="no"> 
 
</iframe>