Slide com links para postagens

Para ter um slide como este AQUI, coipe os códigos e va colocando-os como explicado no post.

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.

Copie este código abaixo e cole acima de:
]]></b:skin>

body {
color:#333333;
font-family:arial,helvetica,sans-serif;
font-size:9pt;
line-height:1.4em;
text-align:left;
}
/* ---------[ Slideshow ]--------- */
#home-top {
width:950px;
background:#fff;
margin:0 auto;
padding:15px 15px 5px;
overflow:hidden;
border-bottom:1px solid #ddd;
}

#slideshow {
width: 940px;
margin: 0 0 10px;
padding:0;
background:#000;
height:250px;
overflow:hidden;
border:5px solid #000;
}

#slideshow ul {
background:transparent;
margin: 0;
padding: 0;
list-style-type: none;
}
/* ---------[ Slideshow Slides ]--------- */
#slideshow .slides {
width:540px;
overflow: hidden;
float:left;
color:#fff;
}
#slideshow .slides ul {
float:left;
overflow: hidden;
width:540px;
height:250px;
}

#slideshow .slides li {
display:none;
left:-99999em;
width:540px;
height:250px;
display:block;
overflow: hidden;
background:#000;
position:relative;
z-index:1;
}
.js #slideshow .slides li {
margin: 0;
padding: 0;
list-style-type: none;
width:540px;
height:250px;
display:block;
overflow: hidden;
background:#000;
position:relative;
z-index:1;
}
.js #slideshow .slides li .entry {
width:530px;
padding: 5px;
overflow: hidden;
position:absolute;
bottom:0;
left:0;
background:#000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
#slideshow .slides li .entry p {
margin: 0;
}
#slideshow .slides li .entry h2 a,
#slideshow .slides li .entry h2 a:link,
#slideshow .slides li .entry h2 a:visited,
#slideshow .slides li .entry h2 a:hover,
#slideshow .slides li .entry h2 a:active {
font-size:12pt;
line-height: 1.1em;
margin:0;
color:#fff !important;
margin: 0;
letter-spacing:0;
}
/* ---------[ Slideshow Navigation ]--------- */
#slideshow ul.slides-nav {
height:250px;
width:395px;
margin:0;
padding: 0;
float:right;
overflow:hidden;
}
#slideshow .slides-nav li {
display:block;
margin:0;
padding:0;
list-style-type:none;
display:block;
}
#slideshow .slides-nav li a {
width:375px;
font-family:arial,helvetica,sans-serif;
display:block;
margin:0;
padding:10px;
list-style-type:none;
display:block;
height:30px;
color:#999;
font-size:8pt;
overflow:hidden;
background: #1A1A1A;
line-height:1.35em;
}
slides.ul li {
background-attachment:scroll;
background-color:transparent;
background-position:center top;
background-repeat:no-repeat;
display:block;
height:250px;
left:0;
opacity:1;
position:absolute;
top:0;
width:540px;
z-index:6;
}
.js #slideshow .slides-nav li.on a {
background: #000000;
color:#fff;
}
.js #slideshow .slides-nav li a:hover,
.js #slideshow .slides-nav li a:active {
color:#fff;
}
#slideshow .slides-nav li a img.post-thum,
#slideshow .slides-nav li a img.thumbnail {
float:left;
margin: 0 10px 0 0;
border:0;
padding:1px;
background:#999;
width:28px;
height:28px;
}
.js #slideshow .slides-nav li.on a img.post-thum,
.js #slideshow .slides-nav li.on a img.thumbnail {
background:#fff !important;
}

Estes scripts abaixo devem salvos em seu computador e depois hospedados em algum servidor. Clique AQUI e conheça este site que é muito fácil de hospedar os scripts.

Depois que eles estiverem hospedados, cole-os depois de:

]]></b:skin> 

