Google +1 Utility
Easily add a Google +1 Button
Browse
Description
Description
Have you wanted to added a Google +1 Button to your site? Here’s a basic utility allowing you to do that easily.
Basic usage:
Import this utility to your existing xslt template and then call the template name="google-plus-one" like so...
(Required Parameter is url, all the other parameters are optional)
EXAMPLE ONE (this will default to standard size)
<xsl:call-template name="google-plus-one">
<xsl:with-param name="url" select="'http://site.com'" />
</xsl:call-template>
EXAMPLE TWO (defining size, will use select another size other than standard)
<xsl:call-template name="google-plus-one">
<xsl:with-param name="url" select="'http://site.com'" />
<xsl:with-param name="size" select="'small'" />
</xsl:call-template>
XSLT
View Raw
<?xml version="1.0" encoding="UTF-8" ?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:g="http://schemas.google.com/g/2005" exclude-result-prefixes="g"> <!-- Name: Google +1 Utility Version: 1.0.1 Author: Brian Zerangue <brian.zerangue@gmail.com> How to use: Call the template name="google-plus-one" like so... Required Parameter is url, all the other parameters are optional EXAMPLE ONE (this will default to standard size) =============================================================================== <xsl:call-template name="google-plus-one"> <xsl:with-param name="url" select="'http://site.com'" /> </xsl:call-template> EXAMPLE TWO (defining size, will use select another size other than standard) =============================================================================== <xsl:call-template name="google-plus-one"> <xsl:with-param name="url" select="'http://site.com'" /> <xsl:with-param name="size" select="'small'" /> </xsl:call-template> --> <xsl:template name="google-plus-one"> <xsl:param name="url"/><!-- Required --> <xsl:param name="size" select="'standard'"/><!-- Options (standard,small,medium,tall), defaults to Standard (24px) --> <!-- Place this tag where you want the +1 button to render --> <xsl:element name="g:plusone"> <xsl:attribute name="href"> <xsl:value-of select="$url" /> </xsl:attribute> <xsl:if test="$size!='standard'"> <xsl:attribute name="size"> <xsl:choose> <xsl:when test="$size='small'"> <xsl:text>small</xsl:text> </xsl:when> <xsl:when test="$size='medium'"> <xsl:text>medium</xsl:text> </xsl:when> <xsl:when test="$size='tall'"> <xsl:text>tall</xsl:text> </xsl:when> </xsl:choose> </xsl:attribute> </xsl:if> <xsl:comment>Google +1 Button</xsl:comment> </xsl:element> <!-- Place this tag after the last plusone tag --> <script type="text/javascript"> <xsl:text>(function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();</xsl:text> </script> </xsl:template> </xsl:stylesheet>