Linkbão Oi Torpedo Oi Torpedo Web Click Jogos Online Rastreamento Correios Mundo Oi oitorpedo.com.br mundo oi torpedos mundo oi.com.br oi.com.br torpedo-online Tv Online Resultado Lotofacil Resultado Lotogol Resultado Mega-sena baixa-facil Resultado Loterias Fofocas E-Scripter Claro Torpedo

12/27/2009

doutorblogs Criando uma loja virtual.

Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
Buzz It

vamos agora ver uma dica muito intereçante,voce que estar querendo montar seu negócio na web como essa OU PARECIDA .

image

Falamos neste artigo sobre o que você precisa para ter uma loja de comércio eletrônico na Internet. Vimos que podemos montar uma estrutura própria com plano de hospedagem, software de loja, mão de obra de programador e webdesigner, ou podemos simplesmente alugar uma loja pronta para funcionar.

Vamos falar agora em opções para montar uma loja para vender seus produtos na Internet sem custos de instalação e manutenção. Vamos falar de 2 modelos de negócio em que as empresas que oferecem a loja eletrônica tem lucratividade com o serviço mas este ganho não vem diretamente de pagamento de aluguel da loja.

O primeiro caso é o da empresa F2B. Eles são uma empresa que presta o serviço de meios de pagamento. Eles fazem o papel de intermediários entre a sua loja e empresas de cartão de crédito e bancos. Assim você poderá aceitar todos os principais cartões de crédito, poderá emitir boletos e aceitar pagamentos por débito nos principais bancos através do F2B. O serviço é prestado a pessoas físicas e jurídicas. A vantagem é que você não precisará ter conta nestes bancos ou assinar contratos com cada um deles. Não passará por toda a burocracia exigida e nem terá custos com implantação e manutenção da tecnologia que estas instituições exigem. Tudo isto é provido pelo F2B que cobra uma mensalidade por isto.

Este serviço de intermediação de pagamentos também é fornecido por outras empresas. Outra muito conhecida é a PAGSEGURO que pertence ao provedor UOL. Eles aceitam um maior número de bandeiras de cartão de crédito e trabalham com mais bancos que o F2B.

O diferencial do F2B é que eles estão oferecido gratuitamente a estrutura e tecnologia para você montar sua loja online sem qualquer custo. Esta loja já será integrada com o sistema de pagamentos do F2B. Mesmo sendo pessoa física ou empresa você poderá receber pagamentos através do VISA, AMEX, VISA ELECTRON, débito em conta do Banco do Brasil, Bradesco e Itaú. Para ter uma loja basta abrir uma conta no F2B. A loja é limitada a 50 produtos. Você pode personalizar cores, fotos, textos, etc. Já vem com toda tecnologia de segurança que uma loja deste tipo precisa. Veja mais aqui.

Neste caso o F2B ganhará com os percentuais por venda realizada utilizando os meios de pagamentos deles. Por isto a loja é fornecida gratuitamente.

Outro modelo de negócio é o oferecido pelo site www.lojasgratis.com.br. Eles fornecem a estrutura simplificada para você montar uma loja online. Em troca eles colocam uma publicidade nas laterais da sua loja que podem exibir anúncios de produtos relacionados ao seus só que de empresas concorrentes. Como é de graça vale a pena abrir uma conta e testar.

 

Technorati Marcas: ,,,

LEI MAIS

Bookmark and Share

12/25/2009

DOUTORBLOGS com uma vídeo aulas de html. Já as vi, são bastante boas.

Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
Buzz It

Downloads Nacionais

encotrei estas videos alas de html e xhtml  bem itereçantes para quem quer começar a entender como é escrito uma pagina na web variavel tag e muito + e o melho tudo em portugues.

image

São vídeo aulas livres para ajudar a todos.

Autor: Fernando

AQUI VAI OS LINKS. obrigado des de já pela visitas.

Downloads

Aula 1

Technorati Marcas: ,,,,,,,,,


Aula 2


Aula 3

LEI MAIS

Bookmark and Share

12/23/2009

doutorblogs Trago mais uma dica bem legal para quem gosta que seu blog tenha interatividade

Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
Buzz It

com seus leitores; Para o Twitter tem muitas coisas que rolam pela web, gadgets, widgets, entre outras coisas, tudo para difundir mais o que você faz por lá.
Você já deve ter notado aqui no blog no topo da sidebar do lado direito, lá sempre aparece meu último tweet, tem também o famoso passarinho e abaixo um link para que me sigam(alias, podem me seguir viu), notaram? É isso que vou passar hoje, como colocar seu último tweet de forma mais discreta e elegante no blog(chique demais rsrsrs), vamos lá!

Primeiramente, a dica é fácil, basta prestar bem atenção e verá que pode colocar em qualquer lugar do blog, mas vou mostrar como colocar, na sidebar, como aqui no blog.
Vá em Layout>Editar Html, e não precisa expandir modelos widgets.
Procure para área correspondente ao início da sidebar no CSS do seu blog, ela pode aparecer assim:

#sidebar-wrapper
No template mínima é assim, mas olhe com calma que achará o seu, bom, depois de achar adicione o código abaixo antes dele.
#twitter_update_list li {
background: transparent url(http://img156.imageshack.us/img156/3166/twitter48.png) top left no-repeat;
padding-left: 65px;
color: #111;
display: block;
font-size: 10px;
line-height: 1.25em;
}
Feito isso, procure por:
<div id='sidebar-wrapper'>
E logo após adicione o código abaixo
<div id='twitter_div'>
<h2 class='sidebar-title' style='display:none;'>&#65533;ltimo Tweet</h2>
<ul class='sb-tools' id='twitter_update_list'/>
<center><p class='sb-icon-text'><a href='http://twitter.com/doutorblogs'>Siga-me no Twitter</a></p></center>
</div>
<script src='http://twitter.com/javascripts/blogger.js' type='text/javascript'/>
<script src='http://twitter.com/statuses/user_timeline/doutorblogs.json?callback=twitterCallback2&amp;count=1' type='text/javascript'/>
Importante: Substitua as partes em vermelho pelo seu Twitter, substitua só o seu username que aparece depois da barra, ou seja só a parte vermelha, se não souber, entre no Twitter, e clique em Profile, aparecerá seu endereço no Twitter, pegue o que estiver após a barra( / ).
Feito tudo? Agora visualize para ver se não há erros, já deve aparecer na visualização, funcionou? Então salve, qualquer coisa comente que dou uma mão!

 

LEI MAIS

Bookmark and Share

12/22/2009

DOUTORBLOGS Apesar de oferecer para o visitante a possibilidade

Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
Buzz It

de assinar os feeds do blog, ainda existem muitas pessoas que utilizam o bom e velho favoritos do browser para guardar seus endereços web que ele não quer perder de vista. Por esse motivo é interessante ter no blog um link para que o visitante possa adicionar o blog automaticamente nos seus favoritos. Quanto mais fácil melhor para nosso leitor.

Saí então a procura de um código que possibilitasse ao visitante adicionar o blog aos favoritos e encontrei um no Como Fazer Web que tem um acabamento muito legal.Com ele se o browser for o Firefox irá abrir o blog em uma nova aba, se for o Internet Explorer abrirá uma nova janela. Vamos ao código.

