sábado, 17 de outubro de 2015

Sistema de votação Blogger com Jquery animado


Sistema-de-votação-blogger-com-jquery-animado



Hoje  vamos apresentar um sistema inovador jquery para que você possa instalar no seu blogger para que serve um sistema de votação? bem isso vai ajudar você a  colocar algo inovador no seu blogger vendo pode até mesmo sugerir o que as pessoas mais gostam de ver em seu blogger como uma enquete isso vai ajudar a aperfeiçoar seu blogger de alguma forma veja o código abaixo

<!DOCTYPE html>
<html>
<head>
<title>JQuery Simple Vote</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

<script type="text/javascript">

$(document).ready(function() {
$("#container div a").click(function() {
$(this).parent().animate({
width: '+=100px'
}, 500);

$(this).prev().html(parseInt($(this).prev().html()) + 1);
return false;
});

});
</script>
<style type="text/css">
* {
font-family: Arial, "Free Sans";
}
#container {
margin-top: 20px;
color: #fff;
}
#container #question {
display: block;
padding: 20px;
font-weight: bold;
letter-spacing: -3px;
margin-bottom: 20px;
padding: 10px;
font-size: 40px;
}
#container div {
font-weight: bold;
letter-spacing: -3px;
background: #0099cc;
margin-bottom: 15px;
padding: 10px;
font-size: 34px;
color: #ffffff;
border-left: 20px solid #333;
width: 400px;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0 0.5em 0.5em 0;
border-radius: 0 1.5em 1.5em 0;
}
#container div a {
border-radius: 0.3em;
text-decoration: none;
color: #0099cc;
padding: 5px 15px;
background: #333;
margin: 0 20px;
}
#container div a:hover {
color: #fff;
}
body {
margin: 0;
padding: 0;
background: #ffffff url('trentanove.gif') repeat right top;
}
</style>
</head>
<body>
<div id="container">
<span id="question">My new poll Question?</span>
<div><span>0</span><a href="">Vote</a>Option 1</div>
<div><span>0</span><a href="">Vote</a>Option 2</div>
<div><span>0</span><a href="">Vote</a>Option 3</div>
<div><span>0</span><a href="">Vote</a>Option 4</div>
<div><span>0</span><a href="">Vote</a>Option 5</div>
</div>
</body>
</html>

Créditos Quickwebsources


------------------##------------##----------------------------##----------------------------

Caso o Código não estiver funcionando tente as duas outras alternativas abaixo:

sistema de votação para blogger


RESULTADOS VOTAÇÃO 
resultados votaçao blogger widget
Como adicionar no blogger o sistema de votação 

Faça login no blogger então vá em menu layout procure a sidebar o lugar onde pretende colocar o sistema clique em adicionar novo gadget e adicione procure por votação como mostra as figuras abaixo: 

blogger widgets seo traffic adsense myblogger seo

votacao gadget system blogger


voting system for blogger


Salve e pronto caso deseje pode também escolher o site http://www.leaderpollcom/ 
para  fazer um sistema de votação




NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

3 comentários:

Reinaldo Morais disse...

quando eu aplico o sistema de votação ele muda tambem a parte do roda pé e background, tem como eu aplicar só o sistema de votação sem alterar outras coisas do meu template??

Reinaldo Morais disse...

e pelo que vi ele não fica gravado... quando eu faço uma votação ele aparece 1 e quando aperto F5 fica em 0

Myblogger SEO disse...

Ola amigo caso não esteja funcionando tente o segundo código que acabei de atualizar na postagem podera configurar o widget como desejar abraço

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner