► vivo in mundo blogger ... vivoemmundoblogger

dicas e truques do Blogger

2017-03-01T13:57:00.000-08:00

" Se você quer melhorar ainda mais,

e torná-lo mais

Search Engine (mecanismo de pesquisa)

amigável,

então veja estas

dicas e truques

do Blogger"

..."modelo do Blogger"

Como instalar...

... modelo (template):

    * Primeiro você tem que instalar o modelo (template) em sua conta blogger.

    * Vá para o seu layout do Blogger e clique na aba editar html.

    * Agora é só baixar o modelo ...

e enviar o novo modelo a ela.

Como editar barra de navegação no 1:

    * Basta ficar na página html e encontrar esses códigos com ctrl F.

    * Apenas para busca

          id='pagemenucontainer'> <div

    * Troca o seu vínculo com # e título com o título

Como editar barra de navegação no 2:

    * Basta ficar na página html e encontrar esses códigos com ctrl F.

    * Apenas para busca

          id='navcontainer'> <div

    * Troca o seu vínculo com # e título com o título

Como editar o banner superior:

    * Ir para layout e clique no separador Editar HTML

    * Agora, procure por esses códigos

          <div style='padding: 0 0 0px 0; text-align:right;'>

    * Mude o seu banner com link patrocinadores imagem e url.

Como editar o banner da barra lateral:

    * Ir para layout e clique no separador Editar HTML

    * Agora, procure por esses códigos

          class='sidebaradbox'> <div

    * Mude o seu banner com link patrocinadores imagem e url.

Como editar o controle deslizante em destaque:

    * Primeiro, vá para layout e clique em editar html

    * Agora para pesquisa

          id='s3slider'> <div

    * Agora olhe para estes códigos

    * Substituir Cor Vermelha Link com o seu link do post

    * Substituir cor azul com o seu Post Título e descrição Post

    * Substitua Verde Cor do link com o seu Link direto da imagem.

<li class='s3sliderImage' style='display: list-item;'>
<a href='# Seus links para os posts aqui'><img alt='Imagen 1' src='http://---jpg' style='width: 610px; height: 320px;'/></a>
<span style='display: block;'>
<a class='featured-title block' href='# Seus links para os posts aqui' rel='bookmark' title='YOUR POST TITLE'>SEU TÍTULO POST AQUI</a><br/>
Alguma descrição do seu post AQUI
</span>

</li>

    * Substituir Cor Vermelha Link com o seu link do post

    * Substituir cor azul com o seu Post Título e descrição Post

    * Substitua Verde Cor do link com o seu Link direto da imagem.

obs.: na cor laranja, você pode alterar, caso queira

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Como editar o Twitter Widget Social:

    * Ir para layout e clique no separador Editar HTML

    * Agora, procure por esses códigos com ctrl F.

          http://twitter.com/seu twitter aqui

    * Substitua seu twitter aqui com dados de sua conta do twitter.

::::::::::::::::::::::::::

top comentaristas em forma de nuvem

2014-03-01T08:04:00.000-08:00

" top comentaristas em forma de nuvem"

ótimo " tuto", visto em Gema@

" Top de comentaristas en forma de nube"

Si antes teníamos una nube de etiquetas ahora la podemos tener con el top de comentarios. La idea es de Blogger Sentral y según indica el recuento de comentarios se extrae de los últimos 2.000 comentarios procesados a través de un pipe. ¿Quieres saber qué es un pipe?

Para incluir la nube en nuestro blog ir a plantilla de Diseño y añadir un gadget de HTML/Javascript, en su interior incluimos lo siguiente


