Come Allineare il pulsante Tweet Con il pulsante Facebook Condividi su Blogger

September 2

Twitter e Facebook fanno pulsanti a disposizione in modo da poterli pubblicare su un sito, come ad esempio Blogger, e dare ai tuoi lettori un modo conveniente per condividere le tue informazioni. Per impostazione predefinita, questi pulsanti vengono visualizzati uno sopra l'altro su un blog, che è fastidioso se si vuole risparmiare spazio pagina o vogliono avere un layout più accattivante. Fortunatamente, Blogger ti dà la possibilità di modificare il codice dei pulsanti in modo da poter farli allineare orizzontalmente sulla tua pagina.

istruzione

1 Accedi al tuo account Blogger, e fare clic sulla scheda "Layout" sulla pagina Dashboard. Fai clic sul link "Aggiungi un gadget" in zona per il layout, come ad esempio la barra laterale, in cui si desidera visualizzare il pulsante Tweet e Facebook pulsante di condivisione. Questa azione apre la finestra di dialogo "Aggiungi un gadget".

2 Fare clic sul link "Informazioni di base" a sinistra e quindi selezionare l'opzione "HTML / JavaScript" che consente di visualizzare nella lista. Incollare il codice per i pulsanti nella casella di testo "Contenuto". Se non si dispone già di questo codice, caricare la pagina di Twitter "Tweet Button" e Facebook dello sviluppatore di pagina "Social Plugin" nella finestra del browser separata, seguire le istruzioni su ogni pagina per configurare i pulsanti e quindi copiare i codici necessari per pubblicarle sul vostro sito di Blogger.

3 Digitare "<div style =" float: left; padding: 4px; ">" prima della prima riga di codice che inizia uno dei pulsanti, e immettere "</ div>" dopo il codice che termina il pulsante. Se il primo pulsante nella tua casella è il pulsante Tweet, per esempio, il codice è simile al seguente:
<Div style = "float: left; padding: 4px;">
<a href="http://twitter.com/share&quot; class="twitter-share-button" data-count="vertical"> Tweet </a> <script type = "text / javascript" src = "& lt ; / script "rel =" nofollow "> http://platform.twitter.com/widgets.js&quot;> & lt; / script>
</ Div>

4 Fare clic sul pulsante "Salva", e quindi fare clic sul collegamento "Blog" che appare per visualizzare la pagina. Se i pulsanti non si allineano, regolare il numero dopo l'attributo imbottitura per un valore più alto o più basso e quindi visualizzare nuovamente la pagina (ad esempio, <div style = "float: left; padding: 2px;">). Salvare il lavoro quando fatto.