Tweet Divulgar Seu Blog (Site) no Twitter – Mais uma Ótima Opção!

Divulgue seu blog (site), oferecendo aos leitores a possibilidade de enviar e comentar seu conteúdo através do Twitter. O leitor ao clicar no ícone, ativa uma janela (box) onde pode  escrever e enviar suas considerações sobre o post ou seu blog/site, direto para o Twitter.
Li a matéria no WWWHAT’SNEW,  fiz  pequenas modificações, testei e aprovei.
“Os responsáveis pelo pongsocket publicaram um widget que, depois de instalado no seu site, permitirá aos leitores escrever um comentário na sua conta do twitter desde sua web.” (wwwhat’snew)
Veja DEMO em funcionamento!

No próprio site você encontra informações detalhadas para inserir e customizar a widget em um site, Blogger, Wordpress ou outro…

Neste tutorial, explico como coloquei no meu blog de testes Blogger.

Faça login no Blogger ► clique em layout ►Editar HTML
Em seu HTML, procure pela tag <b:skin> (fica no começo do documento)

Cole o código do script ANTES/ACIMA da tag <b:skin>


Script

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://tweet-it.s3.amazonaws.com/tweet-it.js' type='text/javascript'/>
<script type='text/javascript'>
    $(document).ready(function(){
        $(&quot;.tweet-this a&quot;).tweetIt({ hostedBlog: true });
    })
</script>

SALVE O TEMPLATE
Agora marque a janela ►  

Procure pela tag <div class='post-header'>      ( use as teclas Ctrl+F)

Cole o código  HTML  DEPOIS / ABAIXO  da tag <div class='post-header'>

<div class='tweet-this'><a href='javascript://'><img alt='icon' border='0' src='http://i9.photobucket.com/albums/a65/mamanunes/icones/twitter.png'/> <i> Gostou? Tweet!</i></a></div>
    </div>

Repare:
A parte grifada em vermelho, é o endereço do ícone que eu utilizei para esse exemplo. Pode ser trocado por qualquer outro de sua preferencia. Pesquise ícones AQUI.
O trecho grifado em verde é o texto. Escreva o que achar mais apropriado.

Até já já!! Um beijão da Mama ♥

Leia mais...

Tweet Documentário sobre direitos autorais

O Edu Chaves do site Sequelanet , publicou:
“Good Copy Bad Copy” (Cópia boa cópia ruim) um dos melhores documentários sobre questão de direitos autorais.
O filme tem 59 minutos de duração (divido em 6 vídeos), legendado em português, exibe entrevistas com produtores, artistas, advogados com diferentes abordagens sobre o tema. Tem a participação de brasileiros de Belém do Pará .
Como disse o Edu: Um ótimo material para trabalhos sobre direitos Autorais.

Visite

Espero que a indicação seja útil!
Beijo da Mama ♥

Leia mais...

Tweet Media, Direito Autoral, Internet ►Gerd Leonhard

É difícil para muitos de nós entender para onde nos levam tantos caminhos. YouTube, MySpace, Facebook, Twitter, Orkut, Google Buz... Informação, notícia e compartilhamento, numa velocidade absurda e incontrolável! Produtores de cultura rebolam e esperneiam para fazer valer as leis de direitos autorais. "Fábricas" de arte, como gravadoras e editoras lutam para assegurar seus rendimentos com métodos e base de cálculos  ultrapassados. Temos que nos adaptar. 

Em Fevereiro deste ano Gerd Leonhard,  pensador, futurólogo e músico alemão deu uma entrevista a Folha Online - Informática onde fala de maneira clara e lúcida sobre esse assunto que direta ou indiretamente nos interessa (ou deveria interessar). 

Veja como ele aborda algumas questões sobre direitos autorais (Alguns trechos estão grifados por  mim):

Folha - Como você vê a questão dos direitos autorais na internet?
 