<script language="JavaScript"> function addFav(){ var url="http://AQUI A URL DO SEU BLOG"; var title="NOME DO SEU BLOG"; if (window.sidebar) window.sidebar.addPanel(title, url,""); else if(window.opera && window.print){ var mbm = document.createElement('a'); mbm.setAttribute('rel','sidebar'); mbm.setAttribute('href',url); mbm.setAttribute('title',title); mbm.click(); } else if(document.all){window.external.AddFavorite(url, title);} } </script><br /> <a href="javascript:addFav()"><img alt="Adicione aos Favoritos" src="http://img152.imageshack.us/img152/1145/firefoxim7.jpg"border="0" /></a><br /> <a href="http://AQUI A URL DO SEU BLOG/#" onclick="window.external.AddFavorite('http://AQUI A URL DO SEU BLOG','NOME DO SEU BLOG');"><br /> <img alt="Adicione aos Favoritos" src="http://img152.imageshack.us/img152/5140/internetexplorerel3.jpg" border="0"/> </a>

Para que o código apareça no seu blog como aparece no meu ao lado na sidebar, acesse a área de administração do blogger, clique em layout - elementos da página - adicionar um Gadget. Escolha Html/Javascript, copie o código acima e cole nesse Gadget. Agora onde estiver escrito "Aqui a url do seu blog" substitua pela url de seu blog e onde estiver escrito "Nome do seu blog" coloque o nome do seu blog. Salve e veja o resultado em seu blog. Teste o código clicando nos ícones para ver seu funcionamento. Aproveite a oportunidade e coloque QCB nos seus favoritos, afinal você não vai querer perder de vista essas dicas não é?

 

LEI MAIS

Bookmark and Share

12/21/2009

doutorblogs,Exibir conteúdo relacionado de um artigo

Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
Buzz It

Exibir conteúdo relacionado de um artigo, como esse aqui 

image                             

certamente é uma maneira muito eficiente para diminuir a taxa de rejeição do seu blog. Pois bem, hoje venho mostrar como inserir artigos relacionados com imagens, que certamente chamará ainda mais a atenção do leitor. Vamos aos passos.

  • Estando logado no painel de controle do Blogger, Clique AQUI para acessar o siteLinkWithin;
  • Preencha o formulário com seu e-mail, endereço do seu blog, plataforma (no nosso caso Blogger) e a quantidade de artigos relacionados que deseja exibir;
    OBS.: Caso seu blog contenha um fundo escuro e letras claras, marque a caixa My blog has light text on a dark backgroun;

  • Clique em Get Widget;
  • Clique em Install Widget;
  • Altere o título que será exibido, de acordo com sua preferência;
  • Clique em Adicionar Widget;
  • Arraste o Widget para baixo das postagens, conforme imagem abaixo:

  • Clique em Salvar.
Pronto! fácil não?
Até a próxima!

 

Technorati Marcas: ,,,,,

LEI MAIS

Bookmark and Share

12/20/2009

doutorblogs indica essa dica,Dicas de utilização e monitoramento do seus feeds

Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
Buzz It

Esse artigo é um Guest Post escrito por Sandra Baroni. Ela é administradora do blog Info-Macros onde você encontra dicas sobre wordpress, oscommerce, google, seo e muito mais. Visite o Info-Macros e se gostar do conteúdo assine os feeds do blog.

Now with brightkite
Creative Commons License photo credit: Mountain/Ash

Todos sabem da importância em oferecer um RSS Feed em seu blog, além de o leitor agregar todos os seus blogs preferidos em um só lugar, você ganha leitores assíduos e fiéis, mesmo que apenas acompanhem seus posts apenas pelos Feeds.

O FeedBurner

Quando você entra no FeedBurner com seu login e senha, a primeira coisa a ser mostrada são os seus feeds, de todos seus blogs, caso tenha mais que um, juntamente com a quantidade de leitores de cada um, ah, só para constar, essa quantidade varia de dia para dia, pois não é a quantidade de leitores que assinaram seu Feed, e sim a quantidade de leitores que acessaram seus Feeds naquele dia, por isso a variação diária.

Troubleshootize

Nessa aba existem uma série de dicas para resolver problemas de seu feed, são perguntas e respostas dizendo o que fazer no caso de seu feed não estar atualizado com seu Feed original, que como resposta diz para fazer um ping, ou seja, tentar contactar o feedburner através da página de ping deles, ou então, erros causados por caracteres inválidos ou problemas de XML, que podem ser causados por editar seus posts no Microsoft Word por exemplo, ou então, o problema que ocorreu comigo, há algum tempo, que meu feed simplesmente não estava funcionando, para esse tipo de problema existe a ferramenta Feed Validator.

O Feed Validator

Essa ferramenta é muito útil para saber se a ’saúde’ de seu RSS vai bem, ou seja, se ele está conseguindo obter novos assinantes e se os antigos estão recebendo seus feeds corretamente, tanto por e-mail quanto nos agregadores.
Para entrar na ferramenta, na segunda resposta da aba Troubleshootize tem um link chamado ‘Original Feed Validity’, que o levará ao Feed Validator do seu blog. A tela que abrirá vai dizer logo no início se seu feed está ok, dizendo ‘This is a Valid RSS Feed’, ou então dirá que seu feed não é válido e por isso não está funcionando: ‘This Feed does not validate’.

Nos dois casos poderão aparecer erros logo abaixo da mensagem, se seu feed for válido não precisa se preocupar com eles, pois normalmente são erros de html, que nada interferem o feed em si, apenas poderá ocorrer que seu leitor não veja o texto ‘alinhado a esquerda’ ou algo assim que tem no seu html.

Mas, se seu feed não for válido precisa ver qual o erro e tentar consertar. Na página do feed validator ele mostrará todas as linhas do código do seu feed, mostrando em amarelo onde estão os problemas. Muitas vezes os erros são causados por causa do conteúdo do post, se você edita seus posts no Word por exemplo corre sério risco de que seus feeds não funcionem, pois esse editor costuma colocar um pouco de ’sujeira’ dentro dos seus textos, causando problemas com os feeds. Existem vários outros tipos de erros, no meu caso o que estava causando o erro era o plugin chamado WassUp que tinha instalado para ver visitas em tempo real no meu blog, demorei para descobrir, mas foi só desinstalar que ele voltou a funcionar corretamente, no artigo Seu RSS é válido? eu conto como foi. Por isso a dica: quando instalar um novo plugin vá até a página do Feed Validator e confirme se seu feed continua funcionando.

FeedMedic

Na mesma aba de Troubleshooting existe um menu chamado FeedMedic, que lhe mostrará os seis últimos problemas encontrados com seu feed, tanto problemas técnicos quanto de conexão com o seu servidor. É útil para saber se mais alguma coisa está errada com seus feeds, se ele não mostrar nada, é porque está tudo ok.

FeedBulletin

Outro recurso importante que a FeedBurner oferece é o FeedBulletin. Ele funciona como um feed que você assina e lê no seu agregador de conteúdo preferido, como o Google Reader. Ele traz feeds de tudo o que acontece de errado com seu Feed, inclusive os relatórios do FeedMedic e até mensagens oficiais do Google, eventualmente. É útil caso você tenha tido problemas recentes com seu feed e quer acompanhar mais de perto a ’saúde’ dele. Para assinar o FeedBulletin vá no menu ‘My Account’ bem em cima à direita, e clique em Activate e depois no link que aparecer, aí assine o feed como qualquer outro e comece a receber os feeds em seu agregador.

