Mostrando postagens com marcador Dicas e Códigos. Mostrar todas as postagens

19 março 2012

Backup do template e dos widgets

Antes de realizar qualquer edição no html do seu template, é altamente recomendável fazer um backup. Vá em “layout”,”editar html” e clique em “salvar modelo completo”

Se algo sair errado, bastará fazer o upload deste arquivo que você salvou.
Outro problema muito comum aos novatos e absolutamente inesquecível é que, após a troca de template, muitos dos widgets serão perdidos. Para evitar ~~esta desgraça~~ este transtorno, podemos nos utilizar de dois métodos:

fazer uma cópia de todos os códigos no Word
fazer uma cópia de todos os códigos em um blog de testes

Eu uso a segunda opção, até porque é uma boa forma de visualizar os widgets no novo template, antes de alterá-lo definitivamente.

fonte: dicas blogger

29 novembro 2011

Registro de dominio - Aprenda como registrar dominio

17 junho 2011

Tradutores

Tradutores Conveythis

O site Conveythis, disponibliza execlentes tradutores e você pode escolher e customiza-los nos idiomas que quiser. O melhor é que ele é leve, e eficiente. Quando passamos o mouse em cima da caixinha, abre uma janelinha para escolher o idioma a ser traduzido.
Se quiser instalar um desses em seu blog,vá até a página de Customização do Tradutor.

Google Translate

Copie o código abaixo:

Tradução do idioma Português para outros idiomas

Tradutor 2

Para instalar qualquer um destes Tradutores, vá até 'design' → Clique em 'Adicionar gadget'→ Escolha tipo 'HTML/Javascript' e cole o código do tradutor que você escolheu.

Fonte:mundo blogger

Marcadores: Como colocar favicons no Blogger, Dicas e Códigos, espanhol, gadgets, inglês, linguas estrangeiras, tradução, tradutores

05 maio 2011

Aprenda a criar temas personalizados no Gmail

Nível: Básico
Recursos Necessários: Conta no Gmail
Número de Passos: 7
Se você já está cansado do plano de fundo de sua caixa de entrada do Gmail e não quer mais utilizar os temas disponíveis, saiba que é possível criar o seu próprio tema e incluir imagens das coisas que você mais gosta. Além de personalizar o plano de fundo da tela inicial do e-mail, você também pode definir as cores de todos os links e textos. Veja como fazer isso nos passos a seguir.
Passo 1. Acesse sua conta do Gmail normalmente e clique na opção “Configurações”, localizada logo ao lado do seu login, à direita na parte superior da página.
Passo 2. O Gmail abrirá uma página com diversas opções de configuração. Escolha a aba Temas, a penúltima disponível.
Passo 3. Ao fazer isso serão mostrados todos os temas disponibilizados pelo Google. Na última delas está escrito “Criar Seu Tema”. É ali que você deve clicar.

Criando temas no Gmail (Foto: Reprodução)
Passo 4. Será mostrada uma tela a ser personalizada com as cores que você deseja. Estão destacadas nesta tela diversas palavras indicando “Texto” e “Links” para exemplificar os endereços de e-mails recebidos, mensagens enviadas, o título, além de links diversos, como caixa de entrada e bate papo.
Para mudar a cor de cada um desses espaços, basta clicar duas vezes sobre a palavra e selecionar entre as cores mostradas na tela. Caso nenhuma delas lhe agrade, clique em +, abaixo da paleta de cores, e encontre uma nova tonalidade. Em seguida é só clicar em “Aplicar”.
Passo 5. Depois de definir todas as cores, passe o mouse sobre o canto esquerdo da tela até que apareça uma pequena seta. Clique sobre ela para escolher a foto que ilustrará o plano de fundo e também para fazer os ajustes necessários.
Passo 6. Clique em “Selecionar” e escolha uma foto do seu álbum do Picasa, imagens da internet ou fotos que você guarde no seu computador. Se este for o caso, basta clicar em “Upload Photos” para escolher. Depois de selecionada, clique em “Select”.
Passo 7. Alinhe a imagem na tela e defina onde ela será dividida para sua exibição. Faça esses ajustes e clique em “Salvar”, no canto inferior direito da página.
Pronto! Agora você pode sair da tela de configurações e conferir como ficou o seu tema personalizado. Mas se depois de criar um tema totalmente novo você descobriu que não é exatamente isso o que você tinha em mente, fique de olho nos novos temas que o Gmail lança de tempos em tempos. Sempre há uma novidade que pode lhe agradar. Nesse caso, basta selecionar o escolhido.

Fonte: Tech Tudo

Marcadores: Dicas e Códigos

