quinta-feira, 6 de outubro de 2011

Oficina Blog


TRABALHANDO OFICINA DE BLOG


1 - CRIANDO BLOG

Criar uma conta de email no Google Google > barra de logim >mais >ainda mais> Bloggers > Crie um blog > iniciar. E somente seguir os três passos. Criar sua conta> 2 Escolher o modelo inicial > 3 Começar a usar o seu blog.

******************************____________________________***************************

2 - TROCANDO OS TEMPLATES

No site: http://btemplates.com/page/9/ , selecione o templates desejado, clique sodre a imagem selecionada, clique novamente sobre a imagem para visualizar como ficará no seu Blog, faça o download. Abra uma pasta (templates) e coloque seu arquivo zip, clique com direito do mouse em extrair aqui.

No Bolg: Vá em Design > Editar HTML > clique em:
Selecionar Arquivo> Faça upload do modelo escolhido > Em Editar modelo vá em Manter Widget > vá em visualizar > depois vá em salvar modelo. Pronto

********************************_____________________****************************


3 - CRIANDO BANER PARA SEU BLOG

No site http://www.flashvortex.com/ selecione Banners > escolha um modelo de banner para editar,> clique na palvra abaixo,> preencha todos os quadros ex: Sejam Bem Vindos, Núcleo de Tecnologia Educacional, Rolim de Moura, Rondônia, clique em GENEATE ANIMATON, na pagina seguinte verifique em EASY, copie o codigo de HTML que está na caixa.
No Bolg: Vá em Design> Elementos da página, Adicionar um Gadget - local onde desja coloca-lo, Salva e visualize seu Blog.

*******************************________________________************************


4 - COLOCANDO GADGET


No site: http://www.glimboo.com/imagens_blogs.php, selecione a imagem desejada, copie o codigo HTML que estará logo abaixo da imagem.

No Blog: Vá em Design> Elementos da página, vá em adicionar um Gadget, na pagina que se abra escolha HTML/JavaScript, na janela que abre cole o codigo que copiou acima, caso queira de um titulo para o seu gadget.




5 - BOTÕES DAS REDES SOCIAIS NA VERTICAL COMPARTILHAR POSTS


Vamos mostrar como colocar botões das redes sociais no seu blog na posição vertical usando o AddThis (Botão para as redes sociais - AddThis) alias é mais fácil do que parecia deixar os botões um embaixo do outro no seu blog.

Você só precisa retirar o código da formatação dos botões e colocar desta forma:

<div style="background-color:#FFFFFF; border-right:1px solid #000000;border-top:1px solid #000000;position:fixed; bottom:0px; left:0px;padding:2px"><div class="addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a></div><div class="addthis_style">
<a class="addthis_counter addthis_bubble_style"></a></div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e2088636f7cce31"></script>
</div>

Lembramos que esse código deve ser colocado pela pagina design, adicionar gadget, html/javascript e não importa a posição do gadget os botões aparecerão no canto da pagina.

Se não quiser mostrar o contador é só apagar as linhas:<div class="addthis_style">
<a class="addthis_counter addthis_bubble_style"></a></div>
Caso queira os botões no tamanho pequeno retire o trecho _32x32 da linha: <div class="addthis_32x32_style"> , deixando desta forma: <div class="addthis_style">


****************************___________________________************************









6 - POSTAGEM EXPANSÍVEL COM MINIATURA DA IMAGEM
Muitas pessoas perguntam sobre como fazer aparecer somente um resumo da postagem e no final escrito leia mais…? Não é necessário fazer alteração alguma nos texto que você já publicou quando colocar os códigos todas as postagens mudam automaticamente para o sistema expansível.
Uma coisa indispensável para esse código funcionar é verificar se nas configurações, guia arquivamento a opção Ativar páginas de postagem? tem que estar habilitada(selecionado o sim). Caso contrário não será possível fazer as postagens expansíveis. Outra coisa necessária é deixar as configurações do feed na opção completa (Miniaturas das Imagens não aparecem) para que esse código funcione perfeitamente.

Entre na pagina editar HTML (
não clique para expandir o modelo) e procure pela tag </head> e coloque esse código antes dessa tag
.

<script type='text/javascript'>
summary_noimg = 330;
summary_img = 300;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://acessoriosparablogs.com.br/scripts/resumopost.js' type='text/javascript'/>

Clique para salvar depois clique para expandir o modelo e procure por < data:post.body/ > apague essa linha e cole esse trecho no lugar:

<p><b:if cond='data:blog.pageType == &quot;index&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb
(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Leia mais...</a>
</span></b:if>
<b:if cond='data:blog.pageType !=
&quot;index&quot;'><data:post.body/></b:if></p>



***********************************________________________*********************

7 - Criar Assinatura Online

Acessar o site http://www.plinn.com.br/assinaturas/gif_assina_plinn.html , e o Primeiro passo criar uma assinatura que pode ser o nome de sua escola, de seu LIE, Segundo passo escolher o tipo de letra e tamanho da fonte, Quarto passo selecione a cor. Logo depois ao lado escolha um desenho para acompanhar sua assinatura.



8 - Pra mudar o cursor

Acesse o site http://www.webfetti.com, selecione uma categoria no lado esquerdo do mouse, e escolha um desenho, do lado direito aparecerá o desenho escolhido clique sobre a palavra que aparece em negrito (Maker this my cursor), pronto



9 - Trabalhando com fotos


Acesse o site http://pt.picjoke.net/ vá em efeitos de data do lado esquerdo, selecione uma da e escolha um modelo. Etapa 2 escolher arquivo, crie a sua foto, logo após copie o link Code for Website, vá em adicionar um Gadget > selecione HTML/JavaScript > cole o código selecionado.
Caso a sua imagem esteja muito grande faça da seguinte forma:
Vá em postagem > HTML > cole > volte em escrever clique sobre a foto > selecione o tamanho desejado pequeno por exemplo > volte em HTML > copie o código.
Vá em Desing > elementos da pagina > selecione um adiciona Gadget > selecione HTML/JavaScript > cole o código de HTML > salve.



.





Nenhum comentário:

Postar um comentário