A postagem de hoje vai te ensinar a obter para o usuário IP e o Host, que são dados relacionados a conexão com a internet. IP é "(Internet Protocol), de forma genérica, é um endereço que indica o local de um determinado equipamento (normalmente computadores) em uma rede privada ou pública" e Host é "qualquer máquina ou computador conectado a uma rede. Os hosts variam de computadores pessoais a supercomputadores, dentre outros equipamentos, como roteadores". Essas informações não são muito interessantes para usuários comuns mais sim para usuários avançados. Veja com criar a função:

Obtendo dados via PHP

O primeiro passo é captar os dados da conexão via php que é o meio mais fácil. Veja abaixo a função que busca o IP: <?php $ip = $_SERVER['REMOTE_ADDR'];
echo "$ip"; ?>

E agora a função que busca o host:

<?php
$host = gethostbyaddr($_SERVER['REMOTE_ADDR']);
echo "$host";
?>

Transformando dados em JavaScript

Bastaria salvar estes pequenos trechos com a extensão .php, mas isso não bastaria para uma página HTML simples por isso agora colocaremos os dados em JavaScript que é uma linguagem compatível com HTML, veja:

Transformando a função IP em JavaScript:

document.write("<?php $ip = $_SERVER['REMOTE_ADDR'];
echo "$ip";?>");

Agora é só salvar com a extensão .php e inserir a url do arquivo no script, veja:

<script type="text/javascript" src="http://noticiaeblog.tk/arquivos/php/exibe_ip.php"></script>

Agora vamos fazer o mesmo com o Host, veja:

Transformando em JavaScript:

document.write("<?php
$host = gethostbyaddr($_SERVER['REMOTE_ADDR']);
echo "$host";
?>");

Salve com extensão .php, inserindo a url do arquivo no script:

<script type="text/javascript" src="http://noticiaeblog.tk/arquivos/php/exibe_host.php"></script>

Veja como vai ficar em sua página os scripts:

Seu número de IP:
Seu host é:

A se você quiser a função já pronta basta inserir o seguinte código em sua página:

Seu número de IP:
<font color="red"><script type="text/javascript" src="http://noticiaeblog.tk/arquivos/php/exibe_ip.php"></script></font>
<br/>Seu host é:
<font color="red"><script type="text/javascript" src="http://noticiaeblog.tk/arquivos/php/exibe_host.php"></script></font>
Leia mais...
simple_glossy_silver_social_media_icons_preview
Excelentes ícones de redes sociais para se usar no seu blog. Você pode fazer muitas coisas como widgets, inserir em postagens ou usar no seu layout. O pacote inclui ícones das seguintes redes (AIM, Blinklist, Blogger, Blogmarks, Delicious, Design Bump, Design Float, Digg, Diglog, Diigo, Dzone, Facebook, Fark, Favorites, Feedburner, Flickr, Friendfeed, Gmail, Google, HI5, iGoogle, LastFM, Linked In, Mail, Mister Wong, Mixx, MSN, Myspace, Netvibes, Netvous, Newsvine, Orkut, Picasa, Propeller, Reddit, RSS, Shout Wire, Simpy, SlashDot, Spurl, Stumbleupon, Swik, Technorati, Twitter, Wordpress, Yahoo, Yahoo Buzz, and Ziki), o que te dá uma grande variedade de possibilidades. E além disso permite qualquer uso seja pessoal como comercial.
Leia mais...

googlebot-mmoart

O robô do Google é o responsável por catalogar as URLs para o buscador automaticamente, sem que tenhamos de ficar atualizando-o, este Widget que vou mostrar hoje exibe quando foi a ultima visita no seu blog. Um exemplo se você publicar um novo artigo e vê que a data não mudou para o dia da postagem aí é só avisar o robô utilizando um ping para avisar para ele indexar seus artigos. Veja como colocar o Widget.

Instalar o Widget

1) Acesse este site

2) Agora em "Site URL" digite o endereço do seu blog sem "http://"

3) Clique em "Check Google Bot last visit"

4) Copie o código gerado

5) Insira o código em "Layout ou Design"->"Elementos da página"->"Adicionar um Gadget"->"HTML/JavaScript"

6) Salve e visualize.

Você vera uma imagem parecida com está (), o formato é ANO/MÊS/DATA.

 

