Mostrando postagens com marcador Dicas Tutorial. Mostrar todas as postagens
Mostrando postagens com marcador Dicas Tutorial. Mostrar todas as postagens

segunda-feira, 18 de julho de 2011

Colocar Botão +1 do Google no Blog

Sobre colocar o botão separadamente dos outros botões de compartilhamento entre na pagina da central para webmasters e pegar o código do botão +1 você se o idioma não estiver em português você deve alterar o idioma para português e escolher o tamanho do botão.





O código gerado pela pagina é assim:






Você deve colocar no seu blog separadamente (editar html e gadget html/javascript), pois nos testes que fizemos se colocar num gadget de html/javascript o botão não pareceu em todas as paginas. Entre na pagina editar html, e coloque essa linha de código antes de (use o ctrl F para achar).

sábado, 25 de julho de 2009

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

Figura 1

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

Figura 2

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.

Figura 3

  • 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:

Figura 4

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:

Figura 5

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:

Figura 6

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.



sexta-feira, 22 de maio de 2009

Trocando o template do blogspot

Se você quer trocar o template de seu blogger por um que tenha em seu computador, la vai as instruções:

1 - Vá em layout e clique em Editar HTML

2 - Clique em Baixar modelo completo e escolha o local onde você salvará o modelo atual de seu template no computador

Essa parte é bastante importante caso venha a acontecer algum problema na instalação do novo template ou você queira retornar ao seu modelo antigo.

3 - Marque a opção Expandir modelo de widgets

4 - Clique em Arquivo e selecione o template a ser instalado

5 - Faça a upload de seu novo template


6 - Visualize o template que você acabou de instalar

Essa também é uma parte muito importante do processo de troca do template. Nunca, mais nunca salve qualquer alteração feita no seu templante antes visualiza-las.


7 - Depois de ter visualizado o novo template confirme a exclusão de seus widgets e pronto seu template estará salvo e instalado

Em relação a exclusão dos widgets estarei em breve fazendo um novo post de como salva-los

Tutorial Deixando os links Mais Atraentes: "Postagens mais antigas" para Anterior Início e Próximo

Sempre que alguém faz um pedido aqui no blog, eu tento selecionar aqueles que vão ajudar não só a pessoa que fez o pedido, mais também, outros que irão se beneficiar com a dica. Então achei interessante o pedido do Adm. do Blog "EU SO CURTO O QUE E BOM".
Ele teve a idéia de trocar aqueles links que ficam no rodapé de todos os blogspots com os títulos
Postagens mais antigas | Início | Postagens mais recentes
Por imagens com o título

Anterior | Início | Próxima

No intuito de deixa-la mais atrativas. Então sem mais delongas...

1 )Como sempre faça o backup do template acessando:

a) Painel, b) Layout, c) Editar HTML, d) Baixar modelo completo

2) Ainda no Painel de controle marque a opção Expandir modelos de widgets

3)Logo após clique dentro do quadrado onde se encontra o código do template do seu blog e pressione a tecla (Ctrl) + (F) do seu teclado, para abrir a pesquisa.

4) Localize o trecho de código <data:newerPageTitle/> e substitua pelo código da imagem
Anterior

5) Localize o trecho de código <data:olderPageTitle/>e substitua pelo código da imagem
Próxima

6) Localize o trecho de código <data:homeMsg/>e substitua pelo código da imagem
Inicio

7) Agora Clique no botão Salvar Modelopara salvar o template e em Visualizar Blog para ver o resultado final.

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


No DicaDeDica Estou usando os códigos para as imagem
Anterior:



<img src="http://img70.imageshack.us/img70/7374/anteriorjh2.png" border="0"/>

Início:



<img src="http://img70.imageshack.us/img70/3999/inicioji5.png" border="0"/>


Próxima:



<img src="http://img70.imageshack.us/img70/383/proximald4.png" border="0"/>

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

Lembrando que você pode criar as suas próprias imagens e mudar apenas o endereço ou em vez de colocar uma imagem pode apenas alterar o texto para um que lhe agrade!!!
Obrigado por notarem a minha existência!!!! Abraços!!!!