Artikel rund ums Thema Webdesign und Frontendentwicklung

Individueller Facebook Like Button

Auf der Suche nach einer Möglichkeit, einen Facebook "Gefällt mir"-Button einzubauen, der nicht jeden Seitenbesucher trackt, der ein Facebook Account hat, bin ich auf die Seite http://dorianroy.com/blog/ von Dorian Roy gestoßen.

In aller kürze, der Text "PASTE_FACEBOOK_URL_HERE" muss durch die komplette iframe src url ersetzt werden und "Show facebook Likes" durch einen Text eurer Wahl.
(evtl. sollte man auch noch den line-height Wert im span anpassen.)

<link rel="stylesheet" href="http://static.ak.fbcdn.net/rsrc.php/zD5ZK/hash/4146lpfk.css" type="text/css" />
<script type="text/javascript">
var fbURL = PASTE_FACEBOOK_URL_HERE;
function insertLikeButton() {
var container = document.getElementById('flbCont');
var w = container.style.width;
var h = container.style.height;
fbFrame = document.createElement("IFRAME"); 
fbFrame.setAttribute("src", fbURL);
fbFrame.setAttribute("scrolling", "no");
fbFrame.setAttribute("frameBorder", 0);
fbFrame.setAttribute("allowTransparency", true);
fbFrame.style.border = "none";
fbFrame.style.overflow = "hidden";
fbFrame.style.width = w; 
fbFrame.style.height = h; 
container.replaceChild(fbFrame, document.getElementById('flb'));
}
</script>
<div id="flbCont" class="connect_widget">
<a id="flb" class="connect_widget_like_button clearfix like_button_no_like" onclick="insertLikeButton();" style="cursor:pointer;-moz-outline-style:none;text-decoration:none"><span class="liketext" style="line-height:1">Show Facebook Likes</span></a>
</div>
Eine detaillierte Anleitung gibt es hier: http://dorianroy.com/blog/2010/04/how-to-make-a-friendly-facebook-like-button/

Alternativ kann man sich auch die 2Klick Button Lösung von Heise anschauen.
http://www.heise.de/extras/socialshareprivacy/

Details http://www.webdesign-ecommerce.de/2012/02/individueller-facbook-like-button.html

Was steckt hinter eyeonu webdesign Berlin?

eyeonu webdesign berlin habe ich als Freelancer gegründet. Es handelt sich nach wie vor um ein Einmannunternehmen, das sich auf Frontendentwicklung im Bereich E-Commerce Spezialisiert hat.

Neben der Umsetzung von Designs für Online-Shops gibt es aber auch immer wieder Zeitfenster für kleinere Projekte und Websites bspw. auf Basis von Joomla

Blogeinträge

Magento Transactional Email Conditionals

kürzlich wollte ich in einer Invoice E-Mail für Bestellungen die keine Steuer ausweisen müssten eine extra Nachricht anzeigen. Das...

Favicons in verschiedenen Größen

Die Zeiten, in denen es ausgereicht hat, ein favicon in 16x16 pixel hochzuladen, sind vorbei. Heute verlangen die verschiedenen Devices...

Zufällige Reihenfolge in Magento Kategorie Listen

Manchmal kann es sinnvoll sein, die Produkte in der Magento Kategorie Ansicht bei jedem Seiten Aufruf zufällig anzuordnen. Dies ist standardmäßig...

Rechtschreibprüfung für die Website online durchführen

abcEditierenZum Schreiben kleiner Textpassagen, lässt sich gut die Duden Rechtschreibprüfung verwenden. Wenn man aber eine Website auf Rechtschreibfehler überprüfen möchte...

HTML Elemente auf die volle Breite des Browsers bringen

Im modernen Webdesign, sind seit längerem Elemente beliebt, die sich über die gesamte Breite des Browsers spannen. Hat sich dies Anfangs...

Joomla Blog als Feed ausgeben

Nicht so ganz intuitiv ist das generieren oder ausgeben eines Feedlinks für eine bestimmte Kategorie in Joomla. Folgender Maßen muss...

Kontakt Info

  office(@)eyeonu.org
  +49 (0)30 25043398
  +49 (0)30 23320770152
  Hermannstr. 56 Berlin

Our Map


zum Kontaktformular
Definicja opieki zdrowotnej http://polskaaptek.com/ najbliższego obrzęd pomocy apteka