Imagem por: Num Clique

Leia mais...

php

Hoje começarei a passar para vocês alguns tutoriais sobre WordPress também, pois acho importante pois nem todos usam o Blogger por isto é interessante nosso blog ser neutro. Mas não vou sair do Blogger não pois gosto muito dele smile, vou apenas colocar dicas desta plataforma que ainda estou aprendendo. A dica de hoje é muito interessante pois permite inserir funções php, direto na postagem ou nos widgets permitindo colocar um truque qualquer para que ele seja executado. Mas se seu blog possui muitos escritores você poderá controlar quais poderão usar, veja abaixo como instalar o plugin Exec-PHP.

Faça o Download do Plugin

Primeiro passo é baixar o plugin no seguinte endereço:

Download

Fazendo Upload do Plugin

1) Acesse o painel do WordPress

2) Vá em "Plugins->Adicionar Novo"-> Clique em "Fazer Upload"-> Escolha o Arquivo e Clique em "Instalar Agora"

3) Na página de confirmação que aparece após a instalação ser concluída clique em "Ativar Plugin"

Inserindo código PHP em uma postagem

1) Acesse no painel a opção "Posts->Adicionar Novo"

2) Agora para inserir um código você deve clicar em "HTML" no editor da postagem, mas atenção você não pode clicar em "visual" pois seu código PHP será alterado. Insira o código desejado entre as tags, <phpcode> e </phpcode>. Veja o exemplo abaixo:

<phpcode>
<?php
echo "<b>Teste do Exec-PHP</b>"
?>
</phpcode>

2) Agora é só publicar a postagem.

Controlando quem pode usar

Para ajustar as configurações do plugin e também controlar quem pode usar acesse "Configurações->Exec-PHP".

Leia mais...

post2

Blogger lançou um recurso que permite visualizar a postagem diretamente no layout do blog, o que facilitou um pouco a utilização do editor. Além de melhorar a visualização da postagem antes da publicação, o recurso fez com que possamos visualizar e publicar, de qualquer computador sem a necessidade de uso de programas para ver a postagem antecipadamente.

post1

Mas vale lembrar que este recurso só está disponível no "Blogger in draft" que é um painel experimental do Blogger, onde você pode ver os novos recursos antes que eles sejam publicados no painel principal, aproveite e teste agora mesmo esta nova funcionalidade.

Leia mais...

templatedemo Demo | Instruções de Instalação | Download

Este é mais um template convertido pelo Notícia e blog. Ele tem um design leve e bonito e é super fácil de instalar, o autor deste template é o templatemo.com, veja abaixo algumas características do tema:

 

  • Corrigido o erro 1 comentárioS
  • Adaptado para o recurso páginas
  • Ajustes pelo painel do Blogger
  • Foto nos comentários
  • Recurso citação

Ah! Se você quiser ver algum template que não tem no Blogger, mande para nós o link dele em outra plataforma.

Leia mais...

Colocar música no seu blog é fácil, mas você deve respeitar algumas regras básicas para não perder visitas a primeira delas é evitar que o player toque sozinho pois isso deixa o leitor irritado e pode tornar a visita dele mais rara. Mas se seu blog for uma rádio você pode e deve deixar o tocador em automático pois isso trará audiência. Uma a realçar também seria quais músicas colocar, isso é um pouco complicado pois cada um tem um gênero musical pelo qual gosta mais por isso coloque vários tipos de música para que toque alguma que o leitor entusiasme e continue a visita. Abaixo você verá como hospedar e criar sua lista de músicas.

Hospedando suas Músicas

O primeiro passo é guardar suas músicas na web:

1) Crie uma conta no FileAve, se tiver dúvidas de como criar veja o esquema baixo:

tutorial

2) Faça Login no FileAve, basta digitar seu login e senha.

3) Clique em Upload, no menu horizontal.

4) Escolha as músicas do seu computador, as quais deseja que toque no player, e clique em Upload, lembrando que este é outro botão upload este estará abaixo da lista de músicas que você escolheu.

5) Após esperar o termino do upload clique em Files no menu horizontal.

6) Copie os Direct Links que estarão abaixo do nome de cada música.

Criando o Tocador

Agora você vai criar um player interativo para que seu leitor possa escolher as músicas que quer ouvir.

