COMO CRIAR CAIXINHA COM LINK DO SEU BLOG PARA COPIAR E COLAR

COMO CRIAR CAIXINHA COM LINK DO SEU BLOG PARA COPIAR E COLAR

Olá, amiga (o)!

Devido as grandes dificuldades encontradas pelos leitores para fazer seu link-me posto hoje uma matéria de forma minuciosa de como 
COMO CRIAR A CAIXINHA COM O LINK DO SEU BLOG PARA COPIAR E COLAR.

1. Escolha a foto que você queira que apareça na sua caixinha. 
2. Em seguida,  diminua essa foto para a medida 120px de largura por 60px de altura, da seguinte forma: 
1. Clique em Iniciar... Em seguida, clique em Programas... Depois, clique em Acessorios...  A seguir abra o PAINT... Depois em Arquivo... A seguir em ABRIR... Escolha a imagem que você queira e a abra. 
2. A seguir, diminua essa imagem clicando em: Alongar/Inclinar e escrevendo o percentual necessário. A minha tive que diminuir para de 100% para 8%.
3. Para você saber se sua imagem está na medida correta abra outro PAINT... Em seguida  clique em Atributos. Em seguida aparecerá uma janela com as medidas da Largura e da Altura da imagem e também o tipo de medida.
4. Digite 120, sobre o numero da medida que apareceu na Largura  e 60 sobre a Altura.
5. Logo a seguir Opte pelo tipo de medida em px. 
6. Copie a sua imagem que ficou no outro PAINT e cole sobre esse pequeno espaço que se abriu. Ela deverá ter mais ou menos a mesma medida dele. 
7. Poste essa foto reduzida no seu PICASA ou em qualquer outro espaço da web. 
8. Depois de postada copie a sua URL, clicando com o lado direito do mouse e reserve.
3. Em seguida, abra seu blog.
4. Click em layout.
5. Depois em Adicionar um Gadget.
6. Em seguida, abrirá um leque de caixinhas, Escolha a caixa HTML/JavaScript.
7. Copie o código abaixo e cole dentro da caixa do HTML.

<div align="center"><img vspace="2" hspace="2" src="Endereço da Imagem" ></div>
<div align="center"><textarea rows="3" cols="17" onfocus="this.select()" onmouseover="this.focus()" name="textarea">
<center><a href="Endereço do Blog" target="_blank">
<img border="0" src="Endereço da Imagem" /></a></center>
</textarea></div>

• ATENÇÃO! Antes de salvar você deverá alterar os campos do código que sinalizei de vermelho, da seguinte forma:
• Nos dois campos onde está escrito entre aspas "Endereço da Imagem", deixe as aspas " " e delete somente as palavras Endereço da Imagem. Ente as aspas " " cole a url da imagem que você escolheu.
• No campo onde está escrito "Endereço do Blog", deixe as aspas e delete somente as palavras Endereço do Blog. Ente as aspas " " cole o link do seu blog. 
• Exemplo: Se fosse do meu blog seria ("http://dicasparaconfigurarseublog.blogspot.com");

• Continuando o exemplo, no meu caso, o código da caixinha do meu blog ficaria assim:

<div align="center"><img vspace="2" hspace="2" src="https://lh5.googleusercontent.com/-pwqnWxtWdRo/UPujHxDiiXI/AAAAAAAAlfo/h_e4etkV0fI/h120/LINK-ME+DO+MEU+BLOG+DICAS.JPG" ></div>

<div align="center"><textarea rows="3" cols="17" onfocus="this.select()" onmouseover="this.focus()" name="textarea">

<center><a href="http://dicasparaconfigurarseublog.blogspot.com/" target="_blank">

<img border="0" src="https://lh5.googleusercontent.com/-pwqnWxtWdRo/UPujHxDiiXI/AAAAAAAAlfo/h_e4etkV0fI/h120/LINK-ME+DO+MEU+BLOG+DICAS.JPG" /></a></center>

</textarea></div>

• A T E N Ç Ã O !
• Jamais delete essa foto. Se você a deletar, sua imagem vai sumir da caixinha do seu link-me, Ok?

No seu blog aparecerá uma caixinha com a sua foto escolhida,a exemplo da que postei logo no início deste post.

BOAS CONFIGURAÇÕES!

Read More

Como add Ícones sociais animados Blogger

Como add Ícones sociais animados Blogger

Lembre-se de sempre fazer backup de seu modelo antes de fazer alterações ok.

Passo 1 em seu Painel do Blogger clique no menu suspenso para o seu blog (Design) (Editar HTML)

