Mostrar slides com as postagens recentes do blog

Hoje para tenho aqui um tutorial de como mostrar slides com as postagens recentes do blog. Aviso já no ínicio, como avisarei no fim, que este tutorial foi retirado de um outro blog. Vamos ver como é.

É muito fácil colocar este widget, entre na página layout e clique em adicionar gadget, html/javascript e cole o código que se encontra mais abaixo.

Também pode alterar a largura do gadget, basta mudar estes dois valores que apaecem no código:

tablewidth = 360;

width:360px;

Só será necessário alterar o endereço do blog que se encontra no final deste código (deixe sempre a barra "/"  no final do endereço). Se quiser pode configurar os tamanhos de fontes e quantidades de caracteres que tem o resumo. A seguir irá ver como personalizar o código da apresentação de slides dos posts recentes do blog. Sugerimos primeiro instalar sem fazer nenhuma alteração apenas testar, porque são muitas opções que podemos alterar e fazendo isso aos poucos e visualizando o resultado no blog ficará mais fácil achar e corrigir algum erro durante as modificações.

Se quiser alterar a cor de fundo mude essa linha: bgTD = "#ffffff"; Veja aqui o código das cores em html para alterar esse gadget. Outro trecho que está no inicio controla a velocidade, veja:

var first = 0;
var speed = 800;
var pause = 6500;
Como isso funciona:

var first: tempo para iniciar(deixe o valor 0)
var speed: velocidade da transição(mudança de slide)
var pause: tempo de pausa em cada slide
Coloque neste trecho o endereço de uma imagem, assim ela será exibida quando a postagem não tiver imagens.

imgr[0] = "URL IMAGEN 1";

Veja este trecho fica no final de código e controla praticamente tudo:

imgwidth = 120;
imgheight = 120;
fntsize = 16;
acolor = "#000";
aBold = true;
icon = " ";
text = "no";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 12;
summaryColor = "#ccc";
icon2 = " ";
numposts = 10;
Agora veja o que as principais linhas de código fazem e depois altere como desejar

Imgwidth: largura da miniatura
Imgheight: altura da miniatura
Fntsize: tamanho da letra do titulo
Acolor: cor do titulo
summaryPost: numero de letras do resumo(começo da postagem)
summaryFontsize: tamanho da letra do resumo
summaryColor: cor da letra do resumo
numposts: numero de postagens mostradas
Existem outras coisas que podem ser modificadas como, por exemplo, a cor da borda que é #ccc; e nas mesmas linhas podemos até mudar o estilo das bordas, mas enfim depois que instalar o código poderá ver quais modificações farão esse novo widget combinar melhor com o seu blog.' 
 
Este tutorial foi retirado do blog: Dicas Para Blog. Este tutorial foi resumifo por Site do Rafa  

Colocar uma nuvem de tag's

Colocar uma nuvem de tags no blog é muito mais fácil do que parece, sempre pensei que eram códigos grandes, mas na verdade dá pra deixar tudo pronto em 3 minutos. Essa nuvem faz com que os titulos dos marcadores do blog fiquem em movimento como se estivessem girando em torno de uma bola.

Para colocar um igual no seu blog vocé só precisa copiar esse código e fazer algumas alterações:

Antes de colocar no blog vamos entender como personalizar aparência dele, veja as seguintes partes:

Largura e altura da widget: width = "240" height = "300"
apenas altere os valores 240 largura e 300 altura, cuidado para não deixar mais larga que a coluna do seu blog

Cor de fundo " #ffffff ");
as letras ffffff é a cor de fundo, aqui tem o código de várias cores basta trocar as letras

Cor do Texto: 0x333333
idêntico a cor de fundo, mas essa é a cor do texto então veja os códigos das cores acima e use a cor que desejar

Tamanho do texto: style='12'
o numero 12 é o tamanho da letra então altere como quiser

Agora que já deixou o código como queria entre na pagina editar html (não clique para expandir o modelo) procure por



Então coloque o código logo depois dessa linha e clique para salvar, visualize seu blog e veja se está tudo certo.