Espero que esse artigo tenha sido útil, na verdade foi apenas uma visão geral de alguns dos muitos recursos que o FeedBurner oferece.

 

LEI MAIS

Bookmark and Share

12/19/2009

doutorblogs, gostaria que seus leitores avaliace seus poster.

Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
Buzz It

todos nos blogueiro gostamos sempre de deichar o blogeer mas incrementados para os leitores aqui vai uma dica bem legal que incontrei nesse site.

avaliação em todos os posts, entre no site http://spotback.com e faça o cadastro.

Depois você tambem poderá colocar um WidGet mostrando os posts mais votados.
Faça o login e depois clique em "My Widgets".
Depois procure por "Other Options" e clique em "New from widget gallery".
Procure o Modelo que você deseja e clique em cima.
Depois clique em "Get This WidGet" e copie o código de acordo com o modelo do Seu Blog:
Velho Blogger
Novo Blogger XML
Wordpress
Va no código XML do seu template, marque "Expandir modelos de widgets".
Cole o código depois da linha:
<div class="'post-header-line-1'/">
Para as estrelas ficarem embaixo do titulo.
Ou depois da linha:
<div class="'post-footer'"><br /><br />
Para ficar depois da postagem.

agora é só valvar e pronto, ta ai a dica.

 

LEI MAIS

Bookmark and Share

12/13/2009

doutorblogs Muita, muita gente mesmo me pergunta como fazer um template para o Blogger e decidi então explicar, parte 1

Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
Buzz It

Preâmbulo
Muita, muita gente mesmo me pergunta como fazer um template para o Blogger e decidi então explicar, passo a passo, o meu método. Que isto fique claro já agora: vou ensinar aqui como eu faço, pois não tenho à menor idéia do método de outros blogueiros que também criam templates. Este tutorial vai ser longo, por isso se dividirá em várias partes. Posteriormente publicarei como faço para converter temas do Wordpress para o Blogger.
Antes de tudo é necessário algum conhecimento em HTML e CSS. Existem diversos tutoriais sobre o assunto; uma rápida pesquisa no Google trará excelentes resultados logo na primeira página. Recomendo o site do Maujor e o Apostilando, onde é possível baixar diversas apostilas sobre os dois temas.

Também que fique claro que não pretendo aqui dar aulas sobre HTML e CSS e as explicações serão dadas da maneira mais simples e acessível possível. Para quem pretende se aprofundar no assunto, procure os mestres nos sites que já indiquei e em outros tantos.
Que programa usar para criar o template?


