Avaliação Com Estrelas no Blogger

Neste post falarei aqui no DicasHot como colocar em seu blog avaliação com estrelas para que os seus leitores possam avaliar o seu conteúdo dando uma nota de 0 a 5 estrelinhas.

Este código pode ser muito produtivo para o seu site/blog, pois, as pessoas que acompanham seus posts podem estar avaliando os posts, e conforme o voto de cada um, você pode estar melhorando seus artigos. Enfim.

Siga-nos no twitter:

Seguir @DicashotBlogger

Recomende o DicasHot no Google:

Para inserir este código no seu blog é bem fácil e simples:

MODELO 1

MODELO 2

MODELO 3

INSERIR MODELO 1

Para colocar no blogger é bem simples... Entre em "Modelo" - "Editar HTML", dê um Ctrl + F e procure pela tag

Obs.: Você encontrará essa tag (<data:post.body/>) repetida em seu template. Geralmente a correta é a segunda tag, se não funcinar, tente colocar nas outras!!!

<data:post.body/>

Tendo encontrado a tag, cole ACIMA dela cole o código


<link type="text/css" rel="stylesheet" href="http://static.graddit.com/css/graddit.css"/>

<div id='rate_5e462t' class='ffbs_rate'>

<!--{[['<img src="http://img.graddit.com/img/ice_star.png"/>', '<img src="http://img.graddit.com/img/red_star.png"/>']]}--></div>

<div id='feedback_5e462t' class='ffbs_feedback'>

<!--{["Useless", "Boring", "Need more details", "Perfect"]}--></div>

<div id='stats_5e462t' class='ffbs_stats'></div>

<script type='text/javascript' src='http://graddit.com/rate/eng/5/5e462t?id=rate_5e462t&stats=stats_5e462t&feedback=feedback_5e462t&info=info&info_delay=2&class_star=ffbs_star_fimg&class_star_set=ffbs_star_fimg&class_star_vote=ffbs_star_fimg&average=yes&views=yes&votes=yes'></script>

INSERIR MODELO 2

Entre em "Modelo" - "Editar HTML", dê um Ctrl + F e procure pela tag

<data:post.body/>

Tendo encontrado a tag, cole ACIMA dela cole o código


<link type="text/css" rel="stylesheet" href="http://static.graddit.com/css/graddit.css"/>

<div id='rate_5e462t' class='ffbs_rate'>

<!--{[['<img src="http://static.graddit.com/img/star.png"/>']]}--></div>

<div id='stats_5e462t' class='ffbs_stats'></div>

<script type='text/javascript' src='http://graddit.com/rate/eng/5/5e462t?id=rate_5e462t&stats=stats_5e462t&info=info&info_delay=2&class_star=ffbs_star_img&class_star_set=ffbs_star_img_set&class_star_vote=ffbs_star_img_vote&views=yes&votes=yes&average=yes'></script>

INSERIR MODELO 3

Entre em "Modelo" - "Editar HTML", dê um Ctrl + F e procure pela tag

<data:post.body/>

Tendo encontrado a tag, cole ACIMA dela cole o código


<link type="text/css" rel="stylesheet" href="http://static.graddit.com/css/graddit.css"/>

<div class="ffbs_rating_wrapper">

<div id='rate_5e462t' class='ffbs_rate ffbs_rate_border ffbs_centered' data-label-rating='icon' data-label-views='icon' data-label-votes='icon'>

<!--{[['<img src="http://static.graddit.com/img/star_blue.png"/>']]}--></div>

<div id='stats_5e462t' class='ffbs_stats ffbs_centered'></div>

<div id='share_5e462t' class='ffbs_share ffbs_share_border ffbs_centered'></div></div>

<script type='text/javascript' src='http://graddit.com/rate/eng/5/5e462t?id=rate_5e462t&stats=stats_5e462t&info=info&info_delay=2&class_star=ffbs_star_img&class_star_set=ffbs_star_img_set&class_star_vote=ffbs_star_img_vote&views=yes&votes=yes&average=yes&share=share_5e462t'></script>