19 março 2011

Formulário para blog

este site voce pode criar seu formulario do jeitinho que quiser para instalar em seu blog.

Não é dificil, basta entrar no site (a imagem abaixo é do site):

CRIAR UM LOGIN E SENHA, ELES VÃO MANDAR UM EMAIL DE CONFIRMAÇÃO, VOCE PRECISA IR AO SEU EMAIL CLICAR NO LINK QUE DIRECIONARÁ AO SITE NOVAMENTE CONFIRMADO SEU CADASTRO.

DEPOIS É SÓ CRIAR SEU FORMULARIO DO JEITO QUE QUISER.

QQ DÚVIDA É SÓ ME FALAR.

Marcadores: Dicas e Códigos, formulario de contato, formulario de perguntas, formularios para blogspot

14 março 2011

Botões AddThis

Você também pode personalizar os ícones, criando a sua própria caixa de ícones personalizados.

1º passo: Você deve escolher a opção de local mais adequado para instalar o código.
Eu recomendo que você instale na linha do Rodapé do post.

Após escolher o local para instalação, cole este código:

<pre class="brush: codeview"><code><style type='text/css'> .addthis_toolbox .custom_images a { width: 64px; height: 64px; margin: 0; padding: 0; } .addthis_toolbox .custom_images a img { opacity: 1.0; } .addthis_toolbox .custom_images a:hover img { opacity: 0.75; } </style>  <div class='addthis_toolbox'> <div class='custom_images'> <a class='addthis_button_facebook'><img alt='Share to Facebook' height='64' src='http://lh4.ggpht.com/_IPgHjkOTlhw/TKRPUIe3Y5I/AAAAAAAAAHI/qe2W8-Z7X34/facebook.png' width='64'/></a> <a class='addthis_button_twitter'><img alt='Share to Twitter' height='64' src='http://lh6.ggpht.com/_IPgHjkOTlhw/TKRQBfCM_QI/AAAAAAAAAII/_fM5MmpYGjA/twitter.png' width='64'/></a> <a class='addthis_button_linkedin'><img alt='Share to Linkedin' height='64' src='http://lh6.ggpht.com/_IPgHjkOTlhw/TKRPqFGxl0I/AAAAAAAAAHk/o5-CJvKI4FE/linkedin.png' width='64'/></a> <a class='addthis_button_stumbleupon'><img alt='Stumble It' height='64' src='http://lh4.ggpht.com/_IPgHjkOTlhw/TKRP2epO4uI/AAAAAAAAAH8/-LxmyRtl3c0/stumbleupon.png' width='64'/></a> <a class='addthis_button_googlebuzz'><img alt='Share to Google Buzz' height='64' src='http://lh5.ggpht.com/_IPgHjkOTlhw/TKRR0KR8_wI/AAAAAAAAAIc/OtmHy5CmSkk/google_buzz.png' width='64'/></a> <a class='addthis_button_orkut'><img alt='Share to Orkut' height='64' src='http://lh4.ggpht.com/_IPgHjkOTlhw/TKRTOa6ScqI/AAAAAAAAAIw/k9qj66LSFEI/orkut.png' width='64'/></a> <a class='addthis_button_more'><img alt='Mais...' height='64' src='http://lh6.ggpht.com/_IPgHjkOTlhw/TKRBktBjLeI/AAAAAAAAAGg/RCJ4jta95PE/addthis.png' width='64'/></a> </div> </div> <script src='http://s7.addthis.com/js/250/addthis_widget.js#username=SEU-USERNAME'></script> </code></pre>

Lembre-se que no código acima, onde está "SEU-USERNAME" é o seu nome de usuário, aquele que você cadastrou no site, e você deve incluí-lo no código.
Caso você não tenha configurado a opção para receber as estatísticas de compartilhamento por email, basta apagar o trecho que está destacado na cor azul.

Fonte: www.mundoblogger.blogspot.com

Marcadores: botões, Dicas e Códigos, redes sociais

22 janeiro 2011

Balão com número de comentários

- Entrar em Layout, mancar expandir modelos de widgets;

- Procurar pela linha (digite Ctrl+F) <b:if cond='data:post.title'>

- Sob essa linha, cole o código abaixo:

<b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl'><data:post.numComments/></a></b:if>

Em seguida, apliquei estilos à nova "class".

Obs.: Hospede uma imagem como a que usei num site e copie o link. Uma sugestão é buscar um ícone no Iconspédia.