Leonhard - Os direitos autorais foram significativos para monetizar o conteúdo quando as palavras "direito" e "cópia" ainda eram oportunas. Agora, tudo o que fazemos on-line cria uma cópia.
 
Por exemplo, [simplesmente] ouvir é baixar, a leitura é cópia, de fato; e nossos "direitos" como autores devem ser revistos para permitir que o ato de copiar ainda exista na lei, mas que haja restituição de forma não-compulsória quando todo usuário conectado puder apenas clicar, copiar e colar. 

O copyright era para dar certeza que autores e criadores fossem pagos, não para garantir que intermediários vendam discos de plástico, rastreassem downloads ou dispositivos.

O que nós precisamos agora é adicionar é o direito de uso no copyright, a fim de construir monetização neste acesso. É fazer dinheiro do acesso, não de cópias. Para a música, nós precisamos de uma taxa coletiva, fixa e obrigatória (não imposto!) que faça a música na internet tão legal quanto a música no rádio. 

Para que fique claro, o copyright em si é um bom conceito --é preciso apenas adaptá-lo ao mundo atual em que vivemos, hoje!

Na matéria publicada no  Robim Good (disponível também em vídeo) separei um trecho que acho pertinente. Gerd  fala para músicos mas  blogueiros e afins devem ler:

O desafio é - e este é o meu conselho para os músicos - receber a maior quantidade de atenção que puder, através da alta qualidade do seu material.
Esta é a outra coisa muito difícil na web: Se você não for realmente bom, ninguém vai prestar atenção. Não dá para mentir na web, e eu acho que isso é uma boa notícia, mas algumas pessoas pensam que não.
Você não pode fingir que é bom se não for realmente, porque na web você será descoberto. Isso também é verdade para blogueiros, escritores e cineastas. É algo muito href="http://en.wiktionary.org/wiki/Darwinism"> darwinista .

Eu fiquei instigada a pesquisar  sobre esse "cara interessante" e suas ideias,  nesta segunda-feira, 26/04/210,  depois de assistir sua entrevista  no programa Roda Viva exibido pela TV Brasil  confesso que me surpreendi positivamente.  Espero que você também!

Pense sobre o assunto, afinal,  todo mundo consome ou produz:  arte, diversão, balé, comida, futebol, corrida...

Beijo da Mama ♥

Leia mais...

Tweet Slide Show Para Destacar Postagens

Vamos aprender a colocar um slideshow destacar sua postagens mais populares ou aquelas para as quais  você queira chamar a atenção do leitor. Fica bem bonito e é muito fácil de configurar e gerenciar. Você pode ver o slideshow em ação AQUI.
Dentro do script abaixo, você poderá alterar o tamanho das imagens de acordo com as medidas do seu template, mudar a cor do background, da exibição, cor e formato das bordas.
A velocidade da exibição também pode ser alterada.
Vamos lá:

Códigos/Script

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

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

/* ------------------------------------------------------------------------
s3Slider

Developped By: Boban Karišik -> http://www.serie3.info/
CSS Help: Mészáros Róbert -> http://www.perspectived.com/
Version: 1.0

Copyright: Feel free to redistribute the script/modify it, as
long as you leave my infos at the top.
-------------------------------------------------------------------------- */


(function($){

$.fn.s3Slider = function(vars) {

var element = this;
var timeOut = (vars.timeOut != undefined) ? vars.timeOut : 4000;
var current = null;
var timeOutFn = null;
var faderStat = true;
var mOver = false;
var items = $("#" + element[0].id + "Content ." + element[0].id + "Image");
var itemsSpan = $("#" + element[0].id + "Content ." + element[0].id + "Image span");

items.each(function(i) {

$(items[i]).mouseover(function() {
mOver = true;
});

$(items[i]).mouseout(function() {
mOver = false;
fadeElement(true);
});

});

var fadeElement = function(isMouseOut) {
var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut;
thisTimeOut = (faderStat) ? 10 : thisTimeOut;
if(items.length > 0) {
timeOutFn = setTimeout(makeSlider, thisTimeOut);
} else {
console.log("Poof..");
}
}

var makeSlider = function() {
current = (current != null) ? current : items[(items.length-1)];
var currNo = jQuery.inArray(current, items) + 1
currNo = (currNo == items.length) ? 0 : (currNo - 1);
var newMargin = $(element).width() * currNo;
if(faderStat == true) {
if(!mOver) {
$(items[currNo]).fadeIn((timeOut/6), function() {
if($(itemsSpan[currNo]).css('bottom') == 0) {
$(itemsSpan[currNo]).slideUp((timeOut/6), function() {
faderStat = false;
current = items[currNo];
if(!mOver) {
fadeElement(false);
}
});
} else {
$(itemsSpan[currNo]).slideDown((timeOut/6), function() {
faderStat = false;
current = items[currNo];
if(!mOver) {
fadeElement(false);
}
});
}
});
}
} else {
if(!mOver) {
if($(itemsSpan[currNo]).css('bottom') == 0) {
$(itemsSpan[currNo]).slideDown((timeOut/6), function() {
$(items[currNo]).fadeOut((timeOut/6), function() {
faderStat = true;
current = items[(currNo+1)];
if(!mOver) {
fadeElement(false);
}
});
});
} else {
$(itemsSpan[currNo]).slideUp((timeOut/6), function() {
$(items[currNo]).fadeOut((timeOut/6), function() {
faderStat = true;
current = items[(currNo+1)];
if(!mOver) {
fadeElement(false);
}
});
});
}
}
}
}

makeSlider();

};

})(jQuery);

//]]>
</script>

<script type='text/javascript'>
$(document).ready(function() {
$(&#39;#s3slider&#39;).s3Slider({
timeOut: 4000
});
});
</script>

<style type='text/css'>
#s3slider {
background: #000000;
border: 5px inset #584536;
width: 550px;
height: 200px;
position: relative;
overflow: hidden;
}#s3sliderContent {
width: 550px;
position: absolute;
top:-14px;
padding: 0px;
margin-left: 0;
}
.s3sliderImage {
float: left;
position: relative;
display: none;
}
.s3sliderImage span {
position: absolute;
left: 0;
font: 20px Trebuchet MS, sans-serif;
padding: 10px 0px;
width: 550px;
background-color: #000;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
color: #fff;
display: none;
bottom: 0;
text-align:center;
}
.clear {
clear: both;
}
</style>

Para mudar as cores do background, largura, formato e cor das bosdas, procure o código:

background: #000000; (veja tabela de cores AQUI)
border: 5px inset #584536; 

5px é a largura da borda
inset é o formato, pode ser double, outset, solid, dashed
#584536 é o código da cor

Borda dotted

Borda dashed

Borda solid

Borda double

Borda groove

Borda ridge

Borda inset

Borda outset

Para mudar o velocidade de slideshow, altere o valor 4000

Para mudar o tamanho das imagens  mude:

width: 550px; (largura)
height: 200px; (altura)
width: 550px; (largura)

Como inserir o script e as imagens acima da área de postagem:

1. Faça o login no Blogger e no seu painel clique em ►Layout

2. Clique na aba ► Editar HTML

3. Encontre a tag </head>

4. Copie código do script e cole- ANTES da tag </ head> 

Salve o modelo


Agora volte para a página Layout e clique em "Adicionar um gadget"
Escolha um gadget HTML/JavaScript e coloque dentro dele o seguinte código:

<div id="s3slider">
<ul id="s3sliderContent">

<li class="s3sliderImage">
<a href="SEU-LINK-AQUI"><img style="width:550px;height:200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8-TvKFATrS7utd2pGQnXMM2spHVJDhk9tC42tCo58HtNIDtTp1wyDOMf0jsqp6bbAgNlSdidiq-74lwaTVG7HeBNdwZND-8A6rjvgvFbB0bNQgM163oU09eK9YhTDyDyam-Gc56_Y2pc/s320/Foto1.jpg" />
<span>Texto: Título do post </span></a>
</li>

<li class="s3sliderImage">
<a href="SEU-LINK-AQUI"><img style="width:550px;height:200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsE8kaYdyTCneVtwQyt_qZnwaQ2Wk0AWBGSC4FSInGSOOTe6YGgm6KDU83AF8Ake9VIZ0Ty___7FZlFRktLSsa8dRLRL6DsXGKOg3CQ3kr0Bb44-u2UY75rv-XKmqJZT10IjKFAKopvaQ/s320/Foto2.jpg" />
<span>Texto: Título do post</span></a>
</li>

<li class="s3sliderImage">
<a href="SEU-LINK-AQUI"><img style="width:550px;height:200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeJotNk7UzNjRzukWtglkYs7npw9Vc80UyhpKgbIijqpazrtZX9kPkMmlfCNA6zNBY0GzokhlNBLRoG0BVNu_xrzg7xaRieF2hA5ExKYM1aKWWCjZjAv2pXfzsiW-z68WH6HiiGUbabO4/s320/Foto3.jpg" />
<span>Texto: Título do post</span></a>
</li>

<li class="s3sliderImage">
<a href="SEU-LINK-AQUI"><img style="width:550px;height:200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhytKk9deRXthNdYew-80_yimxsjCskCBPtxPiVhp4z5zgOHT_qvIVNQY79pvpo5WeodT7b9R1i8oWChgSFMmj3W4RxtLsvgvmesotqMZq86fsrMneS8fnDhZzm98zXyEKMK1oV3EyS4oU/s320/Foto4.jpg" />
<span>Texto: Título do post</span></a>
</li>

</ul>
</div>

<div class='clear'></div>

Edite o código colocando o link e o endereço da sua imagem (destaque em vermelho e azul)

Salve. Clique sobre o gadget, arraste e solte acima da seção "Postagens"
Visualize e salve!!


Observe que neste exemplo usei apenas quatro imagens com links. Você pode exibir  menos ou mais links  acrecentando ou retirando as seções (código abaixo). 
ATENÇÃO! Cole sempre os códigos adicionais acima/antes da tag </ul>

<li class="s3sliderImage">
<a href="SEU-LINK-AQUI"><img style="width:550px;height:200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8-TvKFATrS7utd2pGQnXMM2spHVJDhk9tC42tCo58HtNIDtTp1wyDOMf0jsqp6bbAgNlSdidiq-74lwaTVG7HeBNdwZND-8A6rjvgvFbB0bNQgM163oU09eK9YhTDyDyam-Gc56_Y2pc/s320/Foto1.jpg" />
<span>Texto: Título do post </span></a>
</li>

Prontinho! Eu acho que você vai gostar do resultado!

Beijo da Mama ♥

Leia mais...

Tweet Bordas Arredondadas em Imagens – Fácil!!!

Mais fácil impossível! O RoundMyPic é um aplicativo online, gratuito, onde você arredondar qualquer imagem ou foto. Basta fazer o upload direto do seu arquivo e clicar no botão “Round it Now” . Pronto, a imagem estará disponível para download ou copia com o botão direito do mouse. O “bacaninha’ é que tem um efeito “Bevel” que dá a característica de botão. Ótimo para criar botões de redes sociais personalizados, seu banner ou botão linke-me… Sei lá… Crie e divirta-se!

 
Agradeço a @Gema por compartilhar!
Beijo da Mama ♥

Leia mais...

Tweet Colocar Botão "Curtir" Do Facebook no Blogger

O J Miur do Vagabundia trouxe uma novidade bem interessante para divulgar postagens. O botão "Curtir" do Facebook que pode ser colocado nos posts ou direto na home do seu blog Blogger. Leia a matéria toda no Vagabundia.
Trecho traduzido: "Para aqueles que usam o Facebook, estão aparecendo devagar os métodos de  integração fácil entre blogs e sites. A empresa está em uma luta aberta para "morder" uma fatia de mercado que o Google agora domina."
O código para o botão é o seguinte:

<iframe expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url+ &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;height=60&amp;action=like&amp;font=tahoma&amp;colorscheme=dark&quot;' allowTransparency='true' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:60px'/>

 Há algumas coisas que podemos personalizar:

&amp;layout=standard define otipo de botão, pode-se mudar por button-count para simplifica-lo
&amp;show-faces=true mostra o avatar do usuario e eliminar-se colocando false
&amp;action=like é o texto a mostrar e pode ser substituido  por recommend
&amp;colorscheme=light é o desenho geral, a outra opção é dark
&amp;font=arial é ol tipo da letra opcional e pode ser tahoma, arial, lucida+grande, segoe+ui, trebuchet+ms, verdana
&amp;width=530 é a largura total en pixeles (530 o 450)
&amp;height=60 es la altura total en pixeles

Se quiser exibi-lo no rodapé das postagens faça o seguinte:

Login no Blogger ► opção "layout"  ► Editar HTML ►Clicae em "Expandir modelo de wdgets"

Procure pelo trecho <div class='post-footer-line post-footer-line-1'>

Cole o código ABAIXO do trecho

Para exibir ao lado do título da postagem procure pelo trecho <div class='post-header-line-1'/>

Cole o código ABAIXO do  trecho.

Se queremos exibi-lo em nossa página (pode-se  usá-lo em qualquer página), o código é o mesmo e apenas definir a URL correta, substituindo data:post.url pelo endereço do nosso blog e, neste caso, devemos mudar os símbolos //: (barra dois pontos) por seus  equivalentes - % 3A% 2F:
Fica assim:

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblogger-dicasmamanunes.blogspot.com%2F&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;height=60&&action=like&amp;font=tahoma&amp;colorscheme=dark" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:450px; height:60px"></iframe>

Referencia: VAGABUNDIA

Leia mais...

Tweet Anexar Arquivo ao Gmail – Drag and Drop

Hoje descobri um novo método para anexar qualquer arquivo a uma mensagem no Gmail: Foto, imagens, documentos, etc. O Google adicionou um recurso conhecido como Drag and Drop, que permite arrastar e soltar qualquer documento de uma pasta, ou do desktop do seu computador. Por ser do próprio Gmail, não há necessidade de nenhuma configuração para usar o recurso. A novidade só está valendo, por enquanto, para usuários do Google Chrome e Mozzila Firefox 3.6 ou superior. A equipe do Google afirma que assim que os outro navegadores forem compatíveis, a função será liberada.
Veja um vídeo muito bom, feito pelo Ricardo Fraga do GOOGLE DISCOVERY para quem vão os créditos da matéria, com a recomendação Vale um Clicão no site dele





Essa foi boa pra mim que envio ‘trocentos’documentos todo dia. =)
Beijo da Mama

Leia mais...

Tweet Catálogo de Cores- Nomes – Códigos HTML

Para mudar as cores seja das letras, fundo, bordas, etc.. de um blog ou site é importante conhecer os códigos correspondentes e ter sempre a mão uma paleta ou catálogo de cores. Quem trabalha com editores  de imagem tipo Photofiltre, PSPS, Photoshop, etc... já sabe como pegar o código das cores. Para quem não usa editores, vou compartilhar uma tabela com várias opções interessantes para que você possa fazer as mudanças que queira.

O Blogger tem uma página onde se pode mudar cores e fontes dos templates, mas nem sempre nos contentamos com a paleta oferecida por ser muito limitada. Muita gente também usa templates externos, não originais do Blogger, que tem as cores pre-estabelecidas e não permitem a mudança na página de fontes e cores, então fazemos as alterações dentro do documento CSS/HTML.