Passo 2  Encontre o seguinte trecho de código em seus blogs Html: (Clique Ctrl e F para uma barra de busca.

</ Body>

Passo 3. Copie e cole o seguinte código de Cima / Antes </ body>


<!-- Start Shareaholic Sassy Bookmarks HTML --><br />
<div class='shr_ss shr_publisher'></div><!-- End Shareaholic Sassy Bookmarks HTML --><br />
<!-- Start Shareaholic Sassy Bookmarks settings --><br />
<script type='text/javascript'>
var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
</script><br />
<!-- End Shareaholic Sassy Bookmarks settings --><br />
<script src='http://dl.dropbox.com/u/103852546/Bookmarks.js'></script> <br />
<!-- Start Shareaholic Sassy Bookmarks script --><br />
<script type='text/javascript'>
(function() {
var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
})();
</script><br />
<!-- End Shareaholic Sassy Bookmarks script -->

Read More

Dicas Como remover databloggerpage.com

Dicas Como remover databloggerpage.com

 

Olá blogueiros,

Olá amigos, blogueiros e leitores, estou recebendo e-mais frequentes de blogueiros dizendo que seus blogs estão sendo redirecionados para outro site ou blog, em especifico o sitedatabloggerpage.com

Esse site databloggerpage.com era um site para hospedar scrips grátis para redes sociais e e para paginas numeradas no blogger so que eles fecharam o site por isso fico assim.

Os templates mais velhos sempre era usado esse mais e só tirar o link e pronto ta resolvido Ok

databloggerpage.com - Como remover!

Vá no painel (www.blogger.com) › Editar HTML › clique dentro da caixa do código › aperte CTRL + F e procure pela seguinte linha:

< script src=' http://databloggerpage.com/data/datablog.js '>< /script >

Apague esta parte, visualize para ver se está tudo OK e salve. Atualize a página e veja se o problema foi resolvido! :)
Espero que ajude.

Read More

Hospedagem de sites grátis com domínio grátis

Hospedagem de sites grátis com domínio grátis

 

000Web Host é mais um serviço de hospedagem que, tem como atrativo, o fato de não veicular publicidade em sites hospedados em seus servidores. E esta é apenas uma das muitas vantagens oferecidas pelo 000WebHost. Instaladores Fantástico e disponibilidade de banco de dados estão entre as demais vantagens. Confira abaixo:

Características do 000WebHost

• 1500 MB de espaço em disco,
• 100 GB de trasnferência
• PHP com MySQL
• cPanel
• Instalador Fantastico
• Construtor de websites
• Backups periódicos programáveis
• Domínios ilimitados
• Sem propaganda com possibilidade de monetização própria
• WebMail

Veja todas as características aqui., faça seu cadastro no 000WebHost e desfrute deste host gratuito 100% .

Você ainda tem Domínios grátis ou pode usar o seu domínio que já tenha comprado. Clique aquie cadastre- se Grátis.

Read More

Como configurar domínio próprio UOL HOST no Blogspot

Como configurar domínio próprio UOL HOST no Blogspot

 

A primeira coisa que devemos fazer é escolher o domínio que iremos usar em nosso blog. Antes, quero alertá-los que nem sempre o domínio desejado está disponível, mas na página inicial do UOL HOST é possível fazer uma pesquisa antes.

Vamos entrar na página inicial do UOL HOST e  iremos dar um nome para esse domínio e depois, clicaremos em procurar. Vamos aguardar a realização da busca pelo sistema e depois, adicionaremos o domínio que ficou melhor.

Na próxima página, iremos preencher com os dados solicitados pelo site:

Uma vez feito o cadastro, receberemos a confirmação por email. Para configurar o seu novo domínio no Blogger é ainda mais fácil.

1. Logue-se no seu painel de controle uol host.

3. Selecione o domínio desejado, logo após vá em mais ações.

4. Clique em gerenciar zona dns (ex: mudar www)

No menu Mais Ações, selecione a opção gerenciar DNS;

Em "tipo" informe: CNAME
Em "Entrada" informe: www
Em "Valor" informe: ghs.google.com

Caso você queira que o domínio seja acessado apenas com o domínio (sem www), crie uma entrada do tipo "A"

Em "tipo" informe: A
Em "Entrada" informe: @
Em "valor" informe: 216.239.32.21 (referência: Blogger)


Agora voltamos para o seu painel do Blogger


Faça login no Blogger, vá em configurações e publicação.

Clique em domínio personalizado e depois, escolha configurações avançadas.

Escreva o seu novo domínio no campo indicado e salve.

A partir de agora, seu blog será direcionando para o novo domínio!

ATENÇAO

Propagações de DNS podem demorar até 24 horas para seu blog abrir em seu novo endereço ok.

Read More