<script src='http://www.yourjavascript.com/13180120880/jquery.idTabs.min.js' type='text/javascript'/>
<script src='http://www.yourjavascript.com/28183182081/jquery.min.js' type='text/javascript'/>
<script src='http://www.yourjavascript.com/81178201133/jquery.cycle.js' type='text/javascript'/>
<script src='http://www.yourjavascript.com/11381320281/slideshow.js' type='text/javascript'/>
<script type='text/javascript'>
$slideshow = {
context: false,
tabs: false,
timeout: 7000,      // time before next slide appears (in ms)
slideSpeed: 1000,   // time it takes to slide in each slide (in ms)
tabSpeed: 1000,      // time it takes to slide in each slide (in ms)
fx: &#39;fade&#39;,   // the slide effect to use

init: function() {
 // set the context to help speed up selectors/improve performance
 this.context = $(&#39;#slideshow&#39;);

 // set tabs to current hard coded navigation items
 this.tabs = $(&#39;ul.slides-nav li&#39;, this.context);

 // remove hard coded navigation items from DOM
 // because they aren&#39;t hooked up to jQuery cycle
 this.tabs.remove();

 // prepare slideshow and jQuery cycle tabs
 this.prepareSlideshow();
},

prepareSlideshow: function() {
 // initialise the jquery cycle plugin -
 // for information on the options set below go to:
 // http://malsup.com/jquery/cycle/options.html
 $(&#39;div.slides &gt; ul&#39;, $slideshow.context).cycle({
     fx: $slideshow.fx,
     timeout: $slideshow.timeout,
     speed: $slideshow.slideSpeed,
     fastOnEvent: $slideshow.tabSpeed,
     pager: $(&#39;ul.slides-nav&#39;, $slideshow.context),
     pagerAnchorBuilder: $slideshow.prepareTabs,
     before: $slideshow.activateTab,
     pauseOnPagerHover: true,
     pause: true
 });  
},

prepareTabs: function(i, slide) {
 // return markup from hardcoded tabs for use as jQuery cycle tabs
 // (attaches necessary jQuery cycle events to tabs)
 return $slideshow.tabs.eq(i);
},

activateTab: function(currentSlide, nextSlide) {
 // get the active tab
 var activeTab = $(&#39;a[href=&quot;#&#39; + nextSlide.id + &#39;&quot;]&#39;, $slideshow.context);

 // if there is an active tab
 if(activeTab.length) {
     // remove active styling from all other tabs
     $slideshow.tabs.removeClass(&#39;on&#39;);

     // add active styling to active button
     activeTab.parent().addClass(&#39;on&#39;);
 }  
}  
};


$(function() {
Encontrei este slide // add a &#39;js&#39; class to the body
$(&#39;body&#39;).addClass(&#39;js&#39;);

// initialise the slideshow when the DOM is ready
$slideshow.init();
});

</script>

Agora este próximo código deverá ser colado acima de:
<div id='header-wrapper'>

<div id="home-top" class="clearfix">
<div id="slideshow" class="clearfix">
<!--code of the left part : image ,title and post summary -->
<div class="slides">
<ul class="clearfix" style="position: relative;">
<li id="main-post-1" style="background: transparent url(ENDEREÇO DA IMAGEM 1) " >
<div class="entry"><h2 class="post-title"><a href="link to entry1">TÍTULO DA IMAGEM 1</a></h2>
<p>RESUMO 1</p></div>
</li>
<li id="main-post-2" style="background: transparent url(ENDEREÇO DA IMAGEM 2) " >
<div class="entry"><h2 class="post-title"><a href="link to entry2">TÍTULO DA IMAGEM 2</a></h2>
<p>RESUMO 2</p></div>
</li>
<li id="main-post-3" style="background: transparent url(ENDEREÇO DA IMAGEM 3) " >
<div class="entry"><h2 class="post-title"><a href="link to entry3">TÍTULO DA IMAGEM 3</a></h2>
<p>RESUMO 3</p></div>
</li>
<li id="main-post-4" style="background: transparent url(ENDEREÇO DA IMAGEM 4) " >
<div class="entry"><h2 class="post-title"><a href="link to entry4">TÍTULO DA IMAGEM 4</a></h2>
<p>RESUMO 4</p></div>
</li>
<li id="main-post-5" style="background: transparent url(ENDEREÇO DA IMAGEM 5) " >
<div class="entry"><h2 class="post-title"><a href="link to entry5">TÍTULO DA IMAGEM 5</a></h2>
<p>RESUMO 5</p></div>
</li>
</ul>
</div>

<ul class="slides-nav">
<li class="clearfix" id="post-1"> <a class="" href="#main-post-1"><img width="150px" height="150px" src="ENDEREÇO DA IMAGEM 1" class="thumbnail" />TÍTULO DA IMAGEM 1</a></li>
<li class="clearfix" id="post-2"> <a class="" href="#main-post-2"><img width="150px" height="150px" src="ENDEREÇO DA IMAGEM 2" class="thumbnail" />TÍTULO DA IMAGEM 2</a></li>
<li class="clearfix" id="post-3"> <a class="" href="#main-post-3"><img width="150px" height="150px" src="ENDEREÇO DA IMAGEM 3" class="thumbnail" />TÍTULO DA IMAGEM 3</a></li>
<li class="clearfix" id="post-4"> <a class="" href="#main-post-4"><img width="150px" height="150px" src="ENDEREÇO DA IMAGEM 4" class="thumbnail" />TÍTULO DA IMAGEM 4</a></li>
<li class="clearfix" id="post-5"> <a class="" href="#main-post-5"><img width="150px" height="150px" src="ENDEREÇO DA IMAGEM 5" class="thumbnail" />TÍTULO DA IMAGEM 5</a></li>
</ul>
</div>
</div>

Leia Mais ►

Novas aplicações para o Blogger

Alegria, alegria querido leitor, eis o sonho de consumo de 8 entre 10 usuários do Blogger, principalmente os novatos. Agora você pode estilizar seu blog em alguns cliques. Colocar 2, 3 ou 4 colunas, modificar plano de fundo com imagens, colocar fundo nas imagens das postagens trocar as cores. inserir códigos CSS com facilidade, já está no Blogger in Draft significa que logo estará disponível em todos os blogs.

Entre pelo Blogger in Draft clicando AQUI.

Ao entrar clique em "Layout" 

Clique então em "designer de modelo"

 Escolha o modelo

Escolha quantas colunas

 Escolha as cores das fontes, dos links,

Escolha um tema para ser plano de fundo para seu blog

Bom, entre lá e veja como você poderá facilmente personalizar o seu blog e deixa-lo, a medida do possível, com cara de exclusividade.

Leia Mais ►

Trabalhos recentes feitos por mim.

 

 Quer um do seu jeitinho ? Encomende AQUI !

Leia Mais ►

Scripts que somem ao utilizar domínio próprio no Blogger

Peguei um blog para fazer essa semana, na verdade refazer, e estava eu faceira, linda e loira achando que estava tudo certo e eis a saia justa que passei. Minha cliente perguntou-me quando eu ia instalar o slide, que era a coisa que ela mais queria. Como assim ?! Eu já havia instalado o tal e estava lindo. Então fui verificar, e o danado não rodava no Internet Explorer (sempre ele) . Quando instalei o menu em abas, eis que deu um conflito entre os scripts e passou a não rodar mais nada em nenhum navegador.



Oh tristeza :-(


Fiz, refiz, tirei código tirei imagem e quebrei a cabeça até descobrir no blog da Áurea o que eu já sabia. Scrits sumiam quando o Blogger passava a ter domínio próprio, inclusive a Áurea perdeu o menu em abas que tinha em seu blog.

  Mascomoassim ?


Sim meus caros, eis a dor de cabeça aí. Imagina, vc tem um blog todo bonitinho e quando acha que vai melhorar tudo, eis que fica com o blog todo desconfigurado. Mas como não me dou por vencida, fui atrás da explicação e perguntei a "Deus" (Google) e eis que ele me deu a resposta: Você deve hospedar os arquivos em outro lugar que não seja o próprio blog ou as páginas do Google site... Ah sim, então tá...E recomecei tudo. Acabei hospedando no site Free Javascript Host que é um site gratuito para hospedar scripts e muito fácil de usar, sem precisar fazer cadastro e nada de complicação, o script chega para você através do  email. Então hospedei o script do Slider3 e do menu em abas da Áurea, aliás, o único menu que deu certo, os outros nada... Testei no Google Chrome, no Mozilla Firefox e no Internet Explorer. Tá tudo lindo, veja o blog da Andréia Santana.

Leia Mais ►

Colocar legenda nas imagens das postagens

Para colocar legenda nas imagens como o exemplo abaixo,

Entre no seu blog através do Blogger in Draft clicando AQUI. 

Agora vá até o editor de textos do Blogger e abra a janela de fazer upload das imagens.

escreva aqui o que quiser

Depois que fizer o uplad note que aparecerá uma barra como essa abaixo. 

Clique então em "Adicionar legendas"

Prontinho...

Agora se você quer dar estilo, como por exemplo colocar uma borda nas imagens, veja como a Rô ensina.

Leia Mais ►

Header ocupando toda a área do cabeçalho do blog

Para que seu cabeçalho seja todo ocupado por uma imagem ou mesmo uma cor de fundo como nesse modelo AQUI, vá até o HTML de seu blog e procure pelo seguinte trecho:

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.

<div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='AQUI DEVERÁ TER O NOME DE SEU BLOG' type='Header'/>
</b:section>
</div>


Copie-o e apague .

Agora procure pelo seguinte código:

</head>

Agora cole-o abaixo dele.


Procure então pelo seguite trecho:


#header-wrapper {AQUI TERÁ UM MONTE DE CÓDIGO NO MEIO}

O que você devará fazer com bastante atenção é apagar tudo que estiver dentro das chaves{} e substituir pelo código abaixo.
*Preste atenção pois a chave terá que abrir e fechar o código.





width:100%;background: #808080;margin:-24px 0 0 0; border-bottom: 15px solid #cccccc;

Portanto o código completo ficará assim:

#header-wrapper {width:100%;background: #808080;margin:-24px 0 0 0; border-bottom: 15px solid #cccccc;}

Código na cor azul representa a cor de fundo.
Código na cor amarela representa a cor do linha de baixo.

Elke, a d o r e i, mas vem cá, gostaria de colocar uma imagem...

Ah sim, então o código que você deverá colocar emtre  os colchetes será o código abaixo.

width:100%;background: url(AQUI O ENDEREÇO DE SUA IMAGEM) repeat;margin:-24px 0 0 0; border-bottom: 15px solid #cccccc;

Portanto o código completo ficará assim:

#header-wrapper {width:100%;background: url(AQUI O ENDEREÇO DE SUA IMAGEM) repeat; margin:-24px 0 0 0; border-bottom: 15px solid #cccccc;}

Leia Mais ►

Personalizar páginas estáticas do blog

Recebi alguns emails e fizeram alguns comentários me pedindo para fazer a tutorial ensinando a customizar as páginas estáticas do Blogger. Essas que tenho aqui em meu blog aprendi com a Rô do BloggerSphera no Ice Breaker pois como podem observar todas as páginas de meu blog são assim. Clique AQUI e aprenda com o Sérgio.

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.

No entanto como agora o Blogger disponibiliza esse tipo de serviço mas somente para 10 páginas, eis que a Rosa do El Escaparate já ensina como fazer para modificar a aparência das tais páginas. Veja AQUI como fica. Então, eis a dica.




Vá até o HTML de seu blog e antes de:

 </head>

Cole esta código abaixo.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
#sidebar-wrapper {
width: 0px;
visibility:hidden;
display:none;
}
#main-wrapper {
width: 660px;
}
</style>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
#sidebar-wrapper {
width: 0px;
visibility:hidden;
display:none;
}
#main-wrapper {
width: 850px; /*aqui o tamanho que a página abrirá*/
}
#newsidebar-wrapper {
width: 0px;
visibility:hidden;

display:none;

}
</style>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
.post {
color: #000000; /* Color do texto das postagens*/
background: #ffffff; /* Cor de fundo das postagens*/
border: 2px solid #FF9900; /* Cor da borda das postagens */
font-size: 15px; /*Tamanho da letra */
margin:.5em 0 1.5em;
padding: 10px; /* Distancia do texto a borda do post */
}
.post h3 a, .post h3 a:visited {
display:block;
color: #FF9900; /* Cor do título das postagens */
font-size: 25px; /* Tamanho das letras */
border-bottom: 1px solid #FF9900; /* Linha sob o título da postagem*/
}
.post h3 a:hover {
color:#0000CC ; /* Cor do titulo da postagem ao passar o mouse */
}
</style>
</b:if>

Observações... O código na cor azul representa a largura do seu blog
O Código na cor amarela representa a largura que ficará seu post ao ser clicado
O código na cor verde faz com que a sidebar suma ao abrir a página estática, portanto se você tem mais de uma sidebar, repita o código abaixo mas modifique pelo nome que deu a sua coluna no código na cor roxa..

#newsidebar-wrapper {
width: 0px;
visibility:hidden;

display:none; }

Para dar estilo ao menu, copie o código abaixo e cole antes de:

]]></b:skin>

