Tutorial Spotback

Tutorial Spotback

6 10 99
Tutorial Spotback 10 6 99
Descobri!!!!(ai que canseira)
Meu inglês, como eu sempre digo, é primitivo e arcaico, mas finalmente entendi como colocar o widget do Spotback em qualquer template do blogger.
Lembrando que este widget é para que os leitores de um blog possam dar nota aos posts.
Em primeiro lugar precisamos encontrar esta linha de códigos no html do nosso template:

<p class='post-footer-line post-footer-line-2'>
<span class='post-labels'> <b:if
cond='data:post.labels'> <data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url'
rel='tag'><data:label.name/></a>
<b:if
cond='data:label.isLast != "true"'>,</b:if>
</b:loop> </b:if> </span>
</p>


Feito isto adicione o seguinte código depois do
<p>

<b:if cond='data:post.dateHeader'>
<script>var sb_post_date =
&quot;<data:post.dateHeader/>&quot;;</script>
</b:if>
<script>var sb_url_to_rate =
&quot;<data:post.url/>&quot;;</script>
<script>var sb_rated_title =
&quot;<data:post.title/>&quot;;</script>
<script>try
{ var sb_dp = Date.parse(sb_post_date + ' ' +

&quot;<data:post.timestamp/>&quot;); var
sb_rated_creation = isNaN(sb_dp)? new Date() : new Date(sb_dp); } catch
(e) { sb_rated_creation = new Date(); }</script>
<script src='http://spotback.com/scripts/widgets/load.js?wid=NÚMERO ID DO WIDGET' ></script>
<noscript><a
alt='Rate everything widget'
href='http://spotback.com'><img
alt='user rating' expr:src='"http://spotback.com/images/rating.gif?q="
+ data:post.url'/></a></noscript>



Tutorial em inglês: clique aqui
Spotback
Widgets

Escolha seu widget, clique em GET IT e depois pegue o número ID dele e cole no código acima.
Este que estou usando é de um blogueiro muito conhecido, o anderssauro.
LInk=http://spotback.com/gallery/widget/97/anderssauro

glitters para orkut
7 Comments
Comments
  1. Olá Juliana, obrigaduuu por nos colocar como blog da semana. Seu blog é ótimo com excelentes dicas, tudo de primeira mesmo! Beijocas e já viramos fã.
    Apareça sempre lá no Boca Ok?!
    Vou levar seu link para por lá no blog se você desejar será um prazer fazer parte dos teus links também.
    Krika

    ResponderExcluir
  2. Parabens pelo seu blog, muito bem feito, muitas dicas. Descobri a pouco tempo mas agora sempre venho dar uma olhadinha.
    Bjs

    ResponderExcluir
  3. Não consegui achar a linha de códigos de HTML no meu template.

    Sidcafeina

    ResponderExcluir
  4. Sidcafeina: vc deve seguir o tutorial...a outra dica não funciona em todos os templates. Abraços

    Krika:estou adicionando seu blog nos meus parceiros e obrigada mesmo pela visita!Abração

    Tayguara: obrigada!

    ResponderExcluir
  5. Eu conseguir, aproveitei pra colocar outro widget, você sabe como ficar com o fundo preto a área que fica esse widget? http://thiagogsr.blogspot.com

    ResponderExcluir
  6. Thiago basta entrar no site, escolher um outro widget e trocar o ID no template.Abraços

    ResponderExcluir
  7. Estas meninas...sempre lendo meus pensamentos.. tava atras desse código a semana toda!
    linda, se o seu inglês é arcaico e primitivo, o meu é risível! o desafio é dobrado rsrs. Bjs, bom fim de semana!

    ResponderExcluir
 
Dicas Blogger© 2007-2015 | Todos os direitos reservados | Design By Duy Templates
Top