Espero que gostem!

Cores - Seus Nomes e Códigos

NOME DA COR	CÓDIGO	COR
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

Leia mais...

Tweet Botões Oficiais do google Buzz – Promova Seus Posts

1  Google lança botões para compartilhar postagens do seu blog no Google Buzz para competir com o serviço ReBuzzThis (que também é muito legal). Os botões oficiais do Buzz para promover posts estão disponíveis em vários, modelos:

..

 ...

Escolha o botão que queira exibir ou o que mais combina com seu layout, e copie o código que apartece no box. Veja imagem abaixo.

...

Para exibir o botão ao lado do título da postagem, copie o código oferecido pelo Google Buzz e cole entre os códigos abaixo. Cole todo o código em um bloco de notas

<div style='border:0px !important;
text-align:right; margin-top:-42px;' >
COLOQUE_AQUI_O_CÓDIGO_DO_BOTÃO
</div>

O código determina que o botão flutue a direita. Se quiser que flutue a esquerda, troque onde está escrito right por left.
Depois, faça login no Blogger
►clique em layout ► Editar HTML► clique na opção► Expandir modelos de widgets
Procure pelo trecho abaixo que pode ser um pouco diferente no seu modelo, mas deverá ter post-header-line-1 de qualquer maneira.

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

Cole o código que copiou e editou, logo ABAIXO desse trecho

Há também um botão para que te sigam no Buzz. Veja:

 Seguir no Google Buzz .

...

 

 

...

Você só precisa informar a URL do seu perfil, depois copiar o código e colar onde queira exibir no Blogger. Pode ser em um elemento de página HTML/JavaScript.
Se quiser exibi-lo no rodapé da postagem (vale também para os outros botões), procure pelo trecho

<div class='post-footer-line post-footer-line-1'>

Copie o código do botão e cole ABAIXO do trecho acima.

Link direto para o Googel Buzz.

Leia mais...

Tweet Excluir Comentários Ocultos do Blogger

Sempre que excluímos um comentário no Blogger, vemos ao lado a mensagem: “Comentário excluído pelo autor” . Nem sempre queremos exibir essa mensagem, certo? Eu pelo menos, não gosto. Então vamos a um truque que eu aprendi com o Blogger Trips and Tricks  para que ela não apareça mais.
É muito simples

1. Faça login no Blogger e clique na opção ►layout  e depois  ►Editar HTML
2. Clique em “Expandir modelos de widgets".
3. Localize o código abaixo (Use as teclas Ctrl + F)

<b:loop values='data:post.comments' var='comment'>

<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>

<a expr:name='data:comment.anchorName'/>

<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>

<data:comment.author/>

<data:commentPostedByMsg/>
</dt>

<dd class='comment-body'>

<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>

</b:loop>

Cole o código abaixo depois do trecho <b:loop values='data:post.comments' var='comment'>.

<b:if cond='data:comment.isDeleted'>
<b:else/>

Agora cole o código abaixo, ANTES do trecho </b:loop>

</ b: if>

Visualize e se estiver tudo bem, salve o template.

Pronto. Seus comentários excluídos não aparecerão mais.

Beijo da Mama

PS.: Leia outras referencias (em espanhol) no Vagabundia 

Leia mais...

Tweet Enviar Musica Para Twitter /Facebook e mais...

Um aplicativo interessante para quem quer compartilhar músicas no Twitter, Facebook, blog ou site,  iMUSICTWEET.com . Basta fazer o registro, editar seu perfil. Permite fazer upload de suas canções, disponibilizar ou não para download ou coloca-las a venda, caso seja seja uma canção autoral ou  você detenha os direitos.  Cria um auto-play com o código embed para copiar e colar em sua página ou postagem.



Bacaninha gente =]

Leia mais...