Pesquisar neste blogue

sábado, 27 de fevereiro de 2010

Cientistas Alertaram Governo Regional Madeira para Tragédia veja YouTube Videos

Buzz This

A tragédia que ocorreu na Ilha da Madeira podia ter sido evitada. O Governo Regional da Madeira, foi alertado por vários cientistas que foram apelidados de "Loucos".

Como loucos também são apelidados os cientistas e investigadores que lançaram o alerta em relação ao sismo que ainda há bem pouco tempo atingiu Àtila na Itália, como os que alertaram para o risco de catástrofe se ocorre-se um terramoto no Haiti, e loucos têm sido chamados os cientistas que têm lançado os alertas em relação ás medidas a tomar para minimizar o risco de catástrofe na ocorrência de um sismo em Lisboa.


Veja a noticia do Expresso em relação à catástrofe que se Abateu sobre a Ilha da Madeira.

"Desde há pelo menos quatro anos que vários cientistas têm feito alertas ao Governo Regional para o perigo que pairava sobre a ilha da Madeira . Um dos avisos foi transmitido no programa Bioesfera, exibido pela RTP2 há dois anos. (Veja os vídeos com o programa e leia o estudo em pdf no final do texto) 

A tragédia que se abateu sobre a ilha da Madeira era expectável. Há cerca de dois anos, vários especialistas ouvidos pelo programa Bioesfera, da RTP2, davam conta da vulnerabilidade da Madeira a fenómenos naturais como cheias e aluviões.

O trabalho jornalístico, transmitido em Abril de 2008 e coordenado por Arminda Deusdado, alerta para a inexistência de cartas de risco na maioria dos municípios da ilha, para a contínua construção ao longo dos cursos de água ou sobre os leitos das ribeiras, ou mesmo para o estreitamento e canalização destas com consequências para o ambiente e para a segurança de pessoas e bens.
Na altura, como agora, o Governo Regional da Madeira recusou prestar declarações e fazer o contraditório dos factos apresentados.
Mas antes deste programa ir para o ar, já outros alertas tinham chegado aos governantes madeirenses.
As propostas dos "cientistas loucos" Em 2006, um grupo de investigadores da Universidade de Aveiro apresentou no 10º Congresso Nacional de Geotectina, em Lisboa, um estudo sobre as consequências da construção excessiva no concelho do Funchal, desde o aluvião registado em 1993.
Intitulada "Impacte Ambiental Provocado pela Construção subterrânea na baixa citadina do Funchal", a investigação desenvolvida por João Batista Silva, Fernando Almeida e Celso Gomes, chama a atenção para "a crescente construção na baixa citadina do Funchal". Para os académicos, "o estreitamento e ocupação dos leitos das ribeiras conduziram à impermeabilização do solo e subsolo, que tem vindo a danificar o património edificado, e que representa um perigo crescente face à possível ocorrência de cheias".
Os especialistas, que foram apelidados de "cientistas loucos", pelos governantes madeirenses, sugeriram então seis medidas "para minimizar os efeitos das aluviões":
1 - Recuperação da floresta indígena (Laurissilva) nas zonas montanhosas e nas cabeceiras dos principais cursos de água para aumentar a infiltração de água e combater a erosão dos solos;
2 - Planeamento do território que envolva a gestão integrada dos recursos hídricos;
3 - Identificação, caracterização, controlo e monitorização do movimento de depósitos nas ribeiras, que possam dar origem a escorregamentos e/ou correntes de lamas;
4 - Remoção de vegetação, materiais geológicos e entulhos e lixos do leito das ribeiras;
5 - Definição de um modelo hidrodinâmico capaz de prever em tempo real a ocorrência de cheias na baixa citadina e gestão dos canais de escoamento;
6 - Elaboração de cartas de risco de cheias (Aluvião) que tenha em conta para uma dada área as condições geológicas, geomorfológicas, pedológicas e hidrológicas."


Veja os vídeos com um excerto do programa Biosfera colocados no YouTube


Tragédia na Madeira: Um desastre já anunciado há dois anos

(YouTube Video Parte 1/2)


Tragédia na Madeira: Um desastre já anunciado há dois anos

(YouTube Vide Parte 2/2)



Clique para aceder ao índice do
DOSSIÊ CATÁSTROFE NA MADEIRA

Download Guia Google Optimização SEO Português

Buzz This
Google SEO Starter Guide Download
Ajuda Blogger, Webmaster Dicas, Tips and Trics. Faça o Download do Guia Google de Optimização SEO em Português. O Google SEO Starter Guide, é uma ferramenta de ajuda indespensável a qualquer Webmaster e Blogger. Português do Google disponibilizou um documento de optimização SEO intitulado de Google SEO Starter Guide. Este documento é imprescindivel para criar um blogue website de sucesso, aprender as técnicas SEO fazer com que o seu blogger obtenha uma melhor indexação no rastreio dos motores de busca e consequentemente um maior número de visitantes.

download Google SEO Starter Guide em português

Ajuda Blogger SEO Como Colocar Meta Tags no seu Blogspot Blogger

Buzz This
Blogger Help Meta Tags
Ajuda Blogger Help SEO Optimizando o Blogger Blog Para optimizar o Blogger para os motores de busca, crawlers, Search Engine Robots é importante incluir-lhe Meta Taggs. Experimente estas dicas, aguarde algum tempo e vai notar a diferença na indexação do seu blogger blog.

Copie o texto abaixo e Substitua:
  1. Seu email aqui por seu e-mail.
  2. Suas tags pelas tags de seu blog separadas por vírgula
  3. Descrição de seu site pela descrição do seu blog (no máximo 160 caracteres).
  4. Seu nome aqui pelo seu nome.

<link href='mailto:Seu email aqui' rev='made'/><br />
<b:if cond='data:blog.url == data:blog.homepageUrl'><br />
<meta content='Suas tags aqui separadas por vírgula' name='keywords'/><br />
<meta content='Descrição de seu site aqui' name='description'/><br />
</b:if><br /> <meta content='Seu nome aqui' name='author'/><br />
<meta content='index,follow' name='ROBOTS'/>

Agora, entre no seu blogger blog, procure no seu template pelo código abaixo e coloque o  código acima logo abaixo de:

<title><data:blog.pageTitle/></title>

Antes de qualquer alteração faça um backup de seu template.

Pronto, agora o seu Blogger blog já possui Meta Tags. è só esperar algum tempo e irá notar a diferença na indexação no ranking dos motores de busca

segunda-feira, 15 de fevereiro de 2010

Dicas Blogger Page Navigator Hack

Buzz This
Webmaster Blogger Tools. Dicas Blogger. Customizar o template no Blogger (Blogger Page Navigator), mudando os links de navegação de página padrão do Blogger, numerando cada página. Para facilitar a navegabilidade de seu blog é importante e uma formas de permitir que o visitante percorras suas páginas uma por uma, passando pelo conteúdo que deseja. O modelo apresentado é como ilustra a imagem.

Introdução e recomendações.
Faça um Backup do Template antes de efectuar alterações
  • Paginação Numerada para Blog
  • Personalizar Links de Navegação do Blogger
Antes de fazer qualquer modificação no seu blogue, teste em num blog preparado para isso e faça um backup completo do seu blog original para poder reverter as mudanças caso algo corra mal.

Inserindo paginação numerada no Blogger.
O modelo que vou mostrar, encontrei no blog Blogger Widgets (em inglês). Veja o artigo original caso tenha alguma dúvida:
Proceda da seguinte forma:

1. Abra o painel do Blogger, clique no menu “Layout” > “Editar HTML”. No código fonte de seu blog procure pela seguinte linha:

]]></b:skin>

2. Imediatamente ACIMA dela cole o seguinte trecho de CSS (que determina as caracteríticas dos elementos que serão usados):

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

4. Não altere nada aí e agora procure por </body> que estará bem no final do código-fonte. Também, imediatamente ACIMA dele, cole o trecho que segue:
<!-- Inicio do codigo de navegação de Páginas -->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
<!-- Final do codigo de navegação de Páginas -->

O coloque o número adequado para o padrão do seu blog.

Como pode ver, existem alguns parâmetros customizaeis neste codigo
var pageCount=5;
O número na linha de código acima, determina a quantidade posts exibidos por página,
var displayPageNum=5;
O número na linha de código acima, determina a quantidade de números de navegação de páginas que serão mostrados.
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
Estas duas linnhas determinam o texto que será mostrado para previous page and next page respectivamente.

Label Fix

Por defeito,,as blogger label pages mostram 20 posts.We Temos de alterar este valor para o valor que defenimos na variável pageCount (ou posts per page). Agora temos de editar o template

How to Edit the template to cut short the posts per page?

Vamos a Edit HTML, expandir modelos do Widget Templates
Procuramos pela linha de código HTML abaixo
'data:label.url'
(incluindo quotes) e substituimos tudo pela linha abaixo
'data:label.url + &quot;?&amp;max-results=5&quot;'
Aqui, o número 5 representa o nº de posts a mostrar por pagina.
Se estiver a usar a label cloud widget phydeaux3, procura:
a.href = &#39;/search/label/&#39;+encodeURIComponent(t);
e substitui por
a.href = &#39;/search/label/&#39;+encodeURIComponent(t)+&#39;?&amp;max-results=5&#39;;

Novamente o número 5 representa o nº de posts a mostrar por pagina.
Agora o Blogger Page Navigation deve estar a funcionar no teu blog. :)

O número na linha azul é a quantidade de números que aparecerão nos links de navegação. Escolha a quantidade de acordo com a estética e largura da área de postagem.
5. Salve e veja o resultado em seu blog

Creditos: Codes de Abu Farhan  Abu Farhan e Muhammad Rias Techie Blogger . Numbered Page Navigation For Blogger.

domingo, 14 de fevereiro de 2010

Search Engine Optimization SEO Toolkit Download

Buzz This
Dicas Webmaster Blogger Tools, Search Engine Optimization (SEO): Free SEO TOOLKIT WEBSITE ANALYZES TOOLS FREE DOWNLOAD Increase Website Traffic and Revenue, Boost Website hits.

SEO TOOLKIT TUTORIALS FREE DOWNLOAD - Optimize Bing, Google, Yahoo e mais

Download Free SEO TOOLKIT, reveja o seu website, e optimize-o para os motores de busca. O SEO Toolkit com a sua analize detalhada e sugestões amigas dos motores de busca, permite melhorar a relevância do blogue, wesite imediatamente.

Como diz a Microsoft:
Search Engines Friendly suggestions helps improve the relevance of your website in search results right away.
Search Engine Optimization (SEO) tornou-se máis fácil.

Search Engine Optimization (SEO) Just Got Easy

Optimize mais e melhor!
Aumente o tráfego do seu Blogue Website
Analize o seu website e encontre as formas correctas de aumentar as visitas (boost website number of hits). Use as recommendações de SEO para aumentar o tráfego no seu blogue Website.
Influence and Update Search Engines

Control o website access and display e tenha o seu website bem posicionado nos search engines ranking results. Mantenha os search engines actualizados com as publicações do seu website.
 
Improve Customer Experience
Discubra e resolva problemas existentes no conteúdo e design do seu blogue website e torne-o amigo do utilizador e dos crawl robots.
"The Free SEO Toolkit has proved to be an invaluable resource in helping our Bing webmaster/SEO community analyze their websites, identify areas to optimize and improve traffic. It’s the most popular resource on the Bing Toolbox site!"
Liz Tassey, Group Product Marketing Manager, Bin

SEO Toolkit Tutorials

Uma colleção de tutorials para te ajudar a iniciar o FREE SEO Toolkit.

Saiba mais sobre o SEO TOOLKIT no site da Microsoft

sábado, 13 de fevereiro de 2010

Google Buzz Sexy Bookmarking Tool

Buzz This
Ajuda Blogger Help Como Instalar o Google Buzz Social Network Sexy
Bookmarking Tool
Na Mashable, Criaram um botão estilo o Botão de Reetwet da TweetMeme, que permite que o leitor envie os post favoritos para o Google Buzz, Via Google Reader. Mas eles não disponibilizam o código.

Com algum trabalho, adaptámos um código tipo TweetMeme, inserimos no template do Blogger, e aqui está ele a enviar posts para o Google Buzz.

A Instalação é simples. 
Entra no Blogger Dasbord >>  Layout >> Edit Html Html


Expandir Modelos do Widget




No Template, procura por esta linha de código:

<data:post.body/>
Copia o codigo abaixo e cola acima da linha, guarda o template e tem o Botão Google Buzz no topo dos posts

<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcTitle=&quot; + data:blog.title' target='_blank'><div style='text-align:right;margin-top:-42px;'><img border='0' alt='Buzz This' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeIy10JixEDwhh6YJo21Rw_5oXTZZSaSyJhm6IxE6k_U75ASyPoJSYVqvZOU3sXbKWvLUoEe154koy292OA-kuQSs3qq6v-DPMji2SkFJ0KeH_utBIKCAV-icdKZRMFfQ0ru6n9vdhvDqk/s200/Google+Buzz+This.png'/></div></a>

Se Pretender que o Botão Sexy Bookmartlet do Google Buzz fique no fim dos posts, cola o código abaixo da linha:
<data:post.body/>

<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcTitle=&quot; + data:blog.title' target='_blank'><div style='text-align:right;margin-top:-42px;'><img border='0' alt='Buzz This' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeIy10JixEDwhh6YJo21Rw_5oXTZZSaSyJhm6IxE6k_U75ASyPoJSYVqvZOU3sXbKWvLUoEe154koy292OA-kuQSs3qq6v-DPMji2SkFJ0KeH_utBIKCAV-icdKZRMFfQ0ru6n9vdhvDqk/s200/Google+Buzz+This.png'/></div></a>

Se Pretender que o Botão Sexy Bookmartlet do Google Buzz fique no rodapé dos posts, cola o código abaixo da linha:
<div class='post-footer'>


<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcTitle=&quot; + data:blog.title' target='_blank'><div style='text-align:right;margin-top:-42px;'><img border='0' alt='Buzz This' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeIy10JixEDwhh6YJo21Rw_5oXTZZSaSyJhm6IxE6k_U75ASyPoJSYVqvZOU3sXbKWvLUoEe154koy292OA-kuQSs3qq6v-DPMji2SkFJ0KeH_utBIKCAV-icdKZRMFfQ0ru6n9vdhvDqk/s200/Google+Buzz+This.png'/></div></a>

Se Pretender que o Botão Sexy Bookmartlet do Google Buzz fique na da url dos posts, cola o código abaixo da linha:
<div class='post-header-line-1'>
<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcTitle=&quot; + data:blog.title' target='_blank'><div style='text-align:right;margin-top:-42px;'><img alt='Buzz This' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeIy10JixEDwhh6YJo21Rw_5oXTZZSaSyJhm6IxE6k_U75ASyPoJSYVqvZOU3sXbKWvLUoEe154koy292OA-kuQSs3qq6v-DPMji2SkFJ0KeH_utBIKCAV-icdKZRMFfQ0ru6n9vdhvDqk/s200/Google+Buzz+This.png'/></div></a>

 Se quizer integrar Google Buzz + AddThis + TweetMeme no topo das páginas, faz assim:
(atenção: o código AddThis tem que ser gerado no site da AddThis.E um codigo individual para cada website)

 <div class='post-header-line-1'/>

<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcTitle=&quot; + data:blog.title' target='_blank'><div style='text-align:right;margin-top:-42px;'><img alt='Buzz This' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeIy10JixEDwhh6YJo21Rw_5oXTZZSaSyJhm6IxE6k_U75ASyPoJSYVqvZOU3sXbKWvLUoEe154koy292OA-kuQSs3qq6v-DPMji2SkFJ0KeH_utBIKCAV-icdKZRMFfQ0ru6n9vdhvDqk/s200/Google+Buzz+This.png'/></div></a>

    <div class='post-body entry-content'>

<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><a class='addthis_button_compact' href='http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4b4d2aa114692c88'>Share</a>
<span class='addthis_separator'>|</span>
<a class='addthis_button_live'/>
<a class='addthis_button_domelhor'/>
<a class='addthis_button_orkut'/>
<a class='addthis_button_hackernews'/>
<a class='addthis_button_misterwong'/>
<a class='addthis_button_bebo'/>
<a class='addthis_button_myaol'/>
<a class='addthis_button_multiply'/>
<a class='addthis_button_stumbleupon'/>
<a class='addthis_button_delicious'/>
<a class='addthis_button_digg'/>
<a class='addthis_button_reddit'/>
<a class='addthis_button_facebook'/>
<a class='addthis_button_myspace'/>
<a class='addthis_button_google'/>
<a class='addthis_button_twitter'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#username=xx-xxxxxxxxxxx' type='text/javascript'/>
<!-- AddThis Button END -->

<div style='float:right; margin-left:10px;'>
<script type='text/javascript'>
tweetmeme_url = &#39;<data:post.url/>&#39;;
</script>
<script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'> </script>
</div>

      <data:post.body/>

Se gostaram do artigo e lhes é útil, comentem e partilhem com os amigos

quarta-feira, 10 de fevereiro de 2010

TuneUp Your Blogger HTML Color Codes Chart

Buzz This
Ajuda Blogger Webmaster Tools Help - HTML Color Code Chart TuneUp Utilities, Tune Up Your Blogger Website
Mudar as cores de fundo (background), texto, links e borders do Template do seu blogue, blogger Website irá adicionr uma identidade especial e dar um style mais cool ao seu Blogger, Website.

Sob a guia Modelo, você verá "Fontes e Cores". Clicando isso, você será capaz de mudar as cores, tipos de fonte e tamanho das fontes do Template do Blogger, blogue, Website. No entanto as cores disponíveis na tela do Blogger são limitadas. Se não conseguir encontrar a cor que quiser, escolha um dos códigos HTML abaixo, copie o código hexadecimal adequado das cores abaixo, e cole no área de código hexadecimal na caixa de "cor" e pressione Enter. Experimente diferentes combinações, e altere-as como e quando quiser.
HTML Color Code Chart