Na verdade eu não uso programa nenhum. Faço modificações diretamente em um blog de testes e vou visualizando, até que fique ao meu gosto. Para criar ou editar as imagens que utilizo, uso tanto o Photofiltre Studio 09 quanto o Photoshop. Uma opção de programa gratuito é a versão free do Photofiltre, um programa francês que pode ser traduzido para o Português. Após instalar o programa, faça o download deste documento e descompacte-o dentro da pasta do Photofiltre, em Arquivos de Programas. Feito isso, vá até a pasta do Photofiltre e apague o arquivo EN, como mostra a imagem:
photofiltre
Abra o programa e ele estará traduzido para o Português.
Introdução
Tendo escolhido um programa de edição de imagens, crie um blog de testes, onde você fará o seu primeiro template. Eu criei um que vou chamar Aula Template e escolhí para ele o modelo Mínima que é o mais fácil de modificar. Agora vamos conhecer a estrutura da página onde se encontra o meu blog. Clique em Editar HTML. O que você verá é isso:
aula2
O trecho destacado diz ao navegador qual a linguagem de marcação que está sendo utilizada na página (XHTML) e você não deve modificar nada que está contido ali. É o início do nosso documento HTML e a respectiva tag de fechamento no final (role toda a página) é </html>.
Um documento HTML se compõe da seguinte estrutura básica:
<html>
<head>
cabeçalho: aqui está contido o estilo da página - CSS
<head/>
<body>
corpo - aqui está contida a estrutura da página, seus elementos.
</body>
</html>
Note que todas as tags devem ser fechadas respeitando uma hierarquia. O não fechamento de qualquer tag resultará em erro e rejeição da estrutura.
Início do código CSS
O código CSS, que dá estilo à página, começa com : <b:skin><![CDATA[/* e sua tag de fechamento é ]]></b:skin>. Tudo o que estiver contido entre estas duas tags refere-se ao estilo da página (aparência) e não à sua estrutura. Não é possível criar um novo elemento (uma coluna, por exemplo) com CSS. O CSS irá apenas determinar a aparência deste bloco, deste elemento.
Imediatamente após o fechamento da tag do CSS, encontra-se </head>, fechando o cabeçalho da página e imediatamente após </head> está <body>, dando início ao corpo do documento:
aula3
É entre <body> e </body> que se criam os blocos que serão mostrados na página: colunas, menus, etc.
Para começar, vamos nos deter apenas em modificar a aparência da página atual e deixemos para criar novos elementos mais para frente.
Conhecendo o CSS
CSS é uma sigla em inglês para Cascading Style Sheet, que foi traduzido para folha de estilo em cascata e é um mecanismo para adicionar estilo (fontes, cores, etc) para documentos web.
Regra CSS é uma declaração que segue uma linguagem própria e que define como será aplicado estilo a um ou mais elementos HTML . Um conjunto de regras CSS formam uma Folha de Estilos. Uma regra CSS, na sua forma mais simples, compõe-se de três partes: um seletor, uma propriedade e um valor, que devem ser apresentados conforme mostrado abaixo:
seletor { propriedade: valor; }
Seletor: genericamente, é o elemento HTML para o qual a regra será válida (por exemplo: <post>, <body>, <sidebar-wrapper>, <h1>, <p>, etc...);
Propriedade: é o atributo do elemento HTML ao qual será aplicada a regra (por exemplo: font, background, color,etc...).
Valor: é a característica a ser assumida pela propriedade (por exemplo: letra tipo arial, cor azul, fundo verde, etc...)
Um exemplo prático pode ser encontrado no topo do código do seu template de testes:
body {
background:$bgcolor
Onde body é o seletor (o elemento HTML que receberá o estilo) , background apropriedade deste elemento e $bgcolor o valor
Na sintaxe de uma regra CSS, escreve-se o seletor e a seguir a propriedade e valor separados por dois pontos e entre chaves { }. Quando mais de uma propriedade for definida na regra, deve-se usar ponto-e-vírgula para separá-las. Ex:
body{
background: $bgcolor;
margin:0; }
(fonte das informações: Maujor)
No topo da folha de estilos do seu blog de testes você encontrará Variable definitions,que são valores que podem ser modificados no Painel Fontes e Cores do Blogger. Substituindo valores como #ffffff (cor branca) por uma variável ($bgcolor, por exemplo) você poderá alterar esta cor no painel de Fontes e Cores sem precisar mexer no código do template. Quanto mais variáveis forem criadas, maior a facilidade de mudar cores e fontes dos elementos da página, através do painel. Muitas vezes não se consegue mudar a cor ou fonte de um determinado template por que o autor não usou as variáveis, especificando um determinado valor diretamente em uma propriedade. Por exemplo:
body{
background: #ffffff;}
determina que o fundo da página será branco e isto só poderá ser alterado no código.
body{
background: $bgcolor;}
aqui o valor é uma variável e poderá ser alterada no painel do Blogger (Fontes e Cores).
Uma mesma variável pode ser usada em várias propriedades, contanto que se deseje que as cores mudem de maneira idêntica. Por exemplo:
body{
background: $bgcolor;}
sidebar-wrapper{
background: $bgcolor;}
Ou seja, a mesma cor escolhida no painel Fontes e Cores para Background Color será aplicada nos dois casos (fundo da página e coluna lateral igualmente brancos ou verdes, etc.)
Se você prestar atenção nas variáveis do template Mínima, verá que são poucas as opções e se você pretende futuramente mudar as cores do seu template sem precisar tornar a alterar o código, crie tantas variáveis quanto achar interessante.
Note porém que deve ser respeitada a sintaxe para cada tipo de variável:
Variável Cor:
<Variable name="bgcolor" description="Page Background Color"
type="tipo da variável, no caso color" default="#fff" value="#ffffff">
ou seja:
<Variable name="nome da variável - pode ser qualquer nome que escolher, sem espaços" description="descrição que aparecerá no painel Fontes e Cores, pode conter espaços"
type="color" default="valor padrão, funciona na falta de um outro valor fornecido" value="valor da cor fornecida">
Variável Fonte:
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
ou seja:
<Variable name="nome da variável, sem espaços" description="Descrição da variável, pode conter espaços"
type="tipo da variável, no caso, font" default="o mesmo para que se aplica à cores, ou seja, uma fonte padrão" value="fonte escolhida">
Sobre fontes irei me estender mais nos próximos capítulos....
Vamos começar então criando uma nova variável do tipo color, para começar:
<Variable name="cordasidebar" description="Cor do Background da Sidebar"
type="color" default="#fff" value="#CC99FF">
o nome que criei, como exemplo, para esta variável é 'cordasidebar' (um nome qualquer, pois lembre-se que esta variável pode ser utilizada em qualquer propriedade, não apenas no background da sidebar), descrevi-a como Cor do Background da Sidebar (é o que irá aparecer no painel Fontes e Cores), mantive o valor #fff (branco) para default e escolhi o valor hexadecimal #CC99FF que corresponde ao lilás. Cole todo este trecho entre qualquer outra variável de sua página, como mostra a imagem:
aula4
Salve a modificação. Agora vamos ver como esta variável irá se apresentar no Painel. Clique em Fonte e Cores e se você fez tudo certinho até aqui, irá ver a nova variável assim:
aula5
Pois bem, agora que a nossa variável existe, podemos aplicá-la a qualquer propriedade de qualquer seletor onde é possível aplicar cor. Para que a variável funcione é preciso acrescentar o símbolo $ antes dela.
Vou aplicar esta variável na propriedade background de dois seletores, header e sidebar:
#header-wrapper {
width:660px;
background: $cordasidebar;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
#sidebar-wrapper {
width: 220px;
background: $cordasidebar;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Note que originalmente, no template Mínima, não existe a propriedade background para nenhum dos dois seletores, é preciso criá-las, como fiz aqui.
Agora que você determinou a variável na propriedade background dos dois seletores, salve e retorne ao painel fontes e cores. Note que tanto o cabeçalho quanto a sidebar estão com a mesma cor de fundo:
aula6
Nota: Para fugir das cores do padrão do painel Fontes e Cores, determine outros valores para sua variável, que podem ser escolhidas em uma tabela como essa. Copie o código html e acrescente em value, como já foi explicado.
Para finalizar esta primeira parte, como lição de casa :-) fica a sugestão de criar variáveis do tipo color para cada um destes seletores: body, outer-wrapper, header, main-wrapper, sidebar-wrapper e footer. Não se esqueça de que a propriedade background deve ser criada para todos estes seletores (menos body, que já contém).
Por hoje é só.

 

LEI MAIS

Bookmark and Share

12/12/2009

doutorblogs com alteração que você está desejando pode ser feita no gadget "Postagens no Blog".

Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
Buzz It

blogger

Muitos leitores tem dúvidas para retirar ou alterar ítens da área de postagem do Blogger. Antes de partir para a aba "Editar HTML" e mexer nos códigos, o ideal é verificar se a alteração que você está desejando pode ser feita no gadget "Postagens no Blog".
Nesta imagem você visualiza um post com a maioria dos ítens padrão do Blogger:


Para mudar o número de posts que você deseja para a página inicial e retirar ítens ou modificar alguns textos, você deve clicar em "Editar" no gadget "Postagens no Blog" localizado na aba "Elementos de Página":

Em seguida altere o número de posts a ser mostrado na página principal, marque ou desmarque as caixinhas dos ítens, modifique os textos colocando o que você preferir:

Veja que agora o post está sem data, ícone de comentários, backlinks, etc e apresenta apenas 1 post na página:

Porémmmmmm.... vocês perceberam que os teimosos dos marcadores continuam lá, mesmo eu tendo desmarcado a caixinha??
Pois é, surpresinha do Blogger sem contar prá ninguém. Mas eu ensino como retirar os marcadores em próximo post.

 

LEI MAIS

Bookmark and Share

12/11/2009

doutoblogs,fazer com que uma determinada postagem seja sempre a primeira a ser vista

Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
Buzz It

Muitas pessoas me perguntam como dar um estilo diferente para  a primeira página do blog ou mesmo para fazer com que uma determinada postagem seja sempre a primeira a ser vista, como um texto fixo de apresentação e boas-vindas. Para fazer com que um texto fique fixo na primeira página do blog, publique-o normalmente, depois entre na página de edição do texto e programe uma data para o futuro, como mostra a a imagem abaixo:

Jogue a data para 2019  por exemplo e este sempre será o primeiro post visível em seu blog, encabeçando todos os outros que publicar. Para que apareça apenas este post na primeira página, vá em Configurações ->Formatação e programe para aparecer apenas uma postagem:

Para dar a primeira página um estilo diferente das páginas internas do blog, acrescenteapós a tag ]]></b:skin>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>

aqui os estilos para a primeira página

</style>
</b:if>


O que faço aqui é o uso de uma condicional (em negrito) que determina que o estilo se aplique apenas à Home do blog.
Vamos tomar por exemplo um Template Mínima do Blogger (faça sempre experiências com um blog de testes, nada de ir direto modificando seu blog oficial, ok?) que está neste blog de testes; note que a primeira página está com as cores modificadas, a largura de outer-wrapper é maior e eu inverti o posicionamento das colunas: passei a sidebar para a esquerda e a coluna do post para a direita. Clique no título do post para ver a página interna, onde aparece o template Mínima sem modificações.
Para isso eu acrescentei os seguintes códigos:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
body{background: #111;}
#header-wrapper{width: 100%;height:120px; background: #303030; border:none;}
#header{border:none}
#outer-wrapper{width: 900px}
#main-wrapper{float: right; width: 600px;background: #f5f5f5}
#sidebar-wrapper{float: left; width: 280px; background: #303030}
body#layout #header-wrapper, body#layout #sidebar-wrapper, body#layout #main-wrapper{background: none}
</style>
</b:if>

o que está em negrito é o estilo para o painel Layout, pois se não especificarmos que não há background, as cores ou imagens escolhidas para a primeira página aparecerão alí também.
Este é apenas um exemplo bastante simples para que entendam como diferenciar a home das outras páginas do blog. Existem muitas possibilidades e aí é que entra a criatividade de cada um :)

É possível criar outros estilos para as  diferentes  páginas do seu blog  e eu recomendo que leiam este post do Bloggersphera, onde tenho aprendido muito sobre o assunto.

 

LEI MAIS

Bookmark and Share

12/10/2009

doutorblogs,como usar ascondicionais b:if / b:else no Blogger.

Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
Buzz It

Ainda existem muitas dúvidas de como usar ascondicionais b:if / b:else no Blogger. Vamos tentar explorar um pouco mais o assunto e falar também sobre as páginas do Blogger.
Primeiro vamos compreender melhor as condicionais.

Estrutura IF e Operadores

A instrução IF é utilizada nas mais diversas situações de programação, mas fica mais fácil de entende-la se usarmos um exemplo do cotidiano. Vou mostrar como é usada no Blogger:

1
<b:if cond='condições do clima == está chovendo'>

2
Fique em casa

3
<b:else/>

4
Vá ao mercado

5
</b:if>

  1. Na primeira linha colocamos "Se a condição do clima for igual a 'está chovendo'";
  2. Na segunda linha colocamos a instrução se essa condição for verdadeira;
  3. Na terceira colocamos "Senão"
  4. Na quarta linha colocamos a instrução se a condição for falsa;
  5. E por último, fechamos o código com o fechamento da tag b:if.

Podemos escrever de outra maneira:

1
<b:if cond='condições do clima != está chovendo'>

2
Vá ao mercado

3
<b:else/>

4
Fique em casa

5
</b:if>

Aqui mudamos o operador de == para != e invertemos a situação:
"Se a condição do clima for diferente de'está chovendo'"
Bem, vamos transportar isso para as páginas do Blogger.
Eu quero que determinado estilo se aplique à todas as páginas index e não quero que se aplique às páginas dos posts:

01
<b:if cond='data:blog.pageType == "index"'>

02
<style type='text/css'>

03
#main-wrapper {

04
border: 1px solid #000000;

05
}

06
<style>

07

08
<b:else/>

09
<style type='text/css'>

10
#main-wrapper [

11
border: 1px solid transparent;

12
}

13
<style>

14

15
</b:if>

"Se o tipo de página for igual a 'index'"
Coloque borda preta no main-wrapper
"Senão"
a borda será transparente.
Da maneira que escrevemos, a borda será colocada nas páginas: inicial, de categorias, e nas outras páginas index. E não será colocada nas páginas internas dos posts.
Antes de continuarmos vamos ver como são descritas as páginas do Blogger.

Páginas do Blogger

O Blogger contém 3 tipos de página. Mas não precisamos ficar presos apenas aos tipos de página quando queremos determinar uma condição à elas. Podemos usar também onome da página ou a url da página.
Tipos de página

Os tipos de página são:
  1. index - todas as páginas exceto as internas (das postagens) e as de arquivo;
  2. archive - as páginas dos arquivos;
  3. item - as páginas internas (das postagens).
Escrevendo condições para os tipos de páginas

A expressão usada para o tipo de página é blog.pageType

01
<b:if cond='data:blog.pageType == &quot;index&quot;'>

02
<!--  SE o tipo de página for igual a index  -->

03

04
<b:if cond='data:blog.pageType != &quot;index&quot;'>

05
<!--  SE o tipo de página for diferente de index  -->

06

07
<b:if cond='data:blog.pageType == &quot;archive&quot;'>

08
<!--  SE o tipo de página for igual a archive -->

09

10
<b:if cond='data:blog.pageType != &quot;archive&quot;'>

11
<!-- SE o tipo de página for diferente de archive  -->

12

13
<b:if cond='data:blog.pageType == &quot;item&quot;'>

14
<!--  SE o tipo de página for igual a item  -->

15

16
<b:if cond='data:blog.pageType != &quot;item&quot;'>

17
<!--  SE o tipo de página for diferente de item  -->

Nome das Páginas

Quando o Blogger incluiu o blog.pageName (pouco mais de 1 ano atrás, se a memória não falha), foi aplaudido. Isso possibilitou a otimização dos títulos, usando as condicionais.
Mas não é só para os títulos que podemos usar o nome das páginas em condicionais. Podemos aplicar estilos à uma determinada página, ou colocar um widget apenas nessa página.
Vamos ver alguns exemplos.
Exemplo 1 - Widgets em páginas de marcadores

O widget de lista de blogs apenas nas páginas de um marcador chamado "Parcerias":

1
<b:widget id='BlogList1' locked='false' title='Blogroll'type='BlogList'>

2
<b:includable id='main'>

3
<b:if cond='data:blog.pageName == &quot;Parcerias&quot;'>

4
<!-- resto do código -->

5

6
</div>

7
</b:if>

8
</b:includable>

9
</b:widget>

Exemplo 2 - Estilos para a página de um só post

1
<b:if cond='data:blog.pageName == &quot;LOREM IPSUM&quot;'>

2
<style type='text/css'>

3
.post-body {

4
color: #cc0000;

5
}

6
</style>

7
</b:if>

Quando você escreve condicionais para o blog.pageName é importante usar exatamente a mesma grafia que você usou em seus posts. Por exemplo, se "Parcerias" foi escrito com a primeira letra em maiúscula, deve ser colocada assim também na condicional. No exemplo 2, LOREM IPSUM foi escrito todo em maiúsculas e assim deve estar também na condicional.

Url das páginas

Também podemos usar a url das páginas para colocar condicionais. Para isso usamosblog.url.
Exemplo 1 - Título do Blog não clicável na página inicial

1
<b:if cond='data:blog.url == data:blog.homepageUrl'>

2
<data:title/>

3
<b:else/>

4
<a expr:href='data:blog.homepageUrl'><data:title/></a>

5
</b:if>

Exemplo 2 - Estilo só na página de um determinado marcador

1
<b:if cond='data:blog.url == &quot;http://NOME_DO_BLOG.blogspot.com/search/label/Parcerias&quot;'>

2
<style type='text/css'>

3
.post-body {

4
color: #cc0000;

5
}

6
</style>

7
</b:if>

Widget só na página de um certo post

01
<b:widget id='BlogList1' locked='false' title='Blogroll'type='BlogList'>

02
<b:includable id='main'>

03
<b:if cond='data:blog.url == &quot;http://NOME_DO_BLOG.blogspot.com/2009/03/lorem-ipsum.html&quot;'>

04

05
<!-- resto do código -->

06

07
</div>

08
</b:if>

09
</b:includable>

10
</b:widget>

No artigo Widgets diferentes para cada página eu já tinha falado um pouco sobre este assunto, de maneira mais superficial. Com a possibilidade de criar estilos diferentes para cada página os pedidos para tutoriais e as perguntas a respeito das condicionais aumentaram bastante.
Mas elas não se aplicam apenas a estilos e widgets. São muitas as possibilidades de utilização

 

LEI MAIS

Bookmark and Share

12/08/2009

Vou ensinar como manipular os códigos do widget de imagem para transformá-lo em um campo de destaque para posts

Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
Buzz It

Vou ensinar como manipular os códigos do widget de imagem para transformá-lo em um campo de destaque para posts anteriores. Como acredito que uma imagem vale mais que mil palavras, vejam do que trata este tutorial em meu blog de testes. Notem abaixo do cabeçalho os quadrados com imagens acompanhadas de um título e legenda. Onde quer que se clique alí, seja na imagem, no título ou na legenda, você será levado ao post em questão. As vantagens de se usar o widget de imagem alterado desta maneira é a possibilidade de colocar em destaque posts antigos que não apareceriam em um widget de posts recentes por exemplo, atraindo o leitor para assuntos do seu blog que você não quer que 'desapareçam' com as novas publicações.
Como em todos os outros tutoriais, estou usando o Template Mínima do Blogger para a modificação.

Antes de iniciar a explicação:
1- A colocação dos destaques é 100% manual, ou seja, não implica no uso de nenhum script que faça uma troca automática dos assuntos apresentados. Você deverá escolher qual post destacar e qual imagem e legenda usará no destaque;
2-Apesar do uso deste widget ser muito simples, as alterações que vou explicar exigem atenção. Por isso, por favor, tentem primeiro em um blog de testes até que tudo saia perfeito, ok?

A primeira coisa que faremos é decidir onde os widgets aparecerão e no meu exemplo eu escolhi a div crosscol que existe no template Mínima mas não é visível (o que acho algo meio bizarro). Para que fique visível, procure por este trecho:
<div id='crosscol-wrapper'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

Substitua o no (em negrito) por yes e salve. Note que no modo Layout e o retangulo correspondente a esta div (abaixo do cabeçalho) aparecerá.
Para que as medidas que passarei a seguir fiquem corretas no template, altere o width de #outer-wrapper para 900px;
Agora no CSS do código do template (antes de ]]></b:skin>), acrescente o seguinte código (meus comentários estão em vermelho):
#crosscol-wrapper{
margin: 0 auto;
padding: 15px;
float:left;
border:1px solid #2e2e2e; /* escolha aqui a cor e largura da borda */
background: #111} /* escolha aqui a cor do background */
.crosscol h2{
margin: 0px;
padding: 0px 0px 0px;
text-align:left; /* escolha aqui o alinhamento do título */
height: 25px; /*altura do espaço para o título */
color: #ccc; /* cor da fonte do título */
font-size: 18px; /*tamanho da fonte do título */
font-weight:bold;
text-transform:uppercase;
letter-spacing:-1px;}
.crosscol .widget{
margin: 0px 2px 0px; /*espaçamento entre os widgets*/
padding: 5px;
width: 200px; /*largura de cada widget */
height:260px; /* altura de cada widget */
float:left; /* importante que a flutuação seja à esquerda */
border: 1px solid #2e2e2e; /*cor da borda de cada widget*/
background: #212121 /*cor do background de cada widget */
}
.crosscol .widget img {
margin: 0px;
padding: 0px;
width: 200px; /* tamanho de cada imagem */
height:160px; /* altura de cada imagem */
float:left;
border:1px solid #2e2e2e; /* cor da borda de cada imagem */
}
.crosscol .widget img:hover{
border:1px solid #fa01e6; /* cor da borda de cada imagem no estado hover */
}
.crosscol .caption{
margin: 0px;
padding:3px 0 0; /* distância da legenda para a imagem */
color:#ccc; /* cor da fonte da legenda */
font-size: 97%; /* tamanho da fonte da legenda */
text-align:justify; /* alinhamento da legenda */
}
acrescente também o código abaixo para alinhar os widgets no modo layout:
body#layout #crosscol{
margin: 0 auto;
padding: 0 0 0;
width: 900px;
float:left;}
Salve a modificação, vá em Layout e no espaço correspondente a div crosscol (abaixo do cabeçalho) , insira 4 widgets de imagens:

Conforme a imagem, coloque o título (sendo interessante colocar o mesmo do post), emlegenda uma breve descrição do assunto, em link a url do post (que se obtém clicando com o botão direito do mouse sobre o título -> copiar link) e suba uma imagem que ilustre o post (no caso usei a mesma que ilustra meu post fictício). Insira os quatro widgets linkando para 4 posts diferentes e salve.
Por padrão apenas a imagem torna-se um link para a url escolhida; o que vamos fazer agora é uma alteração para que todo o conteúdo do widget (título e legenda) se tornem um link também.
1- Em editar HTML, clique em Expandir Modelo de Widget e procure pelo seguinte trecho:
<div id='crosscol-wrapper'>
<b:section class='crosscol' id='crosscol' showaddelement='yes'>

<b:widget id='Image4' locked='true' title='Mauris Vitae' type='Image'>

<b:includable id='main'>

<b:if cond='data:title != &quot;&quot;'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<b:if cond='data:link != &quot;&quot;'>

<a expr:href='data:link'>

<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>

</a>

<b:else/>

<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>

</b:if>

<br/>

<b:if cond='data:caption != &quot;&quot;'>

<span class='caption'><data:caption/></span>

</b:if>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

O que está em vermelho é o código de um widget que foi acrescentado. Este código deve se repetir, um após o outro, por quatro vezes (já que você adicionou 4 widgets) . Você deve alterar cada um deles para que fiquem como a seguir (as alterações estão em negrito):
<b:widget id='Image4' locked='true' title='Mauris Vitae' type='Image'>
<b:includable id='main'>
<a expr:href='data:link'>
<h2><data:title/></h2>
</a>
<div class='widget-content'>
<b:if cond='data:link != &quot;&quot;'>
<a expr:href='data:link'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
</a>
<b:else/>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:if>
<br/>
<a expr:href='data:link'>
<span class='caption'><data:caption/></span>
</a>
</div>
</b:includable>
</b:widget>
o trecho <b:include name='quickedit'/> é suprimido e com isto excluímos o ícone da ferramenta que aparece em cada widget quando estamos logados (pois com estas modificações ele toma as proporções que determinamos para cada imagem e ficam enormes, atrapalhando a visualização do template).
Procure fazer a modificação em todos os widgets e salve.
É isso. Quando quiser mudar o destaque, basta trocar a imagem escolhida e substituir as informações título, link e legenda.

 

LEI MAIS

Bookmark and Share

Para colocar no rodapé da postagem os Artigos Relacionados.

Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
Buzz It

como uso aqui no Templates, é muito fácil e também muito útil, pois direciona o leitor para outros textos com a mesma tag.

1- Coloque o script abaixo depois de ]]></b:skin>:


<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>


2- Salve a modificação. Clique em Expandir Modelo de Widget e procure por este trecho e acrescente o que está em vermelho:

<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/>

</b:if>

</b:loop>
</b:if>
</span>


3- Agora procure por:
<div class='post-footer-line post-footer-line-3'>
e cole logo abaixo:


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='related-posts'>
<h4>Posts Relacionados:</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
</b:if>


Salve as modificações. Para dar estilo ao título e à lista, acrescente no CSS:

.related-posts h4{
margin: 0 0 0 10px;
padding: 0 0 0;
font-size: coloque aqui o tamanho da fonte;
color: #...coloque aqui o valor da cor para o título;
}
Para dar estilo à lista:
.related-post ul{
margin: 0 0 0;
padding: 0 0 0;
list-style-type:none;}
.related-posts li{
margin: 0 0 0;
padding: 2px 0px 0px;
list-style-type:none;
font-size: tamanho da fonte;}
.related-posts li a{color: #....}
.related-posts li a:hover{color: #.....; text-decoration:none;}

Obs: os links dos artigos relacionados aparecem apenas nas páginas internas. Eles não aparecem se você trancar seu blog.

fonte de poster

LEI MAIS

Bookmark and Share

12/07/2009

Com esse tutorial você vai pode adicionar um botão retweet no seu blog.

Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
Buzz It

recomendo utilizá-lo porque ele gera um grande tráfego de visitantes. A maioria dos usuários do Twitter também usam a opção retweet (retuite) que permite você postar novamente alguns tweets interessante no Twitter.
Com esse tutorial você vai pode adicionar um botão retweet no seu blog para que o seu visitante possa retuitar qualquer postagem, e também tem um contador de re-tuites. Essa tarefa é muito fácil, vou lhe mostrar 4 estilos de botões:
Normal à esquerda
Normal à direita
Compacto à esquerda

Compacto à direita


Normal à esquerda

Botão Enviar para o Twitter Blogger

Código:

<div style="float:left;padding:4px;">
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'Nome_De_Usuario_do_Twitter';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
Normal à direita

Botão Enviar para o Twitter Blogger

Código:

<div style="float:right;padding:4px;">
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'Nome_De_Usuario_do_Twitter';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
Compacto à esquerda

Botão Enviar para o Twitter Blogger

Código:

<div style="float:left;padding:4px;">
<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'Nome_De_Usuario_do_Twitter';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
Compacto à direita

Botão Enviar para o Twitter Blogger

Código:

<div style="float:right;padding:4px;">
<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'Nome_De_Usuario_do_Twitter';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>

Instalando o botão no Blogger:
1.
Depois de escolher o seu estilo preferido, abra um novo arquivo de texto, copie e cole o código lá, e substituaNome_De_Usuario_do_Twitter pelo seu nome de usuário do Twitter.
2. Entre na sua conta do Blogger, e vá em Layout>> Editar HTML. E clique na caixinha Expandir Modelos de Widgets.
3. Procure por este código:
<div class='post-header-line-1'/>

Agora copie e cole o código do botão escolhido,não esqueça logo abaixo do código acima em vermelho .
PS: Caso você não encontre o código <div class='post-header-line-1'/> ,procure por: <data:post.body/>

 

LEI MAIS

Bookmark and Share

12/01/2009

doutorblogs explica. ferramenta que seja feita para blogueiros para que eles possam fazer blogs offline.

Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
Buzz It

hoje vamos falar sobre Window Live Writer,

image

Muita pessoa já sabe sobre Window Live Writer,
mas também acredito que alguns leitores ou visitantes de Kang
Blog Rohman ainda não sei o Window Live Writer
é? O que é o Window Live Writer? Window Live Writer é um
ferramenta que seja feita para blogueiros para que eles possam fazer
blogs offline. Offline Blogging? Podemos fazer offline
blogar?
Se você é um novato em blogs, você entrará em
Blogger; escrever o artigo no painel do Blogger para
fazer uma postagem. É a velha forma, você sabe! Há
Agora, muitas ferramentas gratuitas onde podemos pôr os nossos artigos
sem registro em primeiro blogueiro, por exemplos;
Wbloggar, ScribeFire, Post2Blog, e Window Live Writer.
Ainda não entendemos o que é blogar offline? Pouco
Posso dizer que, você faz um artigo no blog offline
ferramenta que você utilizar, clique no botão Publicar. E
automaticamente, o seu artigo será mostrado em seu blog.
Kang Rohman tentou offline muitas ferramentas para blogs e eu
se apaixonar por este produto Microsoft Corporation.
Existem algumas razões pelas quais Kang Rohman prefere Window
Live Writer como um parceiro em blogs. As razões são as
segue;
1. Podemos fazer blogs offline. Significa que, quando Kang
Rohman está escrevendo um artigo para o Blog do Rohman Kang, Kang
Rohman não precisa se logar no Blogger e ter uma
conexão com a internet em primeiro lugar. É o valor mais
de blogs offline, certo! Se pudermos fazer isso uma, pode
reduzir a taxa de fora conexão à Internet. Especialmente nós
pagar a ligação à Internet com base no uso de quotas.
2. Exposição atrativa. Ao Kang Rohman primeiro tentei isso
ferramenta, Kang Rohman diretamente apaixonou-se com a beleza
de exibir post editor.
3. Editor Completa ferramenta. Se nos acostumamos a usar editor
no Blogger, você verá a nova situação ao utilizar
Window Live Writer porque as ferramentas são muito completos
e sentir como o Microsoft Word. Se você quiser fazer
tabela, engenharia de imagem, e outros, será mais fácil
de usar.
4. Editor de imagens poderosas. A recente escritor Window Live
tem editores de imagem excelente. Podemos fazer vários tipos de
interessantes imagens com apenas um clique. De. Naturalmente,
vai salvar o time. As amostras de efeito que podemos
WLW são criados com sombra Drop (fazer uma sombra), Photo
papel, Reflexão, Canto arredondado, Water Mark, Preto e
White, Sepia tom e muito mais. Você só precisa um clique
para fazer de todos eles. Segue-se as amostras de efeito de imagem
que podemos criar com WLW;

Eles são incríveis, não são? Você só precisa de escolher
o efeito que você gosta ou quer.
5. No upload de imagens. Na nova versão do WLW, nós
não tem que fazer upload da imagem porque a imagem é
automaticamente para o Picasa Web álbum.
6. Multi Preview Editor. Você pode escolher o editor que
gosto, em HTML versão ou a versão normal (WYSUWYG), e nós
visualização para ver em tempo real.
7. Add-Plug-in. Assim como o FireFox que é famoso com
Add-on de modo que as performances do Firefox será
melhor. WLW tem também adicionar plug-in instalações, algumas
características podem ser download para WLW como você quer. O plug-in
que Rohman kang como é inserir um sorriso! Assim, pode-se
como este ou livremente.
8. Há ainda muitas especialidades sobre WLW que
Esta ferramenta é merecia ser escolhidos e usados.
Interessado em testar escritor Window Live! Faça o download
em http://get.live.com/writer/overview ou em
http://windowslivewriter.spaces.live.com.
Para adicionar plug-in, você pode baixar em
http://gallery.live.com
Leitores Ok, espero ter ajudado, essa feramenta na nossa vida de blogeiro é tudo de bom.

LEI MAIS

Bookmark and Share

11/29/2009

Lista de Lista de Sitemap Ferramentas Online, Geradores, e Criadores - Sitemap Makers Parte 1

Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
Buzz It

List of Online Sitemap Tools, Creators and Generators

Sua página de sitemap é uma página de que todos os sites deveriam ter. Embora sitemaps são grandes para SEO, eu estou falando sobre a importância de sitemaps para seus visitantes. Se os usuários não podem encontrar algo em seu site, muitos deles vão olhar para o seu sitemap, que é essencialmente uma tabela de conteúdo ou menu para o conteúdo de seu site. No entanto, existem muitas outras razões que sitemaps são vitais para o seu site, como por SEO.sitemaps facilitar bastante as coisas para o motor de pesquisa indexadores e se você quiser que seu site seja rentável, você deve olhar para criar um sitemap para seu site.
Existem determinados tipos de site que dependem Sitemaps para receber adequadamente rastreado pelos motores de busca. Sitemaps são especialmente úteis para os seguintes tipos de sites:
(1) Sites que possuem conteúdo dinâmico em que o conteúdo é acessado a partir de um banco de dados.
(2) Seu site é smackin marca "nova e não há muitos links para seu site ou nas páginas ainda.
(3) Seu site possui um grande número de páginas, como páginas de arquivos e todas as páginas não estão ligados corretamente à eachother.
(4) Seu site tem muitas páginas que não são facilmente acessados por mecanismo de pesquisa, tais como Flash e AJAX páginas.
No entanto, o motivo mais importante de tudo é que a criação de um sitemap para ajudar o Google fazer um trabalho melhor em rastreamento e compreensão de seu site. Outra razão é que ao enviar um sitemap para o Google, então você vai ter acesso a muito mais informações analíticas sobre o seu site, por exemplo, como muitas de suas páginas são indexadas, e os erros que a página que você poderia ser de outra forma inconsciente.
As seguintes ferramentas foram criadas para facilitar o processo de criação do sitemap. A maioria desses online, baseada em navegador sitemap generators são livres. Parte II deste artigo / lista será uma lista de Sitemap Generation Software. Espero que esta lista ajuda a gerar um grande mapa do site.
AutoSitemap

(Livre e serviços pagos oferecidos) Autositemap é uma maneira fácil de gerar um documento XML Google Sitemap para seu Web site, fórum ou blog que pode mapear desassociou ou banco de dados gerado páginas não pode ser acessado pelo método rastreador. Basta instalar o script, adicionar a imagem de rastreamento para que ele seja exibido em cada página do seu site e em seguida, registrar o URL do Sitemap com o Google. Ele funciona através da captação da referer HTTP quando servir a imagem de rastreamento.

Bridge Internet

(Livre) Este site é permitir que você: Criar um sitemap formato XML que pode ser apresentado ao Google para ajudar a rastrear o seu site melhor. Crie um sitemap de texto para apresentar ao Yahoo. Criar um sitemap ROR, que é um formato XML independente de qualquer mecanismo de busca. Gerar um mapa de site em HTML para permitir que os visitantes humanos para navegar facilmente no seu site

Build your Site Map online

(Free and Upgraded serviços disponíveis) Este site é permitir que você: criar um formato XML sitemap que pode ser enviado para o Google para ajudar a rastrear o seu site melhor, criar um sitemap de texto para apresentar ao Yahoo, criar um sitemap ROR, que é um formato XML independente de qualquer motor de busca, e gera um mapa de site em HTML para permitir que os visitantes humanos para navegar facilmente no seu site.

Free Google Sitemap generator phpSitemapNG

(Livre) phpSitemapNG é um gerador livre do Google Sitemaps escrito em PHP, mas também gera RSS-based, txt-baseado e baseado em HTML arquivos sitemap. Será aranha seu site e também seu sistema de arquivos (é claro, como você preferir). Você pode baixar e usá-lo gratuitamente, a licença GPL.

Free Sitemap Generator

(Livre) A ferramenta cria um sitemap como definido pelo Google ™, para o seu site. Digite o URL do seu site (s), deixe as nossas ferramentas gerar um mapa para você e para baixar o mapa do site comprimido mais tarde. Não se esqueça de enviar o sitemap para o Google ™.Nós aranha seu site inteiro (até 5.000 páginas) para certificar-se todos os links / páginas são incluídas no mapa do site.

Google Sitemap Generator

(Livre) Um Sitemap do Google (XML Sitemap) eo sitemap tradicionais diferem em um número de maneiras. O sitemap XML é feito para os motores de busca como Yahoo, Google e MSN e quando visto por um ser humano, não é bonito. O sitemap tradicional HTML (Mapa) é uma forma gráfica de apresentar o layout do seu site para os seres humanos para ajudar ainda mais a sua navegação do seu site. Se você quiser que os motores de busca para ver suas páginas, um sitemap XML é o caminho a percorrer. Você pode um mapa do Google (XML Sitemap) e mapa do site padrão (html) correndo lado a lado e não vai impactar negativamente o seu site.

makeasitemap

(Livre) Depois de ter criado o Sitemap e colocá-lo no seu servidor web, você pode enviá-lo aos motores de busca que suportam o protocolo Sitemaps. Você também pode criar uma conta e intowww.google.com log / webmasters e envie seu sitemap lá.

ONLINE SITEMAP CREATOR

(Livre) Sitemap Creator ferramenta é útil para webmasters. Quase toda página está fornecendo sitemap. Você pode criar sitemap manualmente ou automaticamente, com esta ferramenta. A melhor maneira é a seguinte: de início, primeiro com o Sitemap Creator, obter resultados e ajustá-los de acordo com seus desejos.

PCTIMELIMIT ONLINE SITE MAP GENERATOR

(Livre) Um gerador de sitemap gratuito online. Faz a varredura do dobrador local com sua cópia do Web site para coletar páginas do site. Ele gera sitemaps do Google Sitemap Protocol XML e / ou o comum Mapa do site que são reconhecidos por todos os motores de busca, incluindo o Google. Há também um livre Offline Sitemap Generator que você pode baixar.

ResourceSEO Sitemaps Generator

(Livre) Características usa largura primeira pesquisa para rastrear sua página e encontrar os links. Sub páginas Spiders também cria um sitemap XML para os primeiros 100 URLs encontrados, as configurações padrão: Prioridade ,5 changefreq Hoje lastmodified Weekly, e que não irá seguir: redirecionamentos, links links quebrados, pdf, mp3, exe, SessionIDs, e relativa em sub-diretórios.

veja mais sobre. ROR Sitemap Generator,Mapa do Site Builder Tool e outros…

LEI MAIS

Bookmark and Share

uma lista com as últimas postagens que ira gostar.

Hello visitante seja bem vindo sua presença é um prazer

ads ads ads
 

Recommended links

  • ads
  • ads
  • ads
  • ads

DOUTOR. Copyright © 2009 Gadget Blog is Designed by Ipietoon Sponsored by Online Business Journal

Creative Commons License
This work is in the Public Domain.
Linkbão Oi Torpedo Click Jogos Online Rastreamento Correios Mundo Oi oitorpedo.com.br mundo oi torpedos mundo oi.com.br oi.com.br torpedo-online Tv Online torrent Resultado Dupla Sena Resultado Loteria Federal Resultado Loteca Resultado Lotofacil Resultado Lotogol Resultado Lotomania Resultado Mega-sena Resultado Quina Resultado Timemania baixa-facil Link-facil Resultado Loterias