1) Acesse este link

2) Agora você vai inserir na caixa, “Track 1 Url” o primeiro direct link obtido anteriormente e assim sucessivamente, e ao lado insira o nome do cantor ou da música. Veja a imagem:

tutorial2

3) Agora em “Should the player start on page load?”, selecione “Yes” para que o player inicie ao carregar a música e “No”, para que não inicie.

4) Agora clique em “Generate the code”

5) Copie o código e elimine dele os seguintes trechos somente. Abaixo você verá um exemplo do código gerado, sendo as partes em vermelho as que devem ser eliminadas.

<DIV ALIGN="CENTER"><embed allowScriptAccess="never" src="http://i86.plebius.net/flash-mp3-player.swf" menu="false" quality="high" width="300" height="300" name="index" type="application/x-shockwave-flash" pluginspage=http://www.macromedia.com/go/getflashplayer flashvars="playList=http://i86.plebius.net/i86/6/5/11/mp3_e2d7898095c8.xml&ShowPlaylist=

1&ShowEQ=1&firstTrack=1&initVol=100" wmode="transparent" /></embed><BR><CENTER><A HREF="http://www.pimp-my-profile.com/flash-mp3-player/">Get your own Flash MP3 Player</A><BR><BR></CENTER></DIV>

6) Após retirar as partes em vermelho insira o código restante, em um gadget do Blogger em Layout-> Editar HTML->Adicionar um Gadget->HTML/JavaScript.

ou

Em uma postagem, veja o exemplo:

Leia mais...

caixa

Com este recurso você pode colocar mensagens no seu blog de forma a deixa-las flutuando na página, também é possível inserir uma caixa de assinatura de Feed. Tornando o acesso ao seu blog mais interativo e interessante para o leitor que o acessa, veja um demo.Veja como trazer está solução para o seu blog.

1) Acesse o painel do Blogger(blogger.com)

2) Vá em Layout-> Editar HTML

3) Procure pelo seguinte código utilizando as teclas CTRL e F:

</head>

Antes do código acima insira o seguinte:

<script src='http://www.google.com/jsapi'/>
<script type='text/javascript'>
// Carrega jQuery
google.load(&quot;jquery&quot;, &quot;1.3&quot;);

google.setOnLoadCallback(function() {
$(document).ready(function()
{
//primeiro slide para baixo e pisca a caixa de mensagem
    $(&quot;#caixa&quot;).animate({
        bottom: &quot;-1px&quot;
      }, 2500
).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100).fadeOut(100).fadeIn(100);
//Fechar a caixa de mensagem quando a imagem da cruz é clicada
   $(&quot;#fechar_mensagem&quot;).click(function()
    {
       $(&quot;#caixa&quot;).fadeOut(&quot;slow&quot;);
    });
});
});
</script>

4) Agora procure pelo seguinte:

<body>

Abaixo do código anterior insira o seguinte:

<div class='mensagem' id='caixa'> 
<img id='fechar_mensagem' src=’http://arquivos.noticiaeblog.com/fecha.png' style='float:right;cursor:pointer'/>
<b>Minha Mensagem</b>

<p>Teste da caixa de mensagem flutuante para Blogger</p>

</div>

Obs: Mude os trechos em vermelho pela mensagem que deseja que apareça já com a formatação em HTML. Pra saber mais sobre HTML veja a nossa serie Aprenda Códigos HTML e Ganhe Mais Visitas, partes: 1,2,3.

5) Procure pelo seguinte trecho:

]]></b:skin>

Antes do trecho acima insira:

.mensagem{
    border:1px solid #CCCCCC;
    position:fixed;
    width:150px;
    border:1px solid #c93;
    background:#ffc;
    padding:5px;
    right:2px;
    bottom:25px;
}

Obs.: Você mudar as cores da caixa utilizando cores alfanuméricas. Para ver cores clique aqui.

6) Salve as alterações

---------------------------------------------------------------------------------------------------------------------------

Obs. Gerais: Para transformar a caixa em um local para assinatura de Feed/RSS, basta substituir o trecho em vermelho do passo 4 pelo seguinte:

