terça-feira, 12 de abril de 2011

Arredondando a borda do rodapé do blog

Arredondando o rodapé do blog

Para não deixar seu blog todo “Quadradão”, uma boa dica é arredondar partes do blog, como por exemplo o rodapé, que vou mostrar como arredondar o mesmo.

1. Como sempre, vá no “Editar HTML” do seu blog.

2. Procure pela linha:

#footer-wrapper {

3. Acrescente o seguinte APÓS essa linha:

border:dashed 0px #000000;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;

4. Modifique a parte em destaque colocando o nível de arredondamento em pixels.

5. Salve e veja como ficou.

Marcadores: ,

Contador de visualizações de posts individuais

Post Views para o blogger
Depois de inúmera tentativas e inúmeras frustrações quebrando a cabeça pra desenvolver um script de um contador de visualizações de postagens individuais para blogger usando PHP e MYSQL, Eu (Gedi) e meu grande colega Diego do site Tudo de graça, conseguimos em fim a realização deste código que permite ver quantas vezes um determinado post foi visto.
O sistema tem sua interface simples como você vê na imagem abaixo, porém, se torna útil para pessoas que procuram desesperadamente por esse script.
imageVisitei dezenas de blogs brasileiros e até estrangeiros à procura de um código similar que tivesse a mesma funcionalidade, mas sem sucesso, todos não estavam funcionando, e alguns não eram o que eu queria para compartilhar no cblogger.net, pois os demais não tinham contagem individuais, ou seja, ele aumentava um número cada vez que o script fosse visto, por exemplo, seu eu entrei no “post 1”, o contador vai para o numero de visualizações 5, se eu entrasse  “Post 2”, ele já aumentava para 6, e assim por diante, o que devia de começar desde a outra ver que o post foi visualizado.
Mas vamos ao que interessa, instalar o script no seu blog.
Já logado no blogger, clique na aba “Design” – “Editar HTML” e marque a caixinha ‘Expandir modelos de widgets’.
Em seguida procure pelo código abaixo.
<div class='post-body entry-content'>
ACIMA desta linha, cole o seguinte código.

<div style=' display: -webkit-box;'>
<div>Visualizações: <script src='http://www.hostdg.com/cblogger/contador.php' type='text/javascript'/></div><div style='margin-top: -9px;'><a href='http://www.cblogger.net/2011/04/contador-de-visualizacoes-de-posts.html' target='_blank'><img height='19' src='http://aux.iconpedia.net/uploads/20817855531680521768.png' width='19'/></a></div>
</div>
Feito isso, Salve o modelo e pronto! Fácil não é?
Depois veja se deu certo. Até mais!

Marcadores: , , ,