Schritte zum Hinzufügen eines Widgets für klebrige Posts in Blogger
Schritt 1: Öffnen Sie Blogger
Öffnen Sie Blogger.com und melden Sie sich bei Ihrem Konto an. Wählen Sie das Blog aus, an dem Sie arbeiten, und öffnen Sie das Dashboard.
Schritt 2: Fügen Sie ein HTML / Java Script Widget hinzu
Sobald Sie sich im Blogger-Dashboard befinden, müssen Sie zum „Layout“ navigieren und darauf klicken. Sie sehen das Layout Ihres Blogs. Klicken Sie dann auf "Gadget hinzufügen" und wählen Sie das HTML / Java-Skript-Widget oben im Blog-Beitrag aus.
Schritt 3: Kopieren Sie den Code
// Kopieren Sie den folgenden Code und fügen Sie ihn in Ihr Widget ein .sticky { font-family: "Helvetica Neue", Arial, sans-serif;background:#e8f2fc;width:665px;height:100%;padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;border: 2px solid #A5CEF6;}.sticky a { color: #004489; font-size:25px; text-decoration: none; font-weight:bold;}.sticky a:hover {color: #004489;text-decoration: none;} Moborobo: Der All-in-One-PC-Manager für Mobilgeräte Wir verwenden viele Apps auf unserem Android-Handy um unser Telefon auf dem PC zu verwalten .... Gewinnen Sie $ 1 Bargeld-Werbegeschenk ATB organisiert in Zusammenarbeit mit Bugscore ...
- Oben habe ich einen einfachen Code mit HTML und CSS erstellt. Wenn Sie gut mit CSS umgehen können, können Sie den obigen Code bearbeiten, um ihn an das Design Ihres Blogs anzuen.
- Dies wird nun auf allen Seiten und Posts Ihres Blogs angezeigt. Wenn Sie dies nur auf die Homepage beschränken müssen, führen Sie einfach die folgenden Schritte aus.
Schritt 4: Auf Startseite beschränken
Gehen Sie zu Layout und klicken Sie in Ihrem Widget auf die Schaltfläche BEARBEITEN, um die ID Ihres Widgets abzurufen.
Sie werden etwas am Ende der URL widgetId = bemerkenHTML3 Hier ist meine Widget-ID HTML3Ebenso hat Ihr Widget eine ID. Kopieren Sie diese und führen Sie die folgenden Schritte aus.
- Gehen Sie nun im Blogger-Dashboard zur Vorlagenoption, suchen Sie nach Ihrer Widget-ID und suchen Sie sie.
// Änderungen am Code mit If-Tags vornehmen
- Sie werden die IF-Tags in der 4. und 9. Zeile im obigen Code nicht bemerken. Fügen Sie diese beiden genau an der gleichen Stelle wie im Beispiel hinzu und speichern Sie die Vorlage.
Jetzt sollte das Sticky-Post-Widget nur auf der Startseite angezeigt werden und es wird automatisch auf den anderen Seiten ausgeblendet.
Anung:
- Wenn Sie gut in CSS und HTML sind, können Sie viele Anungen an den klebrigen Posts vornehmen. Hier zitiere ich einige einfache und schnelle Änderungen.
- Hier beträgt meine Blogbreite 665px. Wenn Ihre Blogbreite etwas kleiner oder größer ist, ändern Sie sie so, dass sie genau zu Ihrer Blogbreite t.
- Um die Hintergrundfarbe zu ändern, ändern Sie einfach den Hintergrund: # e8f2fc
- In ähnlicher Weise können Sie auch die Rahmenfarbe von # A5CEF6 in eine Farbe Ihrer Wahl ändern.
- Um die Linkfarbe zu ändern, können Sie einfach # 004489 von in die Farbe Ihrer Wahl ändern.
- Um dann Beiträge Ihrer Wahl in das HTML-Widget einzufügen, ersetzen Sie einfach den Titel und die Beschreibung im Widget-Code für klebrige Beiträge, der sehr einfach und unkompliziert ist.