<b>Assine o Feed</b>
<p>Fique informado da novidades do blog por e-mail</p>   
<p><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=Noticiaeblog&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='border:1px solid #ccc;padding:3px;text-align:center;' target='popupwindow'><p>Digite seu e-mail:</p><p><input name='email' style='width:140px' type='text'/></p><input name='uri' type='hidden' value='Noticiaeblog'/><input name='loc' type='hidden' value='pt_BR'/><input type='submit' value='Assinar'/></form></p>

Atenção altere o trecho em vermelho pelo seu nome de Feed, se não sabe veja o exemplo a seguir.

Nosso endereço de Feed: http://feeds.feedburner.com/Noticiaeblog

Nosso nome de Feed: Noticiaeblog

Aproveite e assine o nosso Feed para concorrer a um dominio para o seu blog.

 

Fonte: Blogger Widgets

Leia mais...

knol

A ferramenta chamado knol, possui uma função parecida com o da Wikipédia. Lá você pode criar textos e escrever sobre assuntos que conhece e possa contribuir, isso é muito bom se você por exemplo possuir um blog pois poderá criar uma matéria e deixar um link do seu site/blog, para que as pessoas que estão lendo e que tiveram interesse no seu conteúdo possam obter mais informações.

Este serviço não veio para substituir o Wiki, mais sim para complementa-lá. Se você pensa em publicar lá o que sabe você estará trazendo muitos visitas pois tudo que é escrito será disponibilizado rapidamente na busca, por isso não é indicado publicar textos que você já publicou pois eles ganharam mais ranque do que o local onde ele estava. Que tal criar um Knol agora?. Para publicar basta possuir uma conta do Google.


Imagem: Novos Negócios 10

Leia mais...

escritor-full

Este truque é muito interessante para blogs que possuem muitos autores pois permite que cada um tenha um link diferente em seu nome de autor, sem a necessidade de criar outro. Vamos ver neste pequeno tutorial como fazer em seu blog esta modificação.

1º Acesse o painel do Blogger(blogger.com)

2º Vá em Layout-> Editar HTML –> Marque a caixa “Expandir Modelos de Widgets”

3º Procure o seguinte código utilizando as teclas CTRL e F:

<data:post.author/>

4º Agora substitua o código pelo seguinte, adaptando de acordo com a observação :

<b:if cond='data:post.author == &quot;NOME-DO-AUTOR&quot;'>
<a href='LINK-DO-AUTOR' alt='PALAVRA-CHAVE-DO-LINK-DO-AUTOR' title='NOME-DO-AUTOR' target='_blank'><data:post.author/></a>

</b:if>

Obs: Modifique os dados em vermelho. Onde está em verde você deve modificar pelo nome de autor que está no seu perfil do Blogger, de forma identica, se não sabe acesse editar perfil e procure pelo campo “exibir nome”.

Para adicionar mais autores, basta pegar o mesmo código e inserir abaixo deste que acabamos de colocar. Repita o processo para mais autores.

 

Fonte:El Escaparate

Leia mais...

browser

Um blog só é bom quando funciona em todos os navegadores ou pelo menos nos mais usados, não adianta você ficar inserindo na sua página textos como “Melhor visualizado no Firefox” ou “Só funciona no IE8”, isso não funcionará pois você não pode obrigar seu leitor a usa-ló estes navegadores, então o que vai acontecer é que você vai definir um pequeno nicho de pessoas que usam apenas Firefox e IE8. Isto é muito ruim para o seu blog e dar a entender que seu webmaster não tem tantos conhecimentos a fim de criar um Layout compatível com todos navegadores. Sabemos que é sim, muito difícil criar um Layout universal, mais estando na web você tem que procurar ou pelo menos tentar fazer um compatível.

Veja o exemplo deste blog ele funciona no Firefox 3.6, Internet Explorer 8.0, Konqueror 4.4, k-Meleon 1.5, Opera 8.54, Google Chrome 5.0, Netscape 8.1, etc.. Você deve estar perguntando como eu sei isso tudo, é simples eu não instalei nada no meu computador apenas usei o Browser Shots, este pequeno site testa todos os navegadores existentes a fim de exibir seu screen shots( foto da tela), para que você possa conferir como seu Blog está se saindo. Basta você acessar o site inserir a URL do seu blog, aguardar um pouco e pronto você terá um teste do seu Blog/Site. Veja o teste do nosso blog

Leia mais...