/*estilo menu das paginas estaticas-----------------*/

#PageList1 {
background: #FFF; /*cor de fundo do menu*/
width: 100%;
border: 2px solid #808080; /*cor das bordas*/
margin: 8px;
}
#PageList1 ul li a {
color: #cccccc; /*cor das letras*/
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-size:15px;
padding-right: 20px;
background: transparent url(http://4.bp.blogspot.com/_BaCxSD9NFn8/S5Fahzz9WkI/AAAAAAAABQ8/MfL5zu3PYN8/s1600/Animation1aSD.png) center right2 no-repeat;
}
#PageList1 ul li a:hover {
color: #808080; /* cor das letras ao passar o mouse*/
position: relative;
left: 1px;
top: 1px;
background: transparent url(http://4.bp.blogspot.com/_BaCxSD9NFn8/S5FarCGMGkI/AAAAAAAABRE/dgBw3jID_VM/s1600/DFGAD.png) center right no-repeat;
}

Se você usa o código "Leia Mais" que expliquei NESTE POST e está tendo dificuldade em tira-lo das páginas estáticas, é só substituir o segundo código por este abaixo. (Dica do Darkness)

<div class='post-body entry-content'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span id='showlink'><a expr:href='data:post.url'>Leia Mais ►</a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Leia Mais ►

