Nwlapcug.com


Come allineare il pulsante Tweet con il pulsante Condividi di Facebook su Blogger

Twitter e Facebook rendere disponibili pulsanti quindi è possibile pubblicarli su un sito, ad esempio Blogger e dare ai vostri lettori un modo conveniente per condividere le tue informazioni. Per impostazione predefinita, questi pulsanti visualizzano uno sopra l'altro sul tuo blog, che è fastidioso se si desidera risparmiare spazio pagina o vogliono avere un layout più attraente. Fortunatamente, Blogger ti dà la possibilità di modificare il codice dei tuoi pulsanti, così è possibile farli allineare orizzontalmente sulla tua pagina.

Istruzioni

1

Accedi al tuo account Blogger e fare clic sulla scheda "Layout" sulla pagina della Dashboard. Clicca sul link "Aggiungi un Gadget" nella zona il tuo layout, ad esempio la barra laterale, dove si desidera il pulsante Tweet e pulsante Condividi di Facebook a comparire. Questa azione apre la finestra di dialogo "Aggiungi un Gadget".

2

Fare clic sul collegamento "Basics" a sinistra e quindi scegliere l'opzione "HTML/JavaScript" che appare nell'elenco. Incollare il codice per i pulsanti nella casella di testo "Contenuto". Se non si dispone già di questo codice, caricare la pagina di "Tweet Button" di Twitter e di Facebook Developer "Plug-in sociali" in diverse finestre del browser, seguire le istruzioni su ogni pagina per configurare i pulsanti e quindi copiare i codici necessari per pubblicarli sul tuo sito di Blogger.

3

Tipo "< div style =" float: left; padding: 4px; " > "prima della prima riga di codice che inizia uno dei tuoi pulsanti e immettere" < / div > "dopo il codice che termina il pulsante. Se il primo pulsante nella finestra di pulsante Tweet, ad esempio, il codice sarà simile al seguente:
< div style = "float: left; padding: 4px;" >
< a href = "http://twitter.com/share & quot; classe = "pulsante di condivisione twitter" dati-count = "vertical" > Tweet < /a >< tipo di script = "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 "Visualizza Blog" che sembra di vedere la tua pagina. Se i pulsanti non sono allineate, regolare il numero dopo l'attributo padding su un valore superiore o inferiore e quindi visualizzare nuovamente la pagina (ad esempio, < div style = "float: left; padding: 2px;" >). Salvare il lavoro quando fatto.