"Buzz this" Link für Blogs ohne Javascript

Für Internetseiten kann man ganz leicht einen "Post this to Google Buzz" Link hinzufügen. Auf dieser Seite von Google Buzz kann man sich einen HTML Code erzeugen lassen, den man nur noch in seine Seite einbauen muss. Dies ist der einfachste und schnellste Weg. Mich stört aber die Verwendung von Javascript, so dass ich mir auf Grundlage der Links von Google einen eigenen Link mit reinem HTML und CSS erstellt habe, der die gleiche Funktion, nur eben ohne Javascript bietet.

Hier die Anleitung:

  1. Den Link erstellen:
    <a href="http://www.google.com/buzz/post?url=http%3A%2F%2Fwww.zv.uni-leipzig.de"
        class="buzz-link">Buzz</a>
    
    www.zv.uni-leipzig.de ist dabei durch die URL zu ersetzen, die gepostet werden soll.

  2. Style-Eigenschaft für den Link dem CSS hinzufügen:
    .buzz-link {
        background: url("http://www.gstatic.com/buzz/api/images/buzz-link.png")
            no-repeat scroll left transparent;
        display: inline-block;
        padding-left: 20px;
    }
    
    Ich empfehle aber die Datei buzz-link.png auf dem eigenen Server zu speichern. Die Pfadangabe im CSS muss dann relativ vom Ort des CSS aus angegeben werden.

Kommentare

Schreibe einen Kommentar

 
 _    _      ___     ______      ___                ______  
| \  / ||   / _ \\  |      \\   / _ \\    ____     /_   _// 
|  \/  ||  / //\ \\ |  --  //  | / \ ||  |    \\    -| ||-  
| .  . || |  ___  |||  --  \\  | \_/ ||  | [] ||    _| ||_  
|_|\/|_|| |_||  |_|||______//   \___//   |  __//   /_____// 
`-`  `-`  `-`   `-` `------`    `---`    |_|`-`    `-----`  
                                         `-`