Como votar rápido no Big Brother Brasil BBB

Querendo despejar o jogador que menos gosta no BBB ? Eis a solução: instale o macro em sua máquina e acelere a votação. Ah, mas isso não pode, o Boninho já disse que e barrado...Ah tá...Vamos pensar, acaso você acredita mesmo que um aumento de 3, 5 milhões de votos de um paredão para o outro é mesmo feito através de voto um a um ?

Vamos, você é inteligente. Perceba que através do macro você terá que votar também, você não conseguirá dar 10 votos de uma vez, ele apenas da uma acelerada pois você não terá que reabrir páginas e nem clicar no participante, entendeu ? Portanto não se trata de bots, sendo assim não é desonesto ;-)

Vamos então vamos ao que interessa ?

CÓDIGO PARA O BEBÊ HIPOGLOS AQUI

A primeira coisa a fazer é abrir o Mozilla Firefox. 

Se você não tem, clique AQUI e baixe o navegador.

Agora com o Firefox aberto, clique AQUIe baixe o programinha.

Vai abrir uma janela como esta abaixo, clique em "Instalar agora"

 

 Agora clique em "Reiniciar o sistema"

Pronto, o programa já está instalado

Agora reinicie o Firefox e vá até a página de votação da Globo.com.

Com a página de votação aberta, clique na tecla F8 em seu teclado. 
Note que abriu uma janela do lado esquerdo.
 