Botão adicionar Gadget no Blogger (Add to Blogger)

Botão adicionar Gadget no Blogger (Add to Blogger)

 

Aprenda como colocar um botão add to blogger (adicionar ao blogger) no seu site ou blog, esse botão já envia diretamente o código do gadget para o blogger, sem precisar copiar códigos. Isso pode ajudar na divulgação do seu blog e também a conseguir mais visitas. Quando seus visitantes clicarem no botão envia o código diretamente para o blog da pessoa ou se ele tiver mais de um blog aparece uma pagina para selecionar em qual de seus blogs ela adicionará esse gadget, tudo isso automaticamente sem mexer em uma linha de código.

Veja como isso funciona, entre na pagina designer, adicionar gadget, html/javascript e cole o código abaixo, apenas fazendo as alterações nas áreas destacadas:

<center><form action="http://beta.blogger.com/add-widget" method="post">
<input value="Dicas para Blogs" name="widget.title" type="hidden"/>
<textarea style="display: none;" name="widget.content">
Código html do gadget
</textarea>
<input value="http://www.dicasparablogs.com.br/p/dicas-no-seu-siteblog.html" name="infoUrl" type="hidden"/>
<input value="http://acessoriosparablogs.com.br/dicas/icone.png" name="logoUrl" type="hidden"/>
<input src="http://www.blogger.com/img/add/add2blogger_lg.gif" type="image"/>
</form></center>


O que precisamos modificar no código:

Título do gadget, altere onde está dicas para blogs:
<input value="Dicas para Blogs" name="widget.title" type="hidden"/>

Código html do gadget, neste local você deve colocar o código do seu banner ou qualquer outra coisa que desejar

Nas duas linhas seguintes você deve colocar o endereço de sua pagina para mais informações sobre o gadget (veja na imagem acima) e uma imagem que aparecerá ao lado do link mais informações(use uma imagem quadrada)

<input value="http://www.dicasparablogs.com.br/p/dicas-no-seu-siteblog.html" name="infoUrl" type="hidden"/>
<input value="http://acessoriosparablogs.com.br/dicas/icone.png"
Veja na imagem no canto inferior direito o logotipo do nosso blog ao lado do link saiba mais.

E finalmente o botão que aparecerá no seu blog é na linha:
<input src="http://www.blogger.com/img/add/add2blogger_lg.gif" type="image"/>

Você pode testar o funcionamento deste código clicando no botão add blogger que está logo acima e adicionar uma lista de nossas postagens ao seu blog.

O Blogger oferece 3 botões diferentes, veja abaixo os exemplos e o endereço das imagens:

http://www.blogger.com/img/add/add2blogger_lg.gif


http://www.blogger.com/img/add/add2blogger_sm_b.gif

http://www.blogger.com/img/add/add2blogger_sm_w.gif

Esse tem o fundo transparente para se adaptar melhor a cor de fundo do seu blog. Claro que nada impede que você use crie outra imagem para usar como botão só precisa hospedar a imagem e colocar o endereço dela no local indicado. Encontramos o código para esse botão nas paginas de ajuda do Blogger, infelizmente o texto original está em inglês, mas se quiserem olhar veja a ajuda do blogger.

Read More

Adicionar Meta Description em cada post no Blogger

Adicionar Meta Description em cada post no Blogger

POSTADO POR ADM0 COMENTÁRIOS

 

Como todos vocês sabem que na nova interface do Blogger seção de preferências a pesquisa é acrescentado que ajuda o usuário a fazer a sua / seu blog mais Search Engine amigável. Essa seção contém realmente grandes coisas ea partir de hoje eu vou discutir com você em cada parte da seção de preferências de busca. Bem, hoje vamos aprender a primeira parte das preferências de busca, que é Meta Description. Na interface antiga não fomos capazes de usar a descrição meta em cada post, nós só usamos para acrescentar que a descrição para a página inicial apenas por manualmente. Mas agora cada um pode adicioná-lo em cada post e página sem trocar qualquer codificação HTML ou XML. Você só precisa habilitá-lo a partir da secção de preferências de busca. 


Qual é a Meta Description?

Meta descrição é um elemento HTML ou XML que descreve a página web para procurar crawler do motor. Em outras palavras, ele diz as informações sobre sua página web para procurar crawler do motor, de modo que o motor de busca pode fornecer sua página web nos resultados de busca no lugar. Ele também mostra na página de resultados de busca para que o usuário saiba que o tipo de página que é.


Adicionando Meta Description em cada post com Blogger


Por padrão, no blogger que é desativar isso vamos precisar habilitá-lo depois que podemos usá-lo. Nesta seção, as metatags permitirá a página inicial e só a última parte deste irá mostrar-lhe que como você pode usar estas tags para cada post. Simplesmente o siga os passos abaixo.


