Wie Share Buttons Scrollen mit der Seite machen

Eine der effizientesten Möglichkeiten zur Förderung Ihrer Website lassen Besucher für Sie erledigen. Indem Sie sie mit "Share" Tasten, können Sie Besucher Ihrer Website mit ihrer sozialen Medium oder Web-Verzeichnis der Wahl leicht zu teilen. Die Herausforderung liegt dieses Marketinginstrument effektiv zu machen, wie viele Benutzer die Tasten ohne viel Gedanken natürlich überspringen werden. Die Aufgabe der Web-Designer ist sicherzustellen, dass sie bemerkt und angesehen sind. Sie können dies durch den Einsatz eines vornehmen DIV (steht für "Division" wie in "Seite Geschäftsbereich") und eine einfache CSS zu betrügen.

Anweisungen

1 Öffnen Sie die gewünschte Webseite Quellcode zur Bearbeitung. Das geht in der Regel durch einen Browser-basierte HTML-Editor bereitgestellt durch Ihren Web-Host, oder, wenn Ihre Dateien lokal gespeichert werden, können Sie das Seitendokument in einem einfachen Texteditor wie Notepad öffnen.

2 Fügen Sie den folgenden Code in dem < HEAD > Abschnitt der Quellcode der Seite:

< Stil Typ = "Text/Css" ><!--Div #sharebuttons {Position: festgesetzt; oben: 100px; Links: 50px:} ' < / style >

Die "Feste" Eigenschaft bewirkt etwas innerhalb der DIV mit der ID "Sharebuttons", dass mit der Seite an der gleichen Stelle der zugewiesenen sichtbar bleiben, während alles andere führt einen nach oben oder unten Bildlauf scrollen.

3 Ersetzen Sie "100" und "50" durch Ihre eigenen Werte, falls gewünscht. Diese Zahlen definieren, wie weit die Aktie-Tasten von oben und Links im Browserfenster bzw. sein werden.

4 Suchen Sie den Code Ihrer Aktie-Tasten. Unmittelbar, bevor der Code startet, platzieren Sie die Öffnung DIV-Code.

< Div Id = "Sharebuttons" >

Sofort nach dem Button Codierung endet schließen Sie die DIV.

< / Div >

5 Speichern Sie das Dokument und im Web veröffentlichen. Wenn einen Browser-basierte HTML-Editor verwenden, verwenden Sie die "Speichern" oder "Veröffentlichen" Feature. Wenn Sie Ihren Code in einem Text-Editor bearbeitet haben, speichern Sie die Datei und laden Sie sie auf Ihren Web-Host, die alte Datei ersetzen.

6 Besuchen Sie die Webseite in Ihrem Browserfenster, um die Änderungen zu testen. Nun sollten Ihren Anteil-Buttons statische und Scrollen mit der Seite.