Depois disso se quiser mudar o lugar que a nuvem de tags aparece no blog é fácil apenas entre na pagina layout, notará que tem um novo gadget então é só arrastar para o lugar que desejar do mesmo modo que faz com todos os outros.

Pagina Principal

Ir para o topo

Mensagem de Alerta ao entrar no Blog

Embora não seja recomendável algumas pessoas gostam e procuram como colocar uma mensagem ao entrar no blog, aquela caixinha de texto escrito bem vindo ou algo parecido com isso.

O Código é:

<script>alert('texto do alerta');</script> <br />

Deve Alterar:
-Alterar o texto 'texto do alerta'

Depois deve ir á páginA Editar HTML e colar este código antes do Tag , e já está pronto. É só salvar e começar a ser alertado.


Pagina Principal

Ir para o topo

Pesquisa no Blog

Para colocar um motor de busca no seu site, é muito mais fácil do que você pensa. O motor de busca é essencial em qualquer site. Permite o visitante pesquisar o que procura.

O que deve fazer primeiro é copiar o seguinte código.

<div align="center"><form method="GET" action="http://www.google.com.br/search"><br /><br /><input type="text" name="q" size="25" maxlength="255" value=""><br /><br /><input type="submit" name="btnG" value="Pesquisar"><br /><br /><input type="hidden" name="domains" value="endereço do seu blog"><br /><input type="radio" name="sitesearch" value="">Web<input type="radio" name="sitesearch" value="endereço do seu blog">Neste site<br /><br /><br /></form></div>



Deve:
- Procurar 'endereço do seu blog' e alterar para o seu site. Apareçe 2 vezes.

Também pode:
- Alterar o tamanho do campo de texto mudando o número 25
- Também pode alterar o texto que aparece no ínicio, mudando a frase 'Neste site'

Se quiser você pode criar um código parecido com esse no site do Adsense e além de mostrar um sistema de busca no seu blog ainda pode ganhar algum dinheiro quando as pessoas utilizarem as pesquisas Google através do seu blog.


Pagina Principal

Ir para o topo

Mostra Top Comentaristas do Blog

Alguma vez já pensou em colocar em seu site um local onde você mostra os Top's Comentaristas. Agora chegou a Sua oportunidade, porque hoje vou ensinar como s efaz isso. A forma que vou ensinar é a forma mais fácil que enecontrei em 7 formas.

1º Vá á pasta de Layout, adicionar gadget, html/javascript. Ai você colocará o seguinte código.

<script type="text/javascript" src="http://acessoriosparablogs.com.br/scripts/topcomentarios.js"></script><br /><br /><script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=2351a7b3195ee95ef3643998bc8def5e&url=http://www.seusite.com;num=10&;filter=seu nome" type="text/javascript"></script>

Não se esquece de alterar:

-O Site 'www.seusite.com'.
-O Nome 'Seu nome', deve colocar o que tem no Blogger.
-E se ainda quiser pode alterar o número de comentários que iram aparecer. Procure por '10&'

Não apague mais nada. Qualquer alteração pode dar em erro.

Pagina Principal

Ir para o topo

Bloqueiar botão direitos em seu blog.

Agora saiba códigos de HTML e de JavaScript. Desta vez temos para vocee bloqueiar o seu blog com o butão direitos do rato. Ou seja ninguem pode copiar seus textos. Leia mais para saber como se faz.

Com este código, as pessoas não têm acesso ao menu de atalho que é exibido ao clicar com o botão direito do mouse sobre a página ou sobre uma figura, etc. Ao clicarem, aparece uma mensagem personalizada, dizendo que não podem copiar.
É só colar na sua página. Uma observação: nem todos os navegadores o reconhecem, aí menu do botão direito é exibido normalmente. No Internet Explorer pode ir em frente!

<script language="JavaScript"><br /><!--<br />function verfonte()<br />{<br />if (event.button==2)<br />{<br />window.alert('SEU_TEXTO(Site do RAFA)')<br />}<br />}<br />document.onmousedown=verfonte<br />// --><br /></script>

Pagina Principal

Ir para o topo