Wie ein "Greifen meine Schaltfläche" Blog-Abzeichen machen

June 1

Wie ein "Greifen meine Schaltfläche" Blog-Abzeichen machen

Ein "Blog-Abzeichen" ist der Trend in vielen Nischen. Das Abzeichen ist ein 125 von 125-Pixel-Grafik verwendet, um Ihr Blog auf einen anderen Blogger-Website zu werben. Ein Blog-Abzeichen "greifen meine Schaltfläche" enthält einen Code unterhalb der Grafik, so dass andere "Ihren Code und Link zu Ihrem Blog greifen können". Ein attraktives Abzeichen kann mehr Traffic zu generieren und Leserschaft zu bauen. Ob Sie versuchen, Ihr Blog für Monetarisierung maximieren oder nur ein paar neue Leser zu gewinnen, hilft ein Blog-Abzeichen Leser auf Ihre Website setzen.

Grafik erstellen

Erstellen Sie das Bild in einem Grafikprogramm und laden Sie Ihre Blog-Abzeichen auf Ihrem Server. Die URL für dein Blog-Bild zu erhalten. Beispielsweise, wenn Sie das Abzeichen zum Root-Verzeichnis hochgeladen haben, wäre es yourwebsitename.com/badgeurl.gif.

Wählen Sie Urlaubsziel

Loggen Sie ein, um Ihre Blogging-Plattform, und navigieren Sie zu dem Widget, in dem Sie den "Grab My Badge" Code hinzufügen möchten. Die meisten Blogger verwenden einen Widget oben Falten Seite gewinnen Zuschauer um ihre Abzeichen zu teilen. Beliebte Blogging-Plattformen Blogger und WordPress bereits Bereiche für Sie den Code hinzufügen haben einfach hinzufügen ein "Text/HTML" Widget.

Bild hinzufügen

Fügen Sie das Bild zu Ihrer Website mit einem einfachen HTML-Code. Dies zeigt das Abzeichen, so dass Ihre Betrachter weiß was er zu seinem Blog hinzufügt. Verwendung "< Img src="yourbadgeURL.jpg "> das Abzeichen auf Ihrem Blog angezeigt werden soll.

Hinzufügen von HTML

Hinzufügen von HTML-Code unter dem Bild für die Zuschauer, für ihre Blogs zu ergreifen. Dies erstellt einen Textbereich, damit der Linker kann schnell kopieren und Einfügen von Code in seinem Blog. < "& Lt; Img src="badgeURL.jpg "& Gt; Style = "Width: 125px; Höhe: 50px; Overflow: auto; Border: 1px solid #000000; " & Gt; Href = "BlogURL" Target = "_blank" & Gt; & Lt; Img Src = & amp;#34;imageURL.jpg & Amp; #34; / & Amp; Gt; & Amp; Lt; / a & Amp; Gt; & Lt; / Div & Gt; " >. Passen Sie das Aussehen des Textbereichs ändern die Farbe des Randes--ersetzen Sie #000000 zu, mit der Hex-Code-Farbe Ihrer Wahl-- und ändern Sie "durchgehend", "dotted" oder "Gestrichelt".