1-Clique então em "Favoritos"
 

 2-Ao abrir o menu procure por: Demo-ArchivePage.iim

3-Clique então sobre ele com o botão direito do mouse.

  4-Ao abrir uma pequena janela, clique em "Editar Macro"

 

Nessa janela que abriu, apague tudo que la estiver e cole o código que está em destaque.

 

Clique então em "Save e close" 
 
Perceba que há meste código um número na cor vermelha.  
 Ele representa a Lia, que está em 3º lugar na imagem, portanto quando quiser votar nos outros, o que vc tem a fazer é mudar o número "3" pela posição do que vc quer eliminar ;-)

 Para paredão triplo

VERSION BUILD=6600217 RECORDER=FX TAB T=1 URL GOTO=http://bbb.globo.com/BBB10/Paredao/Votacao/0,,17411-p-2815,00.html TAG POS=1 TYPE=INPUT:RADIO FORM=NAME:votacao ATTR=ID:participante_03 PROMPT DigiteoCaptchaetireaMijona: !VAR1 TAG POS=1 TYPE=INPUT:TEXT FORM=NAME:votacao ATTR=NAME:answer CONTENT={{!VAR1}} TAG POS=1 TYPE=INPUT:IMAGE FORM=NAME:votacao ATTR=NAME:votar&&SRC:http://bbb.globo.com/Portal/realityshows/bbb10/img/bt-votar_pop.gif

 











