How To Add Google +1 Button To WordPress And Blogger
Google has officially launched +1 button before an hour. So here is our little guide on how to add the official Google +1 button on your WordPress and Blogger blog.
For Blogger
Go to Edit HTML and search for
<head>
. Soon after that place the below code<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
Now the next step is to place the Google +1 in the post area. To do that search for
<div class="post-header-line-1"/>
or <data:post.body/>
and place the below code immediately after it<div style='float:right; margin-right:10px;'>
<g:plusone expr:href='data:post.url'></g:plusone>
</div>
Google offers four different types of button from which you can select any one of those. For more information kindly check the post footer
For WordPress
WordPress users go to header.php search for
</head>
and immediately before that place the following code<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
Next up is placing the button where you actually want on your blog, so go to
single.php
and place the following code where you want it to display<g:plusone href="<?php the_permalink(); ?>"></g:plusone>
Options
As I said, Google offers 4 different types of button
size="small" - To display small size +1 button of 15px
size="medium" - To display medium size +1 button of 20px
size="large" - To display large size +1 button of 60px
For an example if you want large button, check this example
<g:plusone size="tall"></g:plusone>
For more details check out Google +1 resource from Google
June 2, 2011. This entry was posted in Blogger, Tutorials, WordPress and tagged Google +1. Bookmark thepermalink.
fonte:
.bloggermint traduzido:
Google foi oficialmente lançado um botão antes de uma hora. Então aqui é o nosso pequeno guia sobre como adicionar o botão de um oficial do Google no seu blog WordPress e Blogger.
Para Blogger
Vá para Editar HTML e procure
<head>
. Logo depois, coloque o código abaixo<Script tipo = "text / javascript" src = "http://apis.google.com/js/plusone.js" > </ script>
Agora o próximo passo é colocar o Google na área de um post. Para fazer essa pesquisa para
class="post-header-line-1"/> <div
ou <data:post.body/>
e coloque o código abaixo imediatamente após a<Div estilo = " float : direito ; margem - direita : 10px ; " >
<G: PlusOne expr: href = 'data: post.url " > </ g: PlusOne>
</ Div>
Google oferece quatro tipos diferentes de botão a partir do qual você pode selecionar qualquer um desses. Para obter mais informações por favor verifique o rodapé post
Para WordPress
usuários WordPress ir para header.php busca de
</ head>
e imediatamente antes que o local segue o código<Script tipo = "text / javascript" src = "http://apis.google.com/js/plusone.js" > </ script>
Em seguida é a colocação do botão onde você realmente deseja em seu blog, então vá para
single.php
e coloque o seguinte código onde você quiser para mostrar<G: PlusOne href = " <? the_permalink php (); >? "> </ g: PlusOne>
Opções
Como eu disse, o Google oferece 4 tipos diferentes de botão
size = "pequena" - Para exibir tamanho pequeno + um botão de 15px
size = "médio" - Para exibir tamanho médio + 1 botão de 20px
size = "grandes" - Para exibir tamanho grande + um botão de 60px
Por exemplo se quiser botão grande, veja este exemplo
<G: PlusOne tamanho = "grande" > </ g: PlusOne>
Para mais detalhes veja a Google um recurso do Google
02 de junho de 2011. Esta entrada foi postada no Blogger , Tutoriais , WordPress e marcou um Google .Marque o permalink .
0 comentários:
Postar um comentário
comente aqui
...!...