Zur Zeit wird gefiltert nach: t3blog
Filter zurücksetzen

14.08.2011
12:57

+1 für das T3BLOG

Ich denke es ist an der Zeit, dass sich zum Facebook Like und Flattr Button auch der googlePlus +1 Button gesellt. Nach dem ich undefinedhier schon die Snippets veröffentlicht habe, mit dem ihr die ersten beiden Knöpfe auf eurer T3BLOG bekommt, schiebe ich nun die Snippets für den +1 Button nach.

 

##############################################
# gPlus plusOne

page.headerData.1235 = TEXT
page.headerData.1235.value (
     <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
)

lib.plusOneButton= COA
lib.plusOneButton{
	10 = TEXT
	10.data = TSFE:baseUrl
	20 = TEXT
	20.field = blogUrl
	wrap = <span class="gPlusOne"><g:plusone size="medium" href="|"></g:plusone></span>
}
Einbinden des nötigen googleplus Javascripts und Definition des HTML-Schnipsels

 


[mehr]
Daniel Lienert(daniel@lienert.cc)PermalinkKommentare 0
Tags: t3blog, typoscript, typo3
Views: 203

Zurück

21.03.2011
00:10

Facebook und Flattr Button für T3BLOG

TYPO3 Flattr Facebook like button

Die Verwendung der T3BLOG Erweiterung für TYPO3 zum bloggen zu verwenden ist nicht gerade die einfachste Möglichkeit, seine Inhalte ins Web zu bringen. Während große Blogsoftware, wie Wordpress, leicht zu installierende Erweiterungen für jede Anforderung bietet, ist bei T3BLOG mehr Bastelarbeit nötig.

Auf der anderen Seite: es ist TYPO3! Und damit haben wir mit Typoscript schon ein mächtiges Werkzeug mit dem sich viele Anforderungen realisieren lassen. Folgend also zwei Snippets, mit dem sich ein Facebook-Like- und der Flattr Button ohne weitere Extension in den Blog integrieren lassen.

Wie das Ganze dann aussieht, sieht man hier auf der Seite - dort lassen sich die Knöpfe natürlich auch ausprobieren :)

Der Facebook-Like Button

Für den Facebook Like Button habe ich mich von Fabrizio inspirieren lassen und dessen Vorschlag für das T3Blog angepasst. Das Typoscript wird zunächst unter lib. erzeugt um es danach einfach auf Übersichts- und Singleansicht einbinden zu können.

lib.facebookLikeButton = COA
lib.facebookLikeButton {
	10 = TEXT
	10.data = TSFE:baseUrl
	20 = TEXT
	20.field = blogUrl
	wrap = <span class="facebook"><iframe src="http://www.facebook.com/plugins/like.php?href=|&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=dark&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe></span>
}
Facebook-Like Button mit T3BLOG URL

Das Typoscript für den Flattr-Button sieht etwas komplizierter aus. Das liegt daran, dass neben der URL auch Informationen des Beitrags wie Titel und Beschreibung und natürlich auch die eigene Flattr-ID übertragen werden müssen.

Interessant wird es in Zeile 8, dort tragt ihr die flattr ID ein, welche ihr auf der Flattr-Seite findet. In Zeile 12 wird wiederum die URL generiert. In Zeile 23 könnt ihr anstatt Text auch eine andere Flattr Kategorie eintragen (beispielsweise für ein Bild-Blog).

Unter der TS-Nummer 30 wird der Title aus dem T3Blog besorgt und im Block 40 wird die Beschreibung erzeugt, indem der Original-Inhalt des Blogeintrags von seinem HTML befreit und auf 500 Zeichen gekürzt wird.


[mehr]
Daniel Lienert(daniel@lienert.cc)PermalinkKommentare 0
Tags: t3blog, typoscript, typo3
Views: 354

Zurück

Design © by Daniel Lienert / 2009