>> Vá para o Blogger >> Configurações >> Preferências de pesquisa
>> Procure Meta Tags Seção e Marque "Sim" para habilitá-lo.
>> Agora irá aparecer uma caixa onde você tem que escrever o seu tag meta ou descrição. Certifique-se de que não existe 150 caracteres.

>> Clique em Salvar alterações!



Agora aqui está um problema! Se você estiver usando template blogger personalizado, então continue lendo este. O problema é que os modelos personalizados blogger às vezes não funciona com estas meta tags, mas se você estiver usando o modelo padrão do blogger, então está tudo bem. Para funcionar corretamente meta tags com templates blogger personalizados você precisará inserir um código XML curto no seu modelo que vamos resolver esse problema. Simples siga os passos abaixo.


Ir para o Blogger Template >> >> Editar HTML
Procurar <head> e cole o seguinte código abaixo

<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>

 Salve o seu modelo e Você adicionou meta tags para homepage.
Agora vamos pular para a próxima etapa.


Adicionando Meta Tags em cada post


Depois de ativar a meta tags para página inicial, é hora de adicionar essas tags em cada post. Agora, quando você vai para qualquer editor de post ou criar um novo post, Você secção "Search Description" na barra lateral onde você tem que simplesmente escrever sua descrição para esse post vai ver. Esta seção de descrição de busca foi desativado, mas após a ativação para página inicial também é habilitar para cada post e página.

Escreva sua descrição para cada post  na caixa e publicá-lo.


Então, amigos, Essa foi a nossa primeira parte da busca de configurações de preferências que foi realmente muito fácil e tão útil. Em nossos próximos posts falaremos sobre cada parte de preferências de pesquisa e em breve vamos concluir o Blogger SEO. Se você está enfrentando algum problema, então deixe um comentário abaixo. Estar em contato com a gente para mais e também subscrever nós.

 Font:bloggeryard.com

Read More

Aprenda a configurar o seu menu em Flash !!!

Aprenda a configurar o seu menu em Flash !!!

 

Dificuldade para configurar o seu menu no Flash Vortex. Desde que publiquei a respeito do site no artigo recebo muitos recados de pessoas me perguntando como faz, então, resolvi escrever este mini tutorial para explicar o passo a passo. Vamos lá?

PRIMEIRO PASSO: acesse o site do Flash Vortex



Na página inicial, das opções que lhe são apresentadas, selecione Menus. Escolha o menu desejado, eu escolhi este aqui:



Se repararem, este menu que criei possui um link que direciona para o My Blog templates. Como fiz isso?


;

SEGUNDO PASSO: configurando o Flash Vortex

Você chegará em uma página que te pede para seguir alguns passos do jeito que será mostrado abaixo:

• Step 1. Select your animated button: depois que você já selecionou o seu menu na página anterior, você ainda pode escolher a animação que você vai querer nele e também definir a fonte. Eu não selecionei nenhum. Deixei o pré-estabelecido pelo site.

• Step 2. Enter buttons' text labels and links: É neste passo que você define para onde quer direcionar os botões do seu menu. Você verá as seguintes caixas:

Para configurá-lo é só trocar as palavras pelo que você deseja colocar. No meu caso, eu escolhi o Audio e o Video . As demais coisas escritas, é só apagar. Para definir o link você faz o mesmo, por ordem de prioridade. Eu coloquei o My Blog Health primeiro, então o primeiro link que devo inserir é o link referente à ele. Ficará assim:



Pronto! (Se você quiser inserir marcadores que direcionem para dentro de sua própria página, é só copiar o link dos artigos que você deseja e colar no quadrado. Se quiser direcionar para uma série de artigos que tem o mesmo marcador copie o link da label que o próprio Blogger te dá e cole no quadrado e assim por diante... ).

O terceiro quadrado que aparece você pode deixar em branco, não faz diferença...

• Step 3 e 4: nestes passos você define o layout do seu menu (largura, altura, cor...). Eu também não costumo mexer nessas definições, a única coisa que eu altero é a cor.

TERCEIRO PASSO: Generate Animation

Quando você clica para gerar a animação, você é direcionado para uma nova página que mostra como ficou o seu menu. Selecione o código, que aparece na caixinha:



Este código você insere em seu blog e pronto! Menu configurado! Se você for colocar o menu na área de postagem, antes da publicação você não poderá visualizá-lo mas, após publicado, verá que o menu está lá! Espero ter ajudado! Boa blogagem a todos!!! :D

Ps: Clique nas imagens para ampliá-las.

Read More