- Procure por /* Comments e abaixo cole o código:

Código fornecido pela Rô:

.numComments {
background: transparent url(http://endereço da imagem) no-repeat top right;
float:right; /* flutua o balão à direita */
text-align: center;
margin: -10px 23px 20px 0px; /* coloque as medidas de acordo com seu template */
padding: 8px 0 0 0; /* padding para imagem de 50px por 50px */
font-size: 150%; /* fonte para imagem 50 x 50 */
width: 50px; /* largura da imagem */
height:50px; /* altura da imagem */
font-family: Georgia, Sans-serif; /* fonte para o número */
}
.numComments a:link{
color: #f8f8f8; /* cor do número para link ativo */
}
.numComments a:visited{
color: #ff6600; /* cor do número para link visitado */
text-decoration:none;
}
.numComments a:hover{
color: #ff6600; /* cor do número com mouse-sobre */
}

Código que estou usando:

.numComments {
background: transparent url(http://dl.getdropbox.com/u/664055/Template%20-%20M%C3%ADnima/Chat_48.png) no-repeat top right;
float:right; /* flutua o balão à direita */
text-align: center;
margin: -10px 23px 20px 0px; /* coloque as medidas de acordo com seu template */
padding: 8px 0 0 0; /* padding para imagem de 50px por 50px */
font-size: 150%; /* fonte para imagem 50 x 50 */
width: 50px; /* largura da imagem */
height:50px; /* altura da imagem */
font-family: Georgia, Sans-serif; /* fonte para o número */
}
.numComments a:link{
color: #f8f8f8; /* cor do número para link ativo */
}
.numComments a:visited{
color: #f8f8f8; /* cor do número para link visitado */
text-decoration:none;
}

Obs.: preferi alterar o código deixando-o como está acima. Assim, o número fica sempre branco, mesmo quando o mouse está sobre ele. Se quiser uma outra cor, use o site Color Combos.
Não se esqueça ainda de dimensionar corretamente a imagem.

- Mesmo fazendo tudo isso, a indicação do número de comentários permanece abaixo da postagem. Para retirá-la, elimine o trecho abaixo:

<b:if cond='data:blog.pageType != "item"'><b:if cond='data:post.allowComments'><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 Comentário><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>

É isso. Não deixe de visitar o blog onde está o tutorial, mas como todos sabem, a Rô, agora, escreve no Bloggersphera.

FONTE: http://www.blogdobauru.com.br

Marcadores: Backup do template e dos widgets, balao layout, comentarios, Dicas e Códigos

15 dezembro 2010

Como receber notificação por email das mensagens enviadas pelo formulário?

Observem abaixo:

Estando no formulário, clique sobre o menu Ferramentas;
Agora clique em Regras de notificação;
Agora marque as opções Um usuário enviou um formulário e E-mail - imediatamente;
logo em seguida clique em Salvar;
Clique em Concluído.

Pronto! Agora toda vez que alguém enviar alguma mensagem pelo formulário de contato, você será notificado.

Marcadores: Dicas e Códigos, google docs

14 dezembro 2010

Adicionando elementos de página no Blogger

Clique em Gadget e escolha um dos que estão disponíveis. Nesse primeiro momento vou começar colocando um contador de visitas no blog, afinal de contas o que adianta construir um blog e não saber se tem alguém visitando ele não é mesmo? Vou utilizar para isso o Histats.com. Se ainda não conhece confira no GF Soluções um tutorial bem simples de utilização desse serviço de estatísticas.

Como o contador possui o código em html vou utilizar o Gadget html/javascript. Na caixa que se abre eu vou colar o código copiado do Histats, dar um título para o Gadget (estatísticas) e pronto basta salvar e conferir o resultado no blog.

Agora com licença que vou colocar outros Gadgets no blog. Aproveite para fazer o mesmo e depois comece a escrever pois a sua estrutura já está pronta. Nos próximos posts estarei falando sobre Feeds, redes sociais de divulgação de posts e muito mais. Até a próxima.

Fonte:http://www.querocriarumblog.com.br

Marcadores: Dicas e Códigos

Blogger: Como saber quantas visitas meu artigo tem?

Possuo blogs na plataforma wordpress e uma das funcionalidades que sinto falta no Blogger é ter o controle de quantos acessos meus artigos (de maneira individual) estão tendo. Dessa maneira posso ter uma estatística precisa de que tipo de artigo agrada mais a meus visitantes. Claro que posso utilizar o Google Analytics ou outra ferramenta para esse fim, mas nada como ter essa informação a mão, ou melhor, aos olhos não é mesmo?

O Best Blogger Widgets criou um widget que mostrará em seus artigos, como na imagem acima, um contador de visitas por artigo. Se você quer aprender como colocar no seu pode visitar o artigo original (em inglês).