COLOR NAMECODECOLOR
Black#000000
Grey0#150517
Grey18#250517
Grey21#2B1B17
Grey23#302217
Grey24#302226
Grey25#342826
Grey26#34282C
Grey27#382D2C
Grey28#3b3131
Grey29#3E3535
Grey30#413839
Grey31#41383C
Grey32#463E3F
Grey34#4A4344
Grey35#4C4646
Grey36#4E4848
Grey37#504A4B
Grey38#544E4F
Grey39#565051
Grey40#595454
Grey41#5C5858
Grey42#5F5A59
Grey43#625D5D
Grey44#646060
Grey45#666362
Grey46#696565
Grey47#6D6968
Grey48#6E6A6B
Grey49#726E6D
Grey50#747170
Grey#736F6E
Slate Grey4#616D7E
Slate Grey#657383
Light Steel Blue4#646D7E
Light Slate Grey#6D7B8D
Cadet Blue4#4C787E
Dark Slate Grey4#4C7D7E
Thistle4#806D7E
Medium Slate Blue#5E5A80
Medium Purple4#4E387E
Midnight Blue#151B54
Dark Slate Blue#2B3856
Dark Slate Grey#25383C
Dim Grey#463E41
Cornflower Blue#151B8D
Royal Blue4#15317E
Slate Blue4#342D7E
Royal Blue#2B60DE
Royal Blue1#306EFF
Royal Blue2#2B65EC
Royal Blue3#2554C7
Deep Sky Blue#3BB9FF
Deep Sky Blue2#38ACEC
Slate Blue#357EC7
Deep Sky Blue3#3090C7
Deep Sky Blue4#25587E
Dodger Blue#1589FF
Dodger Blue2#157DEC
Dodger Blue3#1569C7
Dodger Blue4#153E7E
Steel Blue4#2B547E
Steel Blue#4863A0
Slate Blue2#6960EC
Violet#8D38C9
Medium Purple3#7A5DC7
Medium Purple#8467D7
Medium Purple2#9172EC
Medium Purple1#9E7BFF
Light Steel Blue#728FCE
Steel Blue3#488AC7
Steel Blue2#56A5EC
Steel Blue1#5CB3FF
Sky Blue3#659EC7
Sky Blue4#41627E
Slate Blue#737CA1
Slate Grey3#98AFC7
Violet Red#F6358A
Violet Red2#E4317F
Deep Pink#F52887
Deep Pink2#E4287C
Deep Pink3#C12267
Deep Pink4#7D053F
Medium Violet Red#CA226B
Violet Red3#C12869
Firebrick#800517
Violet Red4#7D0541
Maroon4#7D0552
Maroon#810541
Maroon3#C12283
Maroon2#E3319D
Maroon1#F535AA
Magenta#FF00FF
Magenta1#F433FF
Magenta2#E238EC
Magenta3#C031C7
Medium Orchid#B048B5
Medium Orchid1#D462FF
Medium Orchid2#C45AEC
Medium Orchid3#A74AC7
Medium Orchid4#6A287E
Purple#8E35EF
Purple1#893BFF
Purple2#7F38EC
Purple3#6C2DC7
Purple4#461B7E
Dark Orchid4#571B7E
Dark Orchid#7D1B7E
Dark Violet#842DCE
Dark Orchid3#8B31C7
Dark Orchid2#A23BEC
Dark Orchid1#B041FF
Plum4#7E587E
Pale Violet Red#D16587
Pale Violet Red1#F778A1
Pale Violet Red2#E56E94
Pale Violet Red3#C25A7C
Pale Violet Red4#7E354D
Plum#B93B8F
Plum1#F9B7FF
Plum2#E6A9EC
Plum3#C38EC7
Thistle#D2B9D3
Thistle3#C6AEC7
Lavendar Blush2#EBDDE2
Lavendar Blush3#C8BBBE
Thistle2#E9CFEC
Thistle1#FCDFFF
Lavendar#E3E4FA
Lavendar Blush#FDEEF4
Light Steel Blue1#C6DEFF
Light Blue#ADDFFF
Light Blue1#BDEDFF
Light Cyan#E0FFFF
Slate Grey1#C2DFFF
Slate Grey2#B4CFEC
Light Steel Blue2#B7CEEC
Turquoise1#52F3FF
Cyan#00FFFF
Cyan1#57FEFF
Cyan2#50EBEC
Turquoise2#4EE2EC
Medium Turquoise#48CCCD
Turquoise#43C6DB
Dark Slate Grey1#9AFEFF
Dark Slate Grey2#8EEBEC
Dark Slate Grey3#78C7C7
Cyan3#46C7C7
Turquoise3#43BFC7
Cadet Blue3#77BFC7
Pale Turquoise3#92C7C7
Light Blue2#AFDCEC
Dark Turquoise#3B9C9C
Cyan4#307D7E
Light Sea Green#3EA99F
Light Sky Blue#82CAFA
Light Sky Blue2#A0CFEC
Light Sky Blue3#87AFC7
Sky Blue#82CAFF
Sky Blue2#B0E2FF
Light Sky Blue4#566D7E
Sky Blue#6698FF
Light Slate Blue#736AFF
Light Cyan2#CFECEC
Light Cyan3#AFC7C7
Light Cyan4#717D7D
Light Blue3#95B9C7
Light Blue4#5E767E
Pale Turquoise4#5E7D7E
Dark Sea Green4#617C58
Medium Aquamarine#348781
Medium Sea Green#306754
Sea Green#4E8975
Dark Green#254117
Sea Green4#387C44
Forest Green#4E9258
Medium Forest Green#347235
Spring Green4#347C2C
Dark Olive Green4#667C26
Chartreuse4#437C17
Green4#347C17
Medium Spring Green#348017
Spring Green#4AA02C
Lime Green#41A317
Spring Green#4AA02C
Dark Sea Green#8BB381
Dark Sea Green3#99C68E
Green3#4CC417
Chartreuse3#6CC417
Yellow Green#52D017
Spring Green3#4CC552
Sea Green3#54C571
Spring Green2#57E964
Spring Green1#5EFB6E
Sea Green2#64E986
Sea Green1#6AFB92
Dark Sea Green2#B5EAAA
Dark Sea Green1#C3FDB8
Green#00FF00
Lawn Green#87F717
Green1#5FFB17
Green2#59E817
Chartreuse2#7FE817
Chartreuse#8AFB17
Green Yellow#B1FB17
Dark Olive Green1#CCFB5D
Dark Olive Green2#BCE954
Dark Olive Green3#A0C544
Yellow#FFFF00
Yellow1#FFFC17
Khaki1#FFF380
Khaki2#EDE275
Goldenrod#EDDA74
Gold2#EAC117
Gold1#FDD017
Goldenrod1#FBB917
Goldenrod2#E9AB17
Gold#D4A017
Gold3#C7A317
Goldenrod3#C68E17
Dark Goldenrod#AF7817
Khaki#ADA96E
Khaki3#C9BE62
Khaki4#827839
Dark Goldenrod1#FBB117
Dark Goldenrod2#E8A317
Dark Goldenrod3#C58917
Sienna1#F87431
Sienna2#E66C2C
Dark Orange#F88017
Dark Orange1#F87217
Dark Orange2#E56717
Dark Orange3#C35617
Sienna3#C35817
Sienna#8A4117
Sienna4#7E3517
Indian Red4#7E2217
Dark Orange3#7E3117
Salmon4#7E3817
Dark Goldenrod4#7F5217
Gold4#806517
Goldenrod4#805817
Light Salmon4#7F462C
Chocolate#C85A17
Coral3#C34A2C
Coral2#E55B3C
Coral#F76541
Dark Salmon#E18B6B
Salmon1#F88158
Salmon2#E67451
Salmon3#C36241
Light Salmon3#C47451
Light Salmon2#E78A61
Light Salmon#F9966B
Sandy Brown#EE9A4D
Hot Pink#F660AB
Hot Pink1#F665AB
Hot Pink2#E45E9D
Hot Pink3#C25283
Hot Pink4#7D2252
Light Coral#E77471
Indian Red1#F75D59
Indian Red2#E55451
Indian Red3#C24641
Red#FF0000
Red1#F62217
Red2#E41B17
Firebrick1#F62817
Firebrick2#E42217
Firebrick3#C11B17
Pink#FAAFBE
Rosy Brown1#FBBBB9
Rosy Brown2#E8ADAA
Pink2#E7A1B0
Light Pink#FAAFBA
Light Pink1#F9A7B0
Light Pink2#E799A3
Pink3#C48793
Rosy Brown3#C5908E
Rosy Brown#B38481
Light Pink3#C48189
Rosy Brown4#7F5A58
Light Pink4#7F4E52
Pink4#7F525D
Lavendar Blush4#817679
Light Goldenrod4#817339
Lemon Chiffon4#827B60
Lemon Chiffon3#C9C299
Light Goldenrod3#C8B560
Light Golden2#ECD672
Light Goldenrod#ECD872
Light Goldenrod1#FFE87C
Lemon Chiffon2#ECE5B6
Lemon Chiffon#FFF8C6
Light Goldenrod Yellow#FAF8CC


segunda-feira, 8 de fevereiro de 2010

Como ocultar a Blogger NavBar?

Buzz This
Dicas Webmaster Blog Blogger Tools Help - Como ocultar a NavBar do Blogger?

TuneUp Utilities Tune Up Your Blogger

A Navbar no Blogger deixa o layout do Blogger com uma certa falta de Style, mas a Navbar também é muito útil pois oferece uma caixa de busca, meios de compartilhar o blog (via twitter e Facebook), seguir o blog com o Google Friend connect, entre outros acessorios, mas há uma forma de juntar o útil ao agradável e dar syle ao blog.

Podemos fazer com que a navbar do Blogger fique auto-ocultável, aparece somente ao passar o rato sobre o topo do Blog Blogger Blogspot. Para fazer isso basta fazer uma pequena alteração no CSS.
 

Veja como fazer no seu Blog:


1.Vá ao painel do Blogger
2.Aceda ao "Layout"->"Editar HTML"
3.Procure pelo código abaixo no seu template "Utilize Ctrl e F":

]]></b:skin>

5.Antes do código anterior adicione o código abaixo:

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}


6.Salve as alterações e já tem a sua Blogger NavBar auto ocultável.