Sejam bem vindos meu ao bloguinho, ele foi criado com o intuito de ensinar a quem necessita de ajuda em html e css, temos diversos tutoriais e materiais. Fiquem bem a vontade e qualquer dúvida que tiverem entrem em contato comigo ou peçam pela ask. Beijinhos caramelados e inté mais ♡
Search here
All that you want is here, css and html
Welcome to garota no mundo html.
- efeito legenda nas imagens de posts
- backgrounds grandes em aquarela
- Avatar do autor no post footer
- Leia mais na mesma linha do header
- Efeito Dragqueen e efeito Swing
- Três modelos de menus agenda
- Usando temas de tumblr no blog
- Criando seu próprio modelo de data
O tema atual do layout é: the fall of leafs
A meta dos posts do blog é de: 300 posts
A meta de comentários do blog é de: 3500
O blog foi inaugurado no dia: 27/12/2012
os Seguidores do blog atualmente são: 865
A versão atual do layout está na: 41ª vers.
folhinhas que estão no blog online agora:
folhinhas que já passaram por aqui:

Contador online em forma de menu


Boa tarde docinhos ゚(→ε←*)゚+.゚ Como vão? Contagem regressiva para voltar ao trabalho, não sei se me desespero se choro ou se saio correndo, sério gente não queria mais voltar aquele lugar, não por não querer trabalhar não é isso, até porque sempre trabalhei, comecei no trampo aos 13 anos de idade como babá até chegar onde estou o que não foi fácil. Mas sabe quando um lugar se torna algo tenebroso? Quando você quer ir a qualquer lugar menos para este lugar? Então, eu estou bem assim e lembrar que era o lugar que mais gostava de ficar, amigos, brincadeiras e muito companheirismo. Mas nada é para sempre e quando começa a rolar falsidade o único jeito é sumir!

Mas nem quero mais falar sobre isso pois estou me martirizando antes mesmo de algo acontecer. O post de hoje é  como usar contadores online em forma de menu, eu sempre queria esse tuto mas nunca achava na net na época em que eu procurava, o que eu fiz? Usei a lógica e coloquei a div de menu junto ao código do contador, não sei vocês mas eu acho feinho quando só tem o código, ao meu ver como menu deixa o layout mais harmonioso com o resto. Não é nada difícil, só tem que prestar atenção aos códigos e dá para personalizar seu menu a vontade contando que saiba o mínimo de html. Então é isso, prestem atenção nas explicações abaixo certo? Beijinhos e até mais!

Para usar os contadores como menu, eu na verdade usei a div de uma wishlist mas podem por a div de algum menu que gostarem certo? 

LIVE PREVIEW (♡´౪`♡)

Modelo 1

Vá até este Site e edite o que pede, aqui abaixo eu coloquei o código do contador junto com a div da wishlist

<div style='image-align:center;margin-left:px;margin-top:10px;margin-bottom:0px;'>
<!-- INICIO CONTADOR -->
<div class="wish2"><!-- INICIO CONTADOR -->
<a href='http://www.blogutils.net/olct/' id='lnolt_' target='_blank' style='font-family:sans-serif;font-size:12px;font-style:italic;text-decoration:none;color:gray'>
<script language='JavaScript' src='http://blogutils.net/olct/online.php?site=sides-posts.blogspot.com.&interval=600'></script></a><a href='http://www.blogutils.net/' target='_blank' style='font-family:sans-serif;font-size:12px;font-style:italic;text-decoration:none;color:gray'> online</a>
<!-- FIM CONTADOR -->
</div></div>

Modelo 2

Vá até este Site e edite o que pede, aqui abaixo eu coloquei o código do contador junto com a div da wishlist

<div style='image-align:center;margin-left:px;margin-top:10px;margin-bottom:0px;'>
<!------inicio contador------>
<div class="wish2">Visitantes on line: <b><script type="text/javascript" src="http://fastonlineusers.com/on3.php?d=http://sides-posts.blogspot.com.br/"></script></b></div>
<!------final contador------></div>

Modelo 3

Vá até este Site e edite o que pede, aqui abaixo eu coloquei o código do contador junto com a div da wishlist

<div style='image-align:center;margin-left:px;margin-top:10px;margin-bottom:0px;'>
<!-- Inicio Codigo Visitas online gratis opromo.com  -->
<div class="wish2"><script language="Javascript" src="http://www.opromo.com/servicos/usuariosonline/useronline.php?site=site1440606045&corfont1=C0C0C0&texto=1&formato=normal&tipo=verdana&tamanho=3&simbo=7" type="text/javascript"></script>
<!-- Fim Codigo Visitas online gratis opromo.com  -->
</div></div>

Modelo 4

Vá até este Site e edite o que pede use a opção text e edite o que pede, aqui abaixo eu coloquei o código do contador junto com a div da wishlist

<div style='image-align:center;margin-left:px;margin-top:10px;margin-bottom:0px;'>
<div class="wish2"><script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5051609";
var ref = (''+document.referrer+'');var pn =  window.location;var w_h = window.screen.width + " x " + window.screen.height;
fhs.src = "http://freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=Online User&e2=Online Users&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
</script></div></div>

Modelo 5 Contador de quantas vezes o blog amigo te visitou:

até este Site e edite o que pede, aqui abaixo eu coloquei o código do contador junto com a div da wishlist

<div style='image-align:center;margin-left:px;margin-top:10px;margin-bottom:0px;'>
<div class="wish2"><script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "2997270";
fhsh.src = "http://freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=Visits&a=1";
document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
</script></div></div>

2 comentários:

  1. Muito obrigada por ter postado o meu pedido! Eu estava precisando mesmo, porem acabou que com o meu menu ele não funciona, vou usar um dos seus e ver se dá certinho :3
    Muito obrigada o/

    Pietra DeLuna | http://vanillaegeek.blogspot.com

    ResponderExcluir
  2. Olá ♡
    Putz, acho que te entendo com o que você quis dizer com essa de um lugar que você nunca mais quer voltar. Eu te recomendo tentar ficar calma e encarar, porque é melhor que o tempo passe logo do que ele fique empacado. É bom você encarar e enfrentar para que passe logo. Você é uma pessoa esperta, eu sei que você consegue se safar de qualquer perigo. Não sei porque o trabalho é tenebroso para você mas eu te desejo todo o bem. Vou orar viu??~ *Eu só penso no pior, então vou orar mesmo!*

    Só você mesmo, conseguir postar um tuto desses! Gostei, acho que vou usar, ainda mais no meu próximo lay. Com certeza vai ficar bom. Obrigada pela postagem!

    ♡cake-sugar.blogspot.com♔ -C a K E - $-u G A R♔

    ResponderExcluir

Olá meus amores, os comentários devem ser direcionados somente ao blog e não a vida pessoal de ninguém! Qualquer dúvida peça pela Ask que responderei o mais rápido possível. Anônimo não adianta vir xingar pelos comentários que antes de mesmo de pensar em me ofender eles serão excluídos! Não gosto de tags, se quiser fazer fique a vontade mas não irei retribuir, não curto seguindo segue de volta =/ mas posso seguir se gostar realmente do blog, não julgo por layout ou por seguidores, avalio o blog e como disse se eu curtir é claro que sigo, afiliações? Peça nos comentários pois se pedir em outro lugar no caso páginas é bem provável que eu não veja! Então meus lindos espero que curtam cada cantinho do meu bloguinho e voltem sempre! kissus (*^3^)