<!-- Top Commentators Cloud Start
(c) 2010 Blogger Sentral. Original code by http://bloggersentral.blogspot.com/. Do not remove this credit and the Make your own link at the bottom of the code.-->
<div style="text-align:justify;line-height:1.2;">
<script type="text/javascript">
function cCloud(feed) {
max = 0;
min = 10000;
//finding highest and lowest count
for (i=0;i<feed.count;i++)
{
ccCount = feed.value.items[i].commentcount * 1;
if (ccCount > max)
{
max = ccCount;
}
if (ccCount < min)
{
min = ccCount;
}
}
ccCountD = "";
display = "";
for (j=0;j<feed.count;j++)
{
ccdiff = feed.value.items[j].commentcount - min;
ccFontsize = 80 + (ccdiff * 100) / (max - min) + "%";
ccUrl = "'" + feed.value.items[j].authorurl + "'";
ccCountD = "(" + feed.value.items[j].commentcount + ")";//comment count
ccName = feed.value.items[j].title + ccCountD;
ccLName = "<a style='text-decoration:none;font-size:" + ccFontsize + "' href=" + ccUrl + " target='_blank'>" + ccName + " </a>";//clickable commentator name
display = display + ccLName;
}
document.write(display);
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://gemablog-.blogspot.com
&Exclusions=Anonymous,Gem@
&ShowHowMany=20
&Order=alphabet
&_callback=cCloud
&_id=cfa196644e1d6159c9183548c4b5e2f5
&_render=json"
type="text/javascript"></script>
<!-- Top Commentators Cloud End --></div>

Los cambios:

YourBlogUrl es el lugar para añadir la url de nuestro blog, sustituimos la que hay añadida por la vuestra..
Exclusions añadimos los nombres de comentaristas que deseamos sean excluidos de la nube incluido el nuestro, lo haremos añadiendo el nombre separado de una coma.
ShowHowMany es el número de comentaristas que se visualizará en la nube.
Order para la frecuencia (con el más frecuente en la parte superior), si lo deseamos introducir frecuencia.
Comment count es el número que contabiliza los comentarios, si no deseamos mostrarlo eliminamos la línea

El nombre de cada comentarista es un enlace a la página de su perfil y adquiere el color que tenemos definido para los enlaces.

El autor da la posibilidad de modificar el pipe conforme a las preferencias de cada uno para eso lo pone a disposición de todos

Esto es una captura del ejemplo que puede verse en el siguiente blog.

fonte e créditos:

gemablog-

traduzido

comentadores como uma nuvem

Se antes tivemos uma tag agora podemos ter com os comentários de topo. A idéia é Blogger Sentral e como indicado pela contagem de comentários extraídos os últimos 2.000 comentários, através de um tubulação. um tubo? Quer saber o que

Para incluir a marca de ir para a nossa concepção do modelo do blog e adicionar um gadget HTML / JavascriptNo interior, são os seguintes


<!-- Top Commentators Cloud Start
(c) 2010 Blogger Sentral. Original code by http://bloggersentral.blogspot.com/. Do not remove this credit and the Make your own link at the bottom of the code.-->
<div style="text-align:justify;line-height:1.2;">
<script type="text/javascript">
function cCloud(feed) {
max = 0;
min = 10000;
//finding highest and lowest count
for (i=0;i<feed.count;i++)
{
ccCount = feed.value.items[i].commentcount * 1;
if (ccCount > max)
{
max = ccCount;
}
if (ccCount < min)
{
min = ccCount;
}
}
ccCountD = "";
display = "";
for (j=0;j<feed.count;j++)
{
ccdiff = feed.value.items[j].commentcount - min;
ccFontsize = 80 + (ccdiff * 100) / (max - min) + "%";
ccUrl = "'" + feed.value.items[j].authorurl + "'";
ccCountD = "(" + feed.value.items[j].commentcount + ")";//comment count
ccName = feed.value.items[j].title + ccCountD;
ccLName = "<a style='text-decoration:none;font-size:" + ccFontsize + "' href=" + ccUrl + " target='_blank'>" + ccName + " </a>";//clickable commentator name
display = display + ccLName;
}
document.write(display);
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://gemablog-.blogspot.com
&Exclusions=Anonymous,Gem@
&ShowHowMany=20
&Order=alphabet
&_callback=cCloud
&_id=cfa196644e1d6159c9183548c4b5e2f5
&_render=json"
type="text/javascript"></script>
<!-- Top Commentators Cloud End --></div>

Alterações:

YourBlogUrl é o lugar para adicionar o URL do nosso blog, nós substituímos que é adicionado pelo seu ..
Exclusões adicione os nomes dos comentadores que deseja ser excluído da marca incluindo a nossa, vamos adicionar o nome separados por uma vírgula.
ShowHowMany é o número de comentadores a ser exibido na nuvem.
Ordem para a freqüência (o mais comum na parte superior), se você quiser introduzir freqüência.
contagem Comentário é o número que conta os comentários, se queremos eliminar a exposição em linha

O nome de cada comentarista é um link para sua página de perfil e tem a cor que definimos para os links.

O autor dá a possibilidade de modificar a linha de tubo com a preferência de cada um para que o coloca disponível todos

Este é um instantâneo do exemplo mostrado na seguinte blog.

http://pipes.yahoo.com/pipes/

"Política de Privacidade - Google AdSense"

2014-03-01T07:44:00.000-08:00

"Política de Privacidade - Google AdSense"

" » Como instalar colocar o blog com o modelo antigo (usado até junho de 2010)"

2010-12-05T17:31:00.001-08:00

" » Como instalar

colocar
o blog com o modelo antigo
(usado até junho de 2010)"

" Como instalar colocar o blog com o modelo antigo (usado até junho de 2010)"

" Para quem abriu seu blog no último mês poderá encontar dificuldades em instalar meus templates ou mesmo implementar diversas dicas que ensino no Blogger. Não só do meu blog, mas dos blogs de dicas em geral.

Saiba que o Blogger mudou, foram feitas diversas mudanças portanto, pode ser que você fique frustrado ao não conseguir baixar os templates, colocar menus, encontrar este ou aquele código como lhe é pedido, mas calma, nem tudo está perdido. O que você precisa na verdade é voltar o seu blog para o sistema antigo."

..." como fazer isso" ... ?...
..." ... vá até o HTML do seu blog como mostra a imagem abaixo."

" Depois clique em "

" Selecionar modelo de layout".

" Agora selecione o template " Minima" pois é neste template que são feitos quase todos os templates e quase todas as dicas. "

fonte e créditos:
http://templateseacessorios.blogspot.com/
2010/08/como-instalar-colocar-o-blog-com-o.html

você está em:

http://aprender-ensinar-compartilhar.blogspot.com

"Por que é importante deixar comentários em outros blogs ?"

2010-12-04T11:37:00.001-08:00

Os comentários nos blogs
vem a ser
um cartão de visita de grande retorno
para tds!

" Por que é importante deixar comentários em outros blogs ?"

" Deixar comentários em outros blogs é uma tarefa demasiadamente importante. Por quê ? Isso mostra que você como leitor ativo de um determinado blog ou site mostra como você se interessa por aquele assunto e prestigia aquele trabalho realizado pelo autor do blog, se você quer saber como aumentar visitas em seu blog, comece a comentar em outros do mesmo nivho que o seu.

Todos os blogueiros lutam para aumentar o número de comentários de seu blog, é uma tarefa um pouco difícil, principalmente pra quem está começando. Mas na realidade é uma ótima maneira de criar amizades com outros blogueiros que de certa maneira poderão te ajudar de alguma forma, seja passando conhecimento, ou dando conselhos, entre outras coisas.

Po que isso é tão importante

Muitos blogueiros podem pensar que deixar comentários é uma tarefa insignificante e que não é necessário fazer dessa forma, mas, fazendo isso você atrairá muito mais atenção para si e para seus blogs, comunidades ou seja lá o que você faça.

Muitos blogs de topo, permitem que nos comentários seus leitores deixem um link de seu blog para ajudar os mesmos na divulgação de seu trabalho, isso é uma coisa muito legal, porque não tem aquela coisa de não ajudar outro blogueiro para não criar outro concorrente, pelo contrário, fazendo isso você criará um laço de amizade muito grande, ganhando mais respeito no meio e mais atenção de seus leitores e até mesmo de seus concorrentes, além de aumentar bastante o número de visitas no seu blog.

Saiba como deixar comentários de qualidade

Pois bem, então qual a receita para ganhar mais credibilidade e respeito através dos comentários? Seja criativo! Deixe comentários que despertem a curiosidade dos outros, para que eles queiram saber quem é você, qual é o seu blog, enfim...

Um comentário é algo que deve sempre ter ver com o artigo relacionado, não vá deixar um comentário tipo:"legal seu blog, visite meu blog..." isso não é legal e muitos blogueiros nem publicam esse tipo de comentário, portanto comente com qualidade.

Exponha suas dúvidas

Esse é um fato que deve ser levado a sério. Normalmente, quando questionamos alguém sobre algo é porque temos interesse naquilo, e mostrar interesse é muito importante, isso mostra que você se importa com aquele blog e busca entendê-lo cada dia mais. Fazendo isso você logo perceberá que além de você ganhar mais conhecimento, também ganhará mais retorno nos seus trabalhos .

Cuidado com os comentários

Da mesma forma que um comentário pode ajudar alguém, também pode atrapalhar e muito. Se você só faz comentários em busca de interesse, seu "filme vai ser queimado rapidinho", tente elogiar na hora certa e criticar quando for preciso, mas critique de modo que ajude aquele individuo, para que ele aprenda algo com aquela critica, não seja um cara "chato".

Sempre elogie

É óbvio que elogiar sempre é melhor, quando você se deparar com blogs de qualidade, elogie, por que não? Fazendo assim você ajudará alguém a se superar cada mais, um elogio causa um impacto muito profundo, por isso é muito importante elogiar a quem merece.

Conclusão

Eu costumo visitar muitos blogs, e a medida do possível deixar ali um comentário para incentivar aquele autor por trás daquele blog, porque muitos gostam de nos ajudar postando conteúdo de qualidade, tiram um pouco do seu tempo para ajudar a outros que eles nem conhecem, mas estão ali a escrever diarimente, então, se quiserem podem deixar comentários aqui também, sintam-se a vontade, ok?"

fonte e créditos deste presente post:

http://www.mundodosblogs.net/

Os comentários nos blogs
vem a ser
um cartão de visita de grande retorno
para tds!

http://aprender-ensinar-compartilhar.blogspot.com

código...translate...para quem ainda não pegou o código...

2010-12-01T13:02:00.001-08:00

...translate...para quem ainda não pegou o código...para por no blog...

Google Website Translator Gadget

Adicione a tradução ao seu site

saiba como se faz:..."Expandir e recolher qualquer gadget"

2010-11-16T05:18:00.001-08:00

[+/-]

Expandir y contraer cualquier gadget

"Habíamos visto antes como expandir y contraer el gadget de "Etiquetas" usando un sencillo script y poco después también vimos como hacerlo con los gadgets de "Archivos" y "Feed"."

" Me ha llegado un email de Woody Jagger donde me pregunta como hacer esto mismo con cualquier otro gadget (Perfil, Archivos, Lista de Blogs, etc.), así que vamos a ver como aplicar el efecto de "expandir y contraer" a cualquier otro gadget de los que incluimos normalmente en la sidebar."
"Una vez que incluimos uno de estos gadget, en la parte de " Edición HTML" de nuestro panel y expandiendo las plantillas de artilugios, podemos ver que la estructura de cualquiera de los gadgets añadidos es muy similar, en algunos casos idéntica o parecida a esta"

<b:widget id='Text1' locked='false' title='Bienvenidos' type='Text'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

"Para aplicar este script en cualquiera de estos gadget, solo tendremos que fijarnos bien en que parte hemos de añadir las piezas de código que componen el script y que, en todos los casos, es el mismo código (el resaltado en negrita"...
):

<b:widget id='Text1' locked='false' title='Bienvenidos' type='Text'>
<b:includable id='main'>
<script type='text/javascript'>
//<![CDATA[
if(typeof(rnd) == 'undefined') var rnd = '';
rnd = Math.floor(Math.random()*1000);
rnd = 'id-' + rnd;
document.write('<a href="#" onclick="tmp = document.getElementById("' + rnd + '"); tmp.style.display = (tmp.style.display == "none") ? "block" : "none"; return false;" style="float:left;margin-right:5px;">');
//]]>
</script>[+/-]
<script type='text/javascript'>
//<![CDATA[
document.write('<\/a>');
//]]>
</script>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<script type='text/javascript'>
//<![CDATA[
document.write('<div id="' + rnd + '" style="display:none;">');
//]]>
</script>
<data:content/>
</div>
<script type='text/javascript'>
//<![CDATA[
document.write('<\/div>');
//]]>
</script>
<b:include name='quickedit'/>
</b:includable>
</b:widget>

" Si queremos sustituir el símbolo de expandir y contraer [+/-] por una imagen, colocamos directamente en su lugar el código para mostrar la imagen"

<img src="url_de_la_imagen"/>

Ver ejemplo funcionando

fonte e créditos:

http://elescaparatederosa.blogspot.com/search/label/Gadget?updated-max=2010-01-17T14%3A59%3A00%2B01%3A00&max-results=20?max-results

traduzindo:

[+/-]

"Expandir e recolher qualquer gadget"

"Como vimos antes expandir e recolher as etiquetas gadget como fazer com gadgets "Arquivos" e "Alimentação". usando um script simples e logo depois também vimos "

"Recebi um e-mail Woody Jagger onde eles me perguntam como fazer isso com qualquer outro gadget (perfil, arquivos, lista de blogs, etc.), então vamos ver como aplicar o efeito de "expansão e contração" para qualquer outro gadget que normalmente incluem o barra lateral."

"Quando um desses gadgets incluídos na parte " Edição de HTML"É o nosso painel e expandir a modelos de widgetsPodemos ver que a estrutura de qualquer um dos gadgets adicionou é muito semelhante, em alguns casos idênticos ou semelhantes a este''

id = locked='false' <b:widget "Text1" title='Bienvenidos' type='Text'>
id = 'main' <> b: includable
<-! Mostrar apenas o título se for não-vazio ->
cond = 'data: <b:if título != ""'>
class => 'title' <h2 <data:title/> </ h2>
</ B: if>
class='widget-content'> <div
<data:content/>
</ Div>

name = 'QuickEdit' /> <b: includable
</ B: includable>
</ B: widget>

" Para aplicar esse script em qualquer um dos gadgets, apenas tem que boa aparência nessa parte temos de acrescentar pedaços de código que compõem o roteiro e que em todos os casos é o mesmo código
(em negrito)"

id = locked='false' <b:widget "Text1" title='Bienvenidos' type='Text'>
id = 'main' <> b: includable
type='text/javascript'> <script
//<![ CDATA [
if (typeof (rnd) == 'undefined') var rnd ='';
rnd = Math.floor (Math.random () * 1000);
rnd = 'id' + rnd;
document.write ('<a href = "#" onclick = "tmp = document.getElementById ("' + rnd + '"); tmp.style.display = (tmp.style.display ==" none " ?) "bloco": "nenhum"; return false; "style =" float:;: 5px ;">'); margem esquerda-direita
//]]>
</ >[+/-] Script
type='text/javascript'> <script
//<![ CDATA [
document.write ('<\ / a>');
//]]>
</ Script>
<-! Mostrar apenas o título se for não-vazio ->
cond = 'data: <b:if título != ""'>
class => 'title' <h2 <data:title/> </ h2>
</ B: if>
class='widget-content'> <div
type='text/javascript'> <script
//<![ CDATA [
document.write ('div id="' style="display:none;"> "rnd + +');
//]]>
</ Script>
<data:content/>
</ Div>
type='text/javascript'> <script
//<![ CDATA [
document.write ('<\ / div>');
//]]>
</ Script>
name = 'QuickEdit' /> <b: includable
</ B: includable>
</ B: widget>

Se nós substituir o símbolo Expandir / Recolher [+/-] por uma imagem, colocada diretamente em colocar o código para exibir a imagem:

<img src="url_de_la_imagen"/>

Veja exemplo de trabalho

vc está em:
http://aprender-ensinar-compartilhar.blogspot.com

" Como Fix " O Google Friend Connect não é exibido" Problema "

2010-10-14T15:09:00.001-07:00

Tradução do inglês para português

Dicas e Truques Blogger

Dicas Blogger e Truques | Últimas dicas para blogueiros
Dicas e Truques de Blogger | Últimas dicas para blogueiros <lasanthaset3@gmail.com> brandaodasilvaedilene@gmail.com n. dados de 14 de Outubro de 2010 07:17 Assunto Blogger Dicas e Truques Por feedburner.bounces.google.com enviado Por google.com Assinado
Dicas e Truques Blogger

Como Fix " O Google Friend Connect não é exibido"    Problema
Publicado em: 14 de outubro de 2010 12:33 PDT

Se você usar MooTools script (http://mootools.net/) dentro do seu modelo do Blogger, principalmente o Google Friend Connect widget irá desaparecer a partir do seu blog no Blogger e mostra apenas uma space.This branco é um problema grave para a mais bloggers.I também têm enfrentado para este problema e, finalmente, encontrar a solução para este problem.I pensa que este truque também útil aos outros e decidir para explicar como resolver este problema.

    MooTools é um compacto, modular, orientada a objetos JavaScript quadro projetado para o desenvolvedor de JavaScript intermediários e avançados. Ele permite que você escreva poderoso, flexível e código cross-browser com a sua elegante, bem documentada, e coerente API.
MooTools podem ser incluídos no modelo de 2 maneiras.
Primeira forma:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.4/mootools-yui-compressed.js"> </ script>

Segunda maneira:
src="http://www.google.com/jsapi"> <script </ script>
<script type="text/javascript"> google.load ("mootools", "1.2.4"); </ Script> " Você pode fazer isso com seconds.Now em poucos siga os passos abaixo. "
Fix Google Friend Connect não exibindo
Entrar para entrar em seu painel do Blogger -> Design -> Editar HTML. "
Você não precisa clicar em " Expandir modelos de widgets".
Desça até onde você vê o </ head> do seu modelo.
Agora, copie o código abaixo e cole-o logo antes da tag </ head>.
type='text/javascript'> <script
//<![ CDATA [

JSON.extend ({
função (string) {: parse
retorno JSON.decode (string);
}
stringify: function (obj) {
retorno JSON.encode (obj);
}
});

//]]> </ Script>

" Salve o modelo e está feito. "
" Quando o problema for resolvido, por favor, não esqueça de deixar um comentário."

How to Fix "Google Friend Connect is not displayed" Problem

Posted: 14 Oct 2010 12:33 AM PDT

If you use MooTools(http://mootools.net/) script inside your blogger template, mostly your Google Friend Connect widget will disappear from your blogger blog and only shows a white space.This is a serious problem to more bloggers.I also have faced to this problem and finally find the solution for this problem.I thinks this little trick will also helpful to others and decide to explain how to solve this problem.

MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.

MooTools can be included in your template in 2 ways.

First way:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.4/mootools-yui-compressed.js"></script>

Second way:

<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("mootools", "1.2.4");
</script>

You can do this with in few seconds.Now follow the steps given below.

Login to your Blogger dashboard --> Design --> Edit HTML.

You don't need to click on "Expand Widget Templates".

Scroll down to where you see the </head> tag of your template.

Now copy below code and paste it just before the </head> tag.

<script type='text/javascript'>
//<![CDATA[

JSON.extend({
parse: function(string) {
return JSON.decode(string);
},
stringify: function(obj) {
return JSON.encode(obj);
}
});

//]]>
</script>

"Save your template and you are done."

"When your problem is fixed, please don't forget to leave a comment."

fonte:

Blogger Tips And Tricks

	de	*Blogger Tips And Tricks\|Latest Tips For Bloggers <lasanthaset3@gmail.com>*
*para*		*brandaodasilvaedilene@gmail.com*
*data*		*14 de outubro de 2010 07:17*
*assunto*		*Blogger Tips And Tricks*
*enviado por*		*feedburner.bounces.google.com*
*assinado por*		*google.com*

http://aprender-ensinar-compartilhar.blogspot.com

criar e hospedar um favicon simples...(IconJ):

2010-10-10T09:20:00.001-07:00

IconJ: criar e hospedar um fa"vicon simples

"   O Favicon é um pequeno ícone que aparece ao lado do endereço da web no topo do seu navegador."

"    Deve estar em formato ICO e é chamado FavIcon por ser a abreviação de " favoritos ícone"   ,   bem como nas abas do navegador será exibido na guia de favoritos ou bookmarks."

..."    Malena teve a amabilidade de partilhar connosco um site onde um rápido e fácil, temos um favicon para o nosso site."

[1] Temos acesso IconJ.

[2] À direita da página, vemos um pequeno formulário onde você tem que clicar em "     Procurar "
Após o upload, vá em "   Carregar Agora".

fazer o upload da imagem que vamos usar a partir do seu PC.

[3]" Vemos, então, uma prévia do nosso favicon e um par de links gerados."
" Nós olhamos para a (Direct Link), segundo e copiá-lo."

[4] " E só nos resta colocar essa linha de código que você copiou para a nossa equipe.

" Fazemos entre

<head> </ head>

da mesma,

por exemplo, antes

<b:skin> <! [CDATA [/ *.

fonte e créditos:
http://elescaparatederosa.blogspot.com/
2010/10/iconj-crear-y-alojar-un-favicon-de.html

http://aprender-ensinar-compartilhar.blogspot.com

arquivo do blog em forma de calendario, como se faz?

2010-10-04T23:35:00.001-07:00

" Como adicionar um calendário/arquivo ao seu blog"

O post original pode ser encontrado em:
Blogger Archive Calendar

Este widget só pode ser usado no novo formato blogger que suporta widgets, blogs no formato clássico não são suportados.

Como sempre faça uma cópia de segurança do seu blog antes de fazer alterações!

As feeds do seu blog precisam de estar activadas para o calendário funcionar (Blogger>Painel>Configurações>Site Feed> a feed do blog pode ser Curta ou Completa). Blogs privados não têm feeds, não são suportados.
Step #1
Clique em MODELO>Editar HTML. Deixe a opção "Expandir modelos de widgets" DESACTIVADA

Este código irá substituir o widget arquivos do seu blog. Localize a seguinte secção no código html do seu blog

Substítua o código sublinhado na figura pelo seguinte código.

<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
    <h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
    <b:if cond='data:style == "HIERARCHY"'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == "FLAT"'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == "MENU"'>
      <b:include data='data' name='menu'/>
    </b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='toggle' var='interval'>

</b:includable>
<b:includable id='flat' var='data'>
<div id='bloggerCalendarList'>
<ul>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
</ul>
</div>

<div id='blogger_calendar' style='display:none'>
<table id='bcalendar'><caption id='bcaption'>

</caption>

<thead id='bcHead'></thead>



<tbody><tr><td id='cell1'> </td><td id='cell2'> </td><td id='cell3'> </td><td id='cell4'> </td><td id='cell5'> </td><td id='cell6'> </td><td id='cell7'> </td></tr>
<tr><td id='cell8'> </td><td id='cell9'> </td><td id='cell10'> </td><td id='cell11'> </td><td id='cell12'> </td><td id='cell13'> </td><td id='cell14'> </td></tr>
<tr><td id='cell15'> </td><td id='cell16'> </td><td id='cell17'> </td><td id='cell18'> </td><td id='cell19'> </td><td id='cell20'> </td><td id='cell21'> </td></tr>
<tr><td id='cell22'> </td><td id='cell23'> </td><td id='cell24'> </td><td id='cell25'> </td><td id='cell26'> </td><td id='cell27'> </td><td id='cell28'> </td></tr>
<tr><td id='cell29'> </td><td id='cell30'> </td><td id='cell31'> </td><td id='cell32'> </td><td id='cell33'> </td><td id='cell34'> </td><td id='cell35'> </td></tr>
<tr id='lastRow'><td id='cell36'> </td><td id='cell37'> </td></tr>
</tbody>
</table>
<table id='bcNavigation'><tr>
<td id='bcFootPrev'></td>
<td id='bcFootAll'></td>
<td id='bcFootNext'></td>
</tr></table>

<div id='calLoadingStatus' style='display:none; text-align:center;'>
<script type='text/javascript'>bcLoadStatus();</script>
</div>
<div id='calendarDisplay'/>

</div>

<script type='text/javascript'> initCal();</script>

</b:includable>
<b:includable id='posts' var='posts'>

</b:includable>
<b:includable id='menu' var='data'>
Configure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format
</b:includable>
<b:includable id='interval' var='intervalData'>
Configure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format
</b:includable>
</b:widget>

Depois de fazer a substituição, Clique em SALVAR MODELO

Agora é preciso copiar para o nosso blog o script que fará toda a " magia",

temos 2 opções

podemos copiar o script directamente para o nosso blog

ou

hospedá-lo num outro servidor.

Localize no código do seu blog as seguintes tags

e coloque o

seguinte script entre as duas tags

]]></b:skin>script </head> .

Como a seguinte figura mostra.

<script type='text/javascript'>
//<![CDATA[

var bcLoadingImage = "http://phydeauxredux.googlepages.com/loading-trans.gif";
var bcLoadingMessage = " A actualizar....";
var bcArchiveNavText = "Ver arquivo";
var bcArchiveNavPrev = '◄';
var bcArchiveNavNext = '►';
var headDays = ["Domingo","Segunda","Terça","Quarta","Quinta","Sexta","Sábado"];
var headInitial = ["Do","Se","Te","Qu","Qt","Se","Sa"];

// Nothing to configure past this point ----------------------------------
var timeOffset;
var bcBlogID;
var calMonth;
var calDay = 1;
var calYear;
var startIndex;
var callmth;
var bcNav = new Array ();
var bcList = new Array ();

//Initialize Fill Array
var fill = ["","31","28","31","30","31","30","31","31","30","31","30","31"];
function openStatus(){
   document.getElementById('calLoadingStatus').style.display = 'block';
   document.getElementById('calendarDisplay').innerHTML = '';
}
function closeStatus(){
   document.getElementById('calLoadingStatus').style.display = 'none';
}
function bcLoadStatus(){
   cls = document.getElementById('calLoadingStatus');
   img = document.createElement('img');
   img.src = bcLoadingImage;
   img.style.verticalAlign = 'middle';
   cls.appendChild(img);
   txt = document.createTextNode(bcLoadingMessage);
   cls.appendChild(txt);
}
function callArchive(mth,yr,nav){
// Check for Leap Years
if (((yr % 4 == 0) && (yr % 100 != 0)) || (yr % 400 == 0)) {
      fill[2] = '29';
   }
else {
      fill[2] = '28';
   }
   calMonth = mth;
   calYear = yr;
   if(mth.charAt(0) == 0){
      calMonth = mth.substring(1);
      }
   callmth = mth;
   bcNavAll = document.getElementById('bcFootAll');
   bcNavPrev = document.getElementById('bcFootPrev');
   bcNavNext = document.getElementById('bcFootNext');
   bcSelect = document.getElementById('bcSelection');
   a = document.createElement('a');
   at = document.createTextNode(bcArchiveNavText);
   a.href = bcNav[nav];
   a.appendChild(at);
   bcNavAll.innerHTML = '';
   bcNavAll.appendChild(a);
   bcNavPrev.innerHTML = '';
   bcNavNext.innerHTML = '';
   if(nav < bcNav.length -1){
      a = document.createElement('a');
      a.innerHTML = bcArchiveNavPrev;
      bcp = parseInt(nav,10) + 1;
      a.href = bcNav[bcp];
      a.title = 'anterior';
      prevSplit = bcList[bcp].split(',');
      a.onclick = function(){bcSelect.options[bcp].selected = true;openStatus();callArchive(prevSplit[0],prevSplit[1],prevSplit[2]);return false;};
      bcNavPrev.appendChild(a);
      }
   if(nav > 0){
      a = document.createElement('a');
      a.innerHTML = bcArchiveNavNext;
      bcn = parseInt(nav,10) - 1;
      a.href = bcNav[bcn];
      a.title = 'seguinte';
      nextSplit = bcList[bcn].split(',');
      a.onclick = function(){bcSelect.options[bcn].selected = true;openStatus();callArchive(nextSplit[0],nextSplit[1],nextSplit[2]);return false;};
      bcNavNext.appendChild(a);
     }
   script = document.createElement('script');
   script.src = 'http://www.blogger.com/feeds/'+bcBlogId+'/posts/summary?published-max='+calYear+'-'+callmth+'-'+fill[calMonth]+'T23%3A59%3A59'+timeOffset+'&published-min='+calYear+'-'+callmth+'-01T00%3A00%3A00'+timeOffset+'&max-results=100&orderby=published&alt=json-in-script&callback=cReadArchive';
   document.getElementsByTagName('head')[0].appendChild(script);
}

function cReadArchive(root){
// Check for Leap Years
if (((calYear % 4 == 0) && (calYear % 100 != 0)) || (calYear % 400 == 0)) {
      fill[2] = '29';
   }
else {
      fill[2] = '28';
   }
    closeStatus();
    document.getElementById('lastRow').style.display = 'none';
    calDis = document.getElementById('calendarDisplay');
    var feed = root.feed;
    var total = feed.openSearch$totalResults.$t;
    var entries = feed.entry || [];
    var fillDate = new Array();
    var fillTitles = new Array();
    fillTitles.length = 32;
    var ul = document.createElement('ul');
    ul.id = 'calendarUl';
    for (var i = 0; i < feed.entry.length; ++i) {
      var entry = feed.entry[i];
      for (var j = 0; j < entry.link.length; ++j) {
       if (entry.link[j].rel == "alternate") {
       var link = entry.link[j].href;
       }
      }
      var title = entry.title.$t;
      var author = entry.author[0].name.$t;
      var date = entry.published.$t;
      var summary = entry.summary.$t;
      isPublished = date.split('T')[0].split('-')[2];
      if(isPublished.charAt(0) == '0'){
         isPublished = isPublished.substring(1);
         }
      fillDate.push(isPublished);
      if (fillTitles[isPublished]){
          fillTitles[isPublished] = fillTitles[isPublished] + ' | ' + title;
          }
      else {
          fillTitles[isPublished] = title;
          }
      li = document.createElement('li');
      li.style.listType = 'none';
      li.innerHTML = '<a href="'+link+'">'+title+'</a>';
      ul.appendChild(li);

      }
   calDis.appendChild(ul);
   var val1 = parseInt(calDay, 10)
   var valxx = parseInt(calMonth, 10);
   var val2 = valxx - 1;
   var val3 = parseInt(calYear, 10);
   var firstCalDay = new Date(val3,val2,1);
   var val0 = firstCalDay.getDay();
   startIndex = val0 + 1;
var dayCount = 1;
for (x =1; x < 38; x++){
      var cell = document.getElementById('cell'+x);
      if( x < startIndex){
          cell.innerHTML = ' ';
          cell.className = 'firstCell';
         }
      if( x >= startIndex){
          cell.innerHTML = dayCount;
          cell.className = 'filledCell';
          for(p = 0; p < fillDate.length; p++){
              if(dayCount == fillDate[p]){
                  if(fillDate[p].length == 1){
                     fillURL = '0'+fillDate[p];
                     }
                  else {
                     fillURL = fillDate[p];
                     }
                  cell.className = 'highlightCell';
                  cell.innerHTML = '<a href="/search?updated-max='+calYear+'-'+callmth+'-'+fillURL+'T23%3A59%3A59'+timeOffset+'&updated-min='+calYear+'-'+callmth+'-'+fillURL+'T00%3A00%3A00'+timeOffset+'" title="'+fillTitles[fillDate[p]].replace(/"/g,'\'')+'">'+dayCount+'</a>';
                 }
              }
          if( dayCount > fill[valxx]){
             cell.innerHTML = ' ';
             cell.className = 'emptyCell';
             }
          dayCount++;
         }
      }
    visTotal = parseInt(startIndex) + parseInt(fill[valxx]) -1;
    if(visTotal >35){
        document.getElementById('lastRow').style.display = '';
       }
}

function initCal(){
   document.getElementById('blogger_calendar').style.display = 'block';
   var bcInit = document.getElementById('bloggerCalendarList').getElementsByTagName('a');
   var bcCount = document.getElementById('bloggerCalendarList').getElementsByTagName('li');
   document.getElementById('bloggerCalendarList').style.display = 'none';
   calHead = document.getElementById('bcHead');
   tr = document.createElement('tr');
   for(t = 0; t < 7; t++){
       th = document.createElement('th');
       th.abbr = headDays[t];
       scope = 'col';
       th.title = headDays[t];
       th.innerHTML = headInitial[t];
       tr.appendChild(th);
      }
   calHead.appendChild(tr);
for (x = 0; x <bcInit.length;x++){
     var stripYear= bcInit[x].href.split('_')[0].split('/')[3];
     var stripMonth = bcInit[x].href.split('_')[1];
     bcList.push(stripMonth + ','+ stripYear + ',' + x);
     bcNav.push(bcInit[x].href);
     }
var sel = document.createElement('select');
sel.id = 'bcSelection';
sel.onchange = function(){var cSend = this.options[this.selectedIndex].value.split(',');openStatus();callArchive(cSend[0],cSend[1],cSend[2]);};
q = 0;
for (r = 0; r <bcList.length; r++){
       var selText = bcInit[r].innerHTML;
       var selCount = bcCount[r].innerHTML.split('> (')[1];
       var selValue = bcList[r];
       sel.options[q] = new Option(selText + ' ('+selCount,selValue);
       q++
       }
   document.getElementById('bcaption').appendChild(sel);
   var m = bcList[0].split(',')[0];
   var y = bcList[0].split(',')[1];
   callArchive(m,y,'0');
}

function timezoneSet(root){
   var feed = root.feed;
   var updated = feed.updated.$t;
   var id = feed.id.$t;
   bcBlogId = id.split('blog-')[1];
   upLength = updated.length;
   if(updated.charAt(upLength-1) == "Z"){timeOffset = "+00:00";}
   else {timeOffset = updated.substring(upLength-6,upLength);}
   timeOffset = encodeURIComponent(timeOffset);
}

//]]>
</script>
<script src='/feeds/posts/summary?max-results=0&alt=json-in-script&callback=timezoneSet'></script>

Clique em SALVAR MODELO, se receber alguma mensagem de erro verifique novamente os passos dados.
Clique em ELEMENTOS DE PÁGINA e depois em EDITAR no widget ARQUIVOS e a seguinte janela aparecerá que deverá ser configurado do seguinte modo, apenas o título é escolha livre, configure o resto de acordo com a seguinte imagem:

Se quiser mudar o estilo do seu calendário, AQUI pode encontrar estilos diferente para o seu calendário

Atalhos para os códigos
Passo 1
Passo 2

fonte e créditos do presente post:

http://ricardouk.no.sapo.pt/widgets/calendario_arquivo.html?

você está em:

http://aprender-ensinar-compartilhar.blogspot.com

Aprenda Como:..."Inscrever-se atraente a Caixa de Pesquisa + Secção Pará Blogger"

2010-10-03T05:36:00.001-07:00

" Inscrever-se atraente a Caixa de Pesquisa + Secção Pará Blogger"

"...Como Veja outras Mais atraente Inscrever Seção + Caixa de Pesquisa n º blog.This Inscrever blogueiro Seu Seção estabele incluido Feedburner feed e Caixas de Assinaturas de e-mail, como Caixas de Twitter e Facebook par o Perfis do Facebook e Twitter e Botões de Redes Sociais (Digg, Twitter, Facebook, Delicious) OS SEUS ARTIGOS Partilhar parágrafo, Dentre social networks.These Botões de Redes Sociais São alimentados Por Seção Inscrever www.addthis.com.Above, a CAIXA Pesquisar e included.You nao Quero Mudar Nada nd a Caixa de Pesquisa code.To Veja outras ESSE widget nd barra lateral do Blogger, SEM modificação QUALQUÉR Fazer uma Barra da Height serviços desen lateral Pelo Menos de 305 px. Veja outras PoDE Voce Este Inscrever Seção + Caixa de Pesquisa blog Seu in Dentro de poucos Segundos e Muito Fácil de configure.If gostaria de Veja outras ESSE widget AO Seu blog site UM OU, SIGA OS Passos Abaixo."

1.Login não Seu Painel do Blogger -> Design -> Novo Depósito HTML

2.Scroll comeu Onde VOCÊ PoDE ver </ head> tag.

3.Copy Código Abaixo e cole- os antes de POUCO o </ head> tag.

<style type="text/css">
. subbox (width: 305px; border: 0 solid # 141414; overflow: hidden)
. addthis_toolbox (padding: 5px 15px 0 0; text-align: center)
. . hum addthis_toolbox custom_images (width: 32px; height: 32px; margin: 0 0 4px 4px; padding: 0)
. . addthis_toolbox custom_images a: hover img (opacity: 1)
. . addthis_toolbox img UMA custom_images (opacity: 0.85)
. rssbox (background: # f7f6f6; Fronteira:; preenchimento 1px solid # ccd1d7: 5px 10px; margin: 10px 0 0 0;-moz-border-radius: 10px; - khtml-border-radius: 10px;-webkit-border-radius : 10px; border-radius: 10px; width: 125px)
. rssbox: hover (border: 1px solid # 92aed1)
. rssbox a (color: # 7c8a9b; text-transform: uppercase; text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif)
. rssbox a: hover (color: # 7c8a9b; text-decoration: underline)
. emailsbox (background: # f7f6f6; Fronteira:; preenchimento 1px solid # ccd1d7: 5px 10px; margin: 10px 0 0 0;-moz-border-radius: 10px; - khtml-border-radius: 10px;-webkit-border-radius : 10px; border-radius: 10px; width: 125px)
. emailsbox: hover (border: 1px solid # 92aed1)
. emailsbox a (color: # 7c8a9b; text-transform: uppercase; text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif)
. emailsbox a: hover (color: # 7c8a9b; text-decoration: underline)
. twitterbox (background: # f7f6f6; Fronteira:; preenchimento 1px solid # ccd1d7: 5px 10px; margin: 10px 0 0 0;-moz-border-radius: 10px; - khtml-border-radius: 10px;-webkit-border-radius : 10px; border-radius: 10px; width: 125px)
. twitterbox: hover (border: 1px solid # 92aed1)
. twitterbox a (color: # 7c8a9b; text-transform: uppercase; text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif)
. twitterbox a: hover (color: # 7c8a9b; text-decoration: underline)
. facebookbox (background: # f7f6f6; Fronteira:; preenchimento 1px solid # ccd1d7: 5px 10px; margin: 10px 0 0 0;-moz-border-radius: 10px; - khtml-border-radius: 10px;-webkit-border-radius : 10px; border-radius: 10px; width: 125px)
. facebookbox: hover (border: 1px solid # 92aed1)
. facebookbox a (color: # 7c8a9b; text-transform: uppercase; text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif)
. facebookbox a: hover (color: # 7c8a9b; text-decoration: underline)
# Search (width: 290px; padding: 2px 2px; background: # f7f6f6; border: 1px solid # ccd1d7; Altura: 28px; margin-top: 0; margin-left: 5px; display: inline; float: left)
# Search: hover (border: 1px solid # 92aed1)
# Formulário de Pesquisa (margin: 0; padding: 0)
# Pesquisa fieldset (margin: 0; padding: 0; border: none)
Pesquisa p # (margin: 0; font-size: 85%)
# S (width: 200px; margin: 0 0 0 0; padding: 5px 5px 5px 5px; border: none; font: normal 80% "Tahoma", Arial, Helvetica, sans-serif; color: # 000; float: Fundo ; Esquerda: # f7f6f6; display: inline)
# Searchsubmit Entrada (float: right; display: inline; margin: 0 0 0 0; height: 28px; background: # b2b2b2; color: # 000; border: 0 solid # 222)
</ Style>

Salve o Seu Modelo.

4.Now ir parágrafo Design - Page> Elementos e camarilha in "gadget adicionar '.

5.Select "html / java script" e adicione o Código Abaixo e clique Salvar in.

class = "subbox" div> <
<div id='search' style='display:inline;'>
<form action = "/ search" id='searchform' method='get'>
<input id = "s" name = onblur "q" = "if (this.value ==" ") (this.value =" Pesquisa ...";}" onfocus = "if valor (this. ==" Procura ...") (this.value = Tipo "";}" = "text" value = "procurar ..." />
<input id="searchsubmit" type="submit" value="Search" />
</ Form>
</ Div>
<table> <tr>
<div class="rssbox"> <td>
<A href = "http://feeds.feedburner.com/FeedBurner-ID"target =" "rel =" nofollow "_blank"> <img src = "http://2.bp.blogspot.com/_4HKUHirY_2U/ TKgvwDojM1I/AAAAAAAADgU/tBRpYkXIVho/rss.png "alt =" RSS "title =" RSS "style =" vertical-align: middle; Margem Direita: 5px; border: none; "/> </ a> <a href = "http://feeds.feedburner.com/FeedBurner-ID"target =" "rel =" _blank "nofollow"> RSS Feed </ a>
</ Div> </ td>
<div class="emailsbox"> <td>
<A href = http://feedburner.google.com/fb/a/mailverify?uri "=FeedBurner-ID"target =" "rel =" nofollow "_blank"> <img src = "http://1. bp.blogspot.com/_4HKUHirY_2U/TKgvv1xjnUI/AAAAAAAADgE/XnHFsRwk1Js/email.png "alt =" E-mail Feed "title =" E-mail Feed "style =" vertical-align: middle; Margem Direita: 5px; border: none; "/ > </ a> <a href = "http://feedburner.google.com/fb/a/mailverify? uri =FeedBurner-ID"target =" "rel =" _blank ">" nofollow Email Feed </ a>
</ Div> </ td>
</ Tr> <tr>
<div class="twitterbox"> <td>
<A href = "http://twitter.com/Twitter - USERNAME"target =" "rel =" _blank "> <img src =" nofollow http://2.bp.blogspot.com/_4HKUHirY_2U/TKgvvhhVo_I/AAAAAAAADf8 / IE38PfZs7sE/twitter.png "alt =" Twitter "title =" Twitter "style =" vertical-align: middle; Margem Direita: 5px; border: none; "/> </ a> <a href =" "target = "http://twitter.com/TWITTER-USERNAME rel" _blank = "nofollow"> Twitter </ a>
</ Div> </ td>
<div class="facebookbox"> <td>
<A href = "http://www.facebook.com/FACEBOOK - USERNAME"target =" "rel =" nofollow "_blank"> <img src = "http://2.bp.blogspot.com/_4HKUHirY_2U/ TKgvv-pobaI/AAAAAAAADgM/1wAlSk8_1yY/facebook.png "alt =" Título Facebook "=" Facebook "style =" vertical-align: middle; Margem Direita: 5px; border: none; "/> </ a> <a href = "http://www.facebook.com/FACEBOOK-USERNAME" rel = "_blank" = "nofollow"> Facebook </ a>
</ Div> </ td>
</ Tr> </ table>
<p style="display:none;" align="center"> Widget by <a href="http://www.bloggertipandtrick.net/" target="_blank"> Blogger Dicas e Truques </ a> </ p>
class = 'addthis_toolbox' div> <
class = 'custom_images' div> <
'Twitter' <a class='addthis_button_twitter'> <img alt = height = '32 'width = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMxmQRC858wXxlEVqb7nILf-WpPAIz9ONgYJSyuAQRZ2Gjlhkv4dnEhheaolxYpXemtuEt6JO2HKaeFqE4FeSEp5RR9XlGVGpG4fUCxdbGFNoHXQdygiFaMpVbviGa8oW_6GJ5zBYGdDM/" src = " 32'/></ a>
'Delicious' <a class='addthis_button_delicious'> <img alt = height = '32 'width = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU5iUHHouxkHJREkllwAX8QqGv6CNDC-emtnq1GiEDUDeWfIW13Vf80V7Y0gdzodOaDNOLwBT8Kx7mKKOmkWHnpUZEAWiAhKl1zBhJ8KwkFIFzkO-ZmYiPy8AODZMjCcp74Kv8G1R5lEE/" src = " 32'/></ a>
'Facebook' <a class='addthis_button_facebook'> <img alt = height = '32 'width = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2sQ-rfvoTfJMu0S-QLl_sAtDQTnlO7KX55TRiXsHHbrNiU-v3RfCFyRKpVhmKpT1CJnUdIYDBBu0aci_oog1ykjRSP2hyphenhyphenP2_oqtSppbz_rORdteCxPH4379hHCAQXGBoZXHfFuPuT_Pg/" src = " 32'/></ a>
'Digg' <a class='addthis_button_digg'> <img alt = height = '32 'width = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjwVrI3zhKcaT-2FA2VuUN0-XcueglZwr6ZgzilQkAYKY4iTuOXKxBa3CyEk9dhh7AagnZdpQevOamAjQg_F6OVdVvkrX_c_jeQUP6oO3zzx2j1zCDN7rvRa90_Nv-uSHYjsdspaiWS90/" src = " 32'/></ a>
Height <a class='addthis_button_stumbleupon'> <img alt = height 'Stumbleupon' = https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNPOkXpvWOpcLMqSl0yD3X7xUzdwF-LcoD1n-8NXngyuTZmO6IHP0lpeBaq_DtUBEcceKhR8yeYuwraknMkuekeLCmkPGlBmO5iz0LNA8MMI9Ny4JfJePSehvfTVPSm2ER2-CjWRwkPII/ '32 'src =' = '32'/></ a>
'Favoritos' <a class='addthis_button_favorites'> <img alt = height = '32 'width = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDEBQAyvSi2GLXi1cujsV426c395Ta19ynqLNw30oRq0wlWOzdRFzJK4DEul3v-3aEVDHNn-AhaxFcpBOhYOm7q6IathNW7cnbT_d3nLx2SXQjeYyTo_d17l-YeqP2yyi_od_YAal4PxY/" src = " 32'/></ a>
'Mais' <a class='addthis_button_more'> <img alt = height = '32 'width = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8k6Jh0HrzYIZBlq20-AcnBmt7byf3EEp76VEEOVq0_n-Ude2vloyGBsTjdoRM0q8EfItI5Ba1GiY7HkK1A9sa8yZOQmmczmPLhlWbwDZkdOP0n2g2rpZsZ2yVdtVfyB4WM9tf0aK8rlE/" src = " 32'/></ a>
</ Div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
</ Div>
</ Div>

NOTA : LEMBRE-SE Substituir,

FeedBurner ID- o com Seu real Feedburner ID. (4 vezes).
Twitter - USERNAME com o Seu Nome Twitter real.
FACEBOOK - USERNAME com o Seu Nome Facebook real.

" This Feito."

Posts relacionados

fonte e créditos do presente post:

http://www.bloggertipandtrick.net/

2010/10/subscribe-section-search-box-to-blogger.html

você está em:

http://aprender-ensinar-compartilhar.blogspot.com

favicon

2010-09-28T22:08:00.001-07:00

fonte:
http://www.dihitt.com.br/n/internet/
2010/09/28/o-que-e-um-favicon-sabes-#972079

você está em:

http://aprender-ensinar-compartilhar.blogspot.com

"O que é um favicon?" ...sabes?...

2010-09-28T17:59:00.000-07:00

Informações Gerais

O que é um favicon?
Qual é favicon.com ?
Onde e quando será o nosso favicon ser visto?
Qual é a maneira mais rápida de obter um favicon?
Como faço para ter o meu favicon profissional feito ?
E se eu quiser fazer o meu favicon no meu próprio país?
O que é um arquivo ico ?
Não é um arquivo ico apenas bmp um renomeado ?
Que outros sites que devo considerar olhando?
Mostre-me alguns comentários.
Quem é o patrocinador Favicon.com atual?
Eu tenho algumas sugestões / atualizações para o seu site. O que devo fazer ?

O que é um favicon?
Favicon (pronuncia-se fav -olho -con) é a abreviatura de "   Favorites Icon ".                 Um ícone é um multi-resolução imagem incluída em quase todos os profissionais                 sites desenvolvidos. No Internet Explorer o Favicon é exibido                 na linha de endereço e, no menu Favoritos. O Favicon permite                 o webmaster para promover o seu site, e criar um ambiente mais                 aparência personalizada no navegador do visitante. Muitas vezes, o Favicon                 reflete o olhar e a sensação do site ou da organização                 logotipo.

Qual é Favicon.com ?
Favicon.com ajuda webmasters desenvolver Favicons para seus próprios sites,                 pela prestação de um serviço profissional de design ícone e fornecendo                 software para os visitantes que desejam construir seus próprios.

Onde e quando será o nosso Favicon ser visto?
O Favicon foi popularizado pela primeira vez a sua aparição no endereço                 Bar e pasta de favoritos usando o Internet Explorer e agora é um                 acessório de destaque da web browsers como o Mozilla e Netscape.                 Cada navegador tem uma interface de utilizador único, e como resultado                 usa o Favicon de maneiras diferentes. detalhes adicionais , por favor                 Confira nossa documentação no web browsers específicos, tais como Konqueror, INTERNET EXPLORER, GALEONE MOZILLA/NETSCAPE.

Qual é a maneira mais rápida                 obter um Favicon ?
Vamos fazer o trabalho para                 você! Trabalhando a partir do olhar e sente de seu web site , ou qualquer                 imagens que você deseja fornecer , vamos criar um Favicon fabulosa                 compatível com vários navegadores. Depois de seu pedido, você será                 solicitado a carregar todas as imagens e / ou comentar sobre suas preferências.

Como faço para ter meu Favicon profissionalmente                 feito?
Favicon.com se orgulha de oferecer profissional                 Serviços de concepção Favicon aos nossos visitantes. Por US $ 75 que nós criamos                 um favicon personalizado com base na aparência de seu site,                 ou qualquer imagem que você gostaria de nos de trabalhar com ele. Este preço inclui                 entrega de dois ícones distintos, incluindo 256 cores , 32x32                 e 16x16 projetos pixels . Depois que você encomendar , você será imediatamente                 solicitado a carregar todas as imagens e para nos dar as diretrizes para                 criar seu ícone. tempo de entrega típica de é três ou quatro empresas                 dias. Após a entrega, você pode solicitar um conjunto de revisões , sem                 custo adicional.

Se você precisar de um Favicon em menos tempo , oferecemos                 um serviço expresso.                 Por 125 dólares , podemos entrega um Favicon em um dia útil. Para obter mais                 informações, favor enviar e-mail info@favicon.com.

E se eu quiser fazer meu Favicon                 por conta própria?
Se você deseja criar o seu Favicon próprio , você pode usar nosso livre online                 editor. Para funcionalidades mais avançadas, d ownload                 Icon Forge - Edição Favicon ou fim                 uma cópia por e-mail.

O que é um arquivo ico ?
Um arquivo de ico é na verdade um repositório de bitmap como imagens de . Eles                 são usados porque, em alguns locais, uma imagem de 16x16 pixels é desejada,                 e às vezes uma imagem 32x32 pode ser necessária. Às vezes, uma cor de 16                 imagem desejada , e às vezes um ícone de 256 cores é desejada. Este                 repositório é sondada para o tamanho da imagem / contagem cor apropriada                 para a localização ea capacidade do computador de cor. Se a imagem                 não é o ideal , pode ser comprimido, expandido, e / ou cores podem                 ser modificada a produzir resultados inesperados.

Não é um arquivo ICO apenas um renomeado                 BMP?
NO. algumas pessoas disseram um ico é um BMP , isso não é                 verdadeiro. Pense em um arquivo ICO como um repositório de imagens BMP. Tem                 seu próprio formato. Se você tem um bmp de 16x16 que você deseja converter , use                 um programa desenhado para a criação de ícones , ou nos contratar para                 fazer isso para você !

Que outros sites que devo considerar                 olhando?
Biblioteca MSDN - Como adicionar um ícone de atalho para uma página da Web da Microsoft

Mostre-me alguns comentários !

http://www.javaboutique.com/ - " ... ferramenta incrível ... " Favicon.com foi # 1 no seu Top 100 Applets
Lockergnome - « dar aos seus visitantes uma lembrança Iconian !
http://www.htmlgoodies.com/tutors/favicon.html
Web Developer's
http://www.netmechanic.com/news/vol3/server_no1.htm
http://www.langa.com/newsletters/2000/mar-6-00.htm # 6 - " É fácil --- check it out! "
http://www.webdevelopersjournal.com/articles/favicon.html

fonte e créditos:

http://favicon.com/

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Caso queira , dê uma vista em:

http://bbbuggg.blogspot.com

tem mais...
;)
http://aprender-ensinar-compartilhar.blogspot.com

..." Com foco Efeito CSS Gallery"...

2010-09-28T09:41:00.001-07:00

27Setembro2010

Com foco Efeito CSS Gallery

..." galeria dá Miniatura extravagante? FOI UMA IDEIA SOHTANAKA ALGUMAS Mudanças UE decidiu Fazer, POIs era Espaço hum ter sempre exigir generosos para mostrar."

" Em Dynamic Drive NÓS paramentos para Solução para COM MESMO âmbito Efeito ou CSS, podemos tout Através de Imagens e ALGUMAS obter o número de passos simples."

A desvantagem? Só in E:

Não o Google Chrome,

Safari ou 4 +,

ou o Opera 9.5 +

e FF 3.6

Modelo, logotipo epidêmico ]]></ b: skin>


<style type="text/css"> /

* Créditos: Dynamic Drive CSS

* / Biblioteca /

URL: http://www.dynamicdrive.com/style/

* /. img Hovergallery

(-webkit-transform: escala (0,8), /

* Webkit: Reduzir para 0,8

* nenhuma imagem Tamanho original /

-moz-transform: escala (0,8), /

* Mozilla * escala da version /

-O-transform: escala (0,8), /

* Opera * version escala da /

-webkit-Transição Duração: 0.5s /

* Webkit: Animação Duração

*-moz-Transição Duração /: 0.5s, /

* Duração * Versão do Mozilla-O-Transição Duração /: 0.5s, /

 * Duração

* Versão do Opera opacidade /: 0,7; / imagens opacidade inicial

* / margin: 0 10px 5px 0; /

* * Margem Entre imagens / .)

 Hovergallery img: hover

(-webkit-transform: escala (1,1), /

* Webkit: Escala comeu 1.2x

* Tamanho da imagem original /

-moz-transform: escala (1,1), /

* Mozilla * escala da version /

-O-transform: escala (1,1), /

* Opera * version escala da /

-sombra caixa: 0px 0px 30px Cinza /

shadow CSS3 *: 30px sombra desfocada da imagem em torno de metros AO

* /-webkit caixa de sombra: Cinza 30px 0px 0px /

* Safari * Um version /

shadow-moz-box-shadow: 0px 0px 30px Cinza /

* Mozilla *

sombra Versão opacidade /: 1;)

</ Style>

HTML dispositivo de entrada que vai Exibir autor UO tem imagens.


class = "hovergallery">

<div <img src = "URL da Imagem -1"/>

<img src ="URL da Imagem -2"/>

<img src ="URL da Imagem -3"/>

<img src = "url-imagem -4"/ div> </>

fonte e créditos do presente post:

http://gemablog-.blogspot.com/2010/09/galeria-con-css-efecto-hover.html

você está em:

http://aprender-ensinar-compartilhar.blogspot.com

Veja Como se Faz:..."Colocando efeito "marquee" no BlogList"

2010-09-27T18:35:00.001-07:00

" Colocando efeito " marquee" no BlogList"

..." o efeito marquee (deslizante) no widget de Bloglist,

mais conhecido como BlogRoll"

" A primeira coisa a fazer é configurar seu widget e deixá-lo como no exemplo inclusive o título deverá ser escrito assim. (depois vc poderá modificar)"

... vá até o HTML de seu blog, clique em "    Expandir modelos de widget",
..." procure pelo seguinte código"...:

<b:widget id='BlogList1' locked='false' title='Amigos que visito' type='BlogList'>
<b:includable id='main'>
      <b:if cond='data:title != ""'>   <div id='blog-list-title'>   <h2 class='title'><data:title/></h2>   </div>   </b:if>

   <div class='widget-content'>   <div class='blog-list-container' expr:id='data:widget.instanceId + "_container"'>

/\...Abaixo dele cole o seguinte código:

" Os códigos ...
..." na cor laranja representam o tamanha da caixinha marquee,
o código em roxo é o sentido que vai rolar. (Up---cima / Down ---baixo)

...." procure o seguinte trecho":

<b:include name='quickedit'/> </div> </div> </b:includable>
</b:widget>

/\..." cole acima dele o código abaixo"

</marquee></center>

...se estiver tudo certo"...
..."   salve".

"   O código ...

..." deverá ficar assim:(partes em preto já devem existir, partes em vermelho foram acrescentadas. "

<b:widget id='BlogList1' locked='false' title='AMIGOS QUE VISITO' type='BlogList'>
<b:includable id='main'>
   
   <b:if cond='data:title != ""'>
   <div id='blog-list-title'>
   <h2 class='title'><data:title/></h2>
   </div>
   </b:if>
   <div class='widget-content'>
   <div class='blog-list-container' expr:id='data:widget.instanceId + "_container"'>
<center><marquee direction='up' height='250' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='5' style='BORDER-RIGHT: #fff 3px ridge; BORDER-TOP: #fff 3px ridge; BORDER-LEFT: #fff 3px ridge; BORDER-BOTTOM: #fff 3px ridge' width='160'>

   <ul expr:id='data:widget.instanceId + "_blogs"'>
   <b:loop values='data:items' var='item'>
   <li expr:style='data:item.displayStyle'>
   <div class='blog-icon'>
   <b:if cond='data:showIcon == "true"'>
   <input expr:value='data:item.blogIconUrl' type='hidden'/>
   </b:if>
   </div>
   <div class='blog-content'>
   <div class='blog-title'>
   <a expr:href='data:item.blogUrl' target='_blank'>
   <data:item.blogTitle/></a>
   </div>
   <div class='item-content'>
   <b:if cond='data:showItemThumbnail == "true"'>
   <b:if cond='data:item.itemThumbnail'>
   <div class='item-thumbnail'>
   <a expr:href='data:item.blogUrl' target='_blank'>
   <img alt='' border='0' expr:height='data:item.itemThumbnail.height' expr:src='data:item.itemThumbnail.url' expr:width='data:item.itemThumbnail.width'/>
   </a>
   </div>
   </b:if>
   </b:if>
   <b:if cond='data:showItemTitle == "true"'>
   <span class='item-title'>
   <b:if cond='data:item.itemUrl != ""'>
   <a expr:href='data:item.itemUrl' target='_blank'>
   <data:item.itemTitle/></a>
   <b:else/>
   <data:item.itemTitle/>
   </b:if>
   </span>
   </b:if>
   <b:if cond='data:showItemSnippet == "true"'>
   <b:if cond='data:showItemTitle == "true"'>
   -
   </b:if>
   <span class='item-snippet'>
   <data:item.itemSnippet/>
   </span>
   </b:if>
   <b:if cond='data:showTimePeriodSinceLastUpdate == "true"'>
   <div class='item-time'>
   <data:item.timePeriodSinceLastUpdate/>
   </div>
   </b:if>
   </div>
   </div>
   <div style='clear: both;'/>
   </li>
   </b:loop>
   </ul>
   <b:if cond='data:numItemsToShow != 0'>
   <b:if cond='data:totalItems > data:numItemsToShow'>
   <div class='show-option'>
   <span expr:id='data:widget.instanceId + "_show-n"' style='display: none;'>
   <a href='javascript:void(0)' onclick='return false;'><data:showNText/></a>
   </span>
   <span expr:id='data:widget.instanceId + "_show-all"' style='margin-left: 5px;'>
   <a href='javascript:void(0)' onclick='return false;'><data:showAllText/></a>
   </span>
   </div>
   </b:if>
   </b:if></marquee></center>
   <b:include name='quickedit'/>
   </div>
   </div>
  </b:includable>
</b:widget>

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

fonte e créditos do presente post:

http://templateseacessorios.blogspot.com

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

http://aprender-ensinar-compartilhar.blogspot.com

compartilhe

2010-09-26T12:32:00.001-07:00

http://aprender-ensinar-compartilhar.blogspot.com

► vivo in mundo blogger ... vivoemmundoblogger

dicas e truques do Blogger

top comentaristas em forma de nuvem

" top comentaristas em forma de nuvem"

ótimo " tuto", visto em Gema@

" Top de comentaristas en forma de nube"

comentadores como uma nuvem

"Política de Privacidade - Google AdSense"

" » Como instalar colocar o blog com o modelo antigo (usado até junho de 2010)"

" Como instalar colocar o blog com o modelo antigo (usado até junho de 2010)"

"Por que é importante deixar comentários em outros blogs ?"

código...translate...para quem ainda não pegou o código...

...translate...para quem ainda não pegou o código...para por no blog...

Google Website Translator Gadget

Adicione a tradução ao seu site

saiba como se faz:..."Expandir e recolher qualquer gadget"

Expandir y contraer cualquier gadget

"Expandir e recolher qualquer gadget"

" Como Fix " O Google Friend Connect não é exibido" Problema "

Tradução do inglês para português

Blogger Tips And Tricks

criar e hospedar um favicon simples...(IconJ):

IconJ: criar e hospedar um fa"vicon simples

arquivo do blog em forma de calendario, como se faz?

" Como adicionar um calendário/arquivo ao seu blog"

Aprenda Como:..."Inscrever-se atraente a Caixa de Pesquisa + Secção Pará Blogger"

" Inscrever-se atraente a Caixa de Pesquisa + Secção Pará Blogger"

favicon

Notícias relacionadas por tags:

"O que é um favicon?" ...sabes?...

..." Com foco Efeito CSS Gallery"...

Com foco Efeito CSS Gallery

Veja Como se Faz:..."Colocando efeito "marquee" no BlogList"

compartilhe