Wie mache ich einen sehr großen Facebook Share Button?
Ich möchte einen dynamischen Facebook-Share-Button machen, den ich natürlich auf der Facebook-Seite machen kann. Allerdings würde ich gerne einen sehr großen Button machen, genau wie auf dieser Website: Ссылка
Aber ich habe keine Ahnung wie?
Ich benutze Joomla.
Danke!
4 Antworten
Hier ist der Code für eine Schaltfläche zum Teilen, Sie können ihn auch auf JS-Ablage sehen.
%Vor%Das Ergebnis sieht folgendermaßen aus:
Hier ist der Code in 2 Teilen:
CSS
%Vor%Dann HTML Teil:
%Vor%Beachten Sie, dass Sie das Innere des like_btn Divs durch Ihr Facebook IFRAME ersetzen müssen. Sie können die 3.5 auch in eine andere Zahl ändern, um die Größe zu erhöhen oder zu verringern.
Ich habe gerade den FB-Freischaltcode innerhalb eines div mit dem Hintergrundbild hinzugefügt, das ich anzeigen wollte (in diesem Fall das Facebook-Logo in 64x64), und die Deckkraft auf null setzen. Ich habe Transform: Scale benutzt, um das Widget (Standard 14x17) auf die Größe des Elternteils zu skalieren.
HTML:
%Vor%CSS:
%Vor%Die Site, mit der Sie verlinkt haben, verwendet nicht das Facebook SDK.
Was der Share-Button tut, öffnet ein Popup mit einer URL wie folgt:
https://www.facebook.com/sharer/sharer.php?u=[url-to-share]
So können Sie eine Schaltfläche wie alles, was Sie möchten, und fangen Sie den Klick auf die Schaltfläche, um ein Popup mit der oben genannten URL zu öffnen.
Hier ist ein grundlegendes Beispiel: (Das sinippet funktioniert nicht wirklich, weil Popups von SO blockiert werden - nicht sicher, wie man das aktiviert.)