Gewusst wie: Ausrichten der Tweet-Button mit Facebook Share-Taste auf Blogger

July 8

Twitter und Facebook stellen Tasten zur Verfügung, so können Sie sie auf eine Website, wie Blogger, veröffentlichen und geben Sie Ihren Lesern eine bequeme Möglichkeit, Ihre Informationen teilen. Standardmäßig zeigen man übereinander diese Schaltflächen auf Ihrem Blog, das ist lästig, wenn Sie Seite Platz zu sparen möchten oder eine attraktivere Layout haben wollen. Zum Glück gibt Blogger Ihnen die Möglichkeit, den Code der Schaltflächen zu bearbeiten, so können Sie sie auf Ihrer Seite horizontal ausrichten.

Anweisungen

1 Melden Sie sich Ihrem Blogger-Konto, und klicken Sie auf die Registerkarte "Layout" auf der Dashboard-Seite. Klicken Sie auf "Hinzufügen ein Gadget", im Bereich auf Ihrem Layout wie die Seitenleiste, wo Sie Ihr Tweet-Button und Facebook Share-Taste angezeigt werden soll. Diese Aktion öffnet das Dialogfenster "Ein Gadget hinzufügen".

2 Klicken Sie auf "Grundeinstellungen" auf der linken Seite und klicken Sie auf die Option "HTML/JavaScript", die in der Liste anzeigt. Fügen Sie den Code für Ihre Schaltflächen in das Textfeld "Inhalt". Wenn Sie nicht bereits diesen Code haben, Twitter "Tweet-Button" und Facebook-Entwickler "Social Plugins" Seite in separaten Browser-Fenster zu laden, folgen Sie den Anweisungen auf den einzelnen Seiten konfigurieren Ihre Knöpfe und kopieren Sie dann die Codes erforderlich, um sie auf Ihrem Blogger-Website zu veröffentlichen.

3 Typ "< Div Style =" Float: Left; Padding: 4px; " > "vor der ersten Zeile des Codes, der beginnt einer der Schaltflächen, und geben Sie" < / Div > "nach dem Code, der die Schaltfläche beendet ist. Ist die erste Schaltfläche in Ihrem Kasten den Tweet-Button, zum Beispiel sieht der Code ähnlich dem folgenden:< Div Style = "Float: Left; Padding: 4px;" >< a Href = "http://twitter.com/share & Quot; Klasse = "Twitter-Aktie-Button" Daten-Count = "vertikal" > Tweet </a >< Skript Typ = "Text/Javascript" Src = "& Lt; / script" Rel = "Nofollow" > Http://platform.twitter.com/widgets.js&quot;>&lt;/script>< / Div >

4 Klicken Sie auf "Speichern" und dann auf den "View Blog"-Link, der angezeigt wird, Ihre Seite zu sehen. Wenn die Schaltflächen nicht ausrichten, passen Sie die Anzahl nach dem Padding-Attribut auf einen Wert höher oder niedriger und zeigen Sie dann Ihre Seite wieder (z. B. < Div Style = "Float: Left; Padding: 2px;" >). Speichern Sie Ihre Arbeit, wenn fertig.