Se o paredão é duplo, use este código abaixo ele dá um tempo de 3 segundos e já limpa os cookies:

TAB T=1 

CLEAR 

URL GOTO=http://bbb.globo.com/BBB10/Paredao/Votacao/0,,17411-p-2849,00.html 

URL GOTO=javascript:%28function%28%29%7Bvar%20_au%3D%212%22%3Bfor%28i%3D0%3Bi%3Cdocument.getElementsByTagName%28'input'%29.length%3Bi%2B%2B%29%7Bif%28document.getElementsByTagName%28'input'%29%5Bi%5D.type%3D%3D'radio'%29%20document.getElementsByTagName%28'input'%29%5Bi%5D.value%3D_au%3B%7D%7D%29%28%29%3B 

TAG POS=1 TYPE=INPUT:RADIO FORM=NAME:votacao ATTR=ID:participante_02 

PROMPT Digiteapalavradaimagem: !VAR1 

TAG POS=1 TYPE=INPUT:TEXT FORM=NAME:votacao ATTR=NAME:answer CONTENT={{!VAR1}} 

TAG POS=1 TYPE=INPUT:IMAGE FORM=NAME:votacao ATTR=NAME:votar&&SRC:http://bbb.globo.com/Portal/realityshows/bbb10/img/bt-votar_pop.gif 

Clique em "usar" e coloque um número onde está "MAX",  coloque por exemplo o número 30, é a quantidade de votos, depois clique em "Usar Loop"


 

Veja que abrirá uma janela.  Copie então o código que o site da Globo fornece e escreva aí.  Clique em "Enter" no seu teclado e bom divertimento.

RESUMINDO:


Baixe o programa Imacros pelo Firefox,
Instale o ADDon e reinicie o firefox

Aperte F8

Clica na pasta FAVORITOS dentro do programa Imacros


1 - Depois clica na primeira opção (Demo-ArchivePage.iim) com o botão direito do mouse;
2 - Clica em Editar Macro;
3 - Apaga tudo o que estiver dentro dela;
4 - Cole os comandos abaixo

/* A quarta linha do código é que determina em quem voce tá votando, ajeita conforme cada paredão e no nosso caso só nao pode ser participante_02 pq é o dourado. To votando na lia com esse codigo */

Código:

VERSION BUILD=6600217 RECORDER=FX
TAB T=1
URL GOTO=http://bbb.globo.com/BBB10/Paredao/Votacao/0,,17411-p-2815,00.html
TAG POS=1 TYPE=INPUT:RADIO FORM=NAME:votacao ATTR=ID:participante_03
PROMPT DigiteoCaptchaeajudeoMITO: !VAR1 TAG POS=1 TYPE=INPUT:TEXT FORM=NAME:votacao ATTR=NAME:answer CONTENT={{!VAR1}} TAG POS=1 TYPE=INPUT:IMAGE FORM=NAME:votacao ATTR=NAME:votar&&SRC:http://bbb.globo.com/Portal/realityshows/bbb10/img/bt-votar_pop.gif 5 - Clique em Save e Close. 6- Selecione a opção que foi editada e na parte de baixo do programa, clique na Aba USAR 7- Onde tem a opção MAX coloque 30 e clique em Usar LOOP

Leia Mais ►