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

4/27/2010

como aumentar -o tráfego- no meu blog com 6 widgets!

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

Enquanto eu estava atualizando o meu modelo de blog, eu estava a brincar com os elementos que eu acho que vai melhorar a experiência dos usuários. Estou, hoje, ainda testes com alguns widgets, pensando em colocá-los em.
Entre todos, 6 deles foram executados no meu blog e eles realmente melhorar a usabilidade, recebendo feedbacks boa, aumentando o tráfego, bem como a autoridade Technorati.
1. Aumentar backlinks no Technorati
Eu fiz isso como um widget para atrair espectadores para ler este post em particular. Eu aumentei minha autoridade technorati 0-17 em 10 dias. Além disso, i get backlinks de blogueiros que aderiram à campanha.

- http://itblood.blogspot.com/2008/11/increase-your-number-of-backlinks-on.html

2. Related posts widget
Depois de ler seu post, os leitores encontrarão relacionados / recomendado posts no fundo do posto por categorias / etiquetas. É um widget bem para reduzir a taxa de saída.
- http://rias-techno-wizard.blogspot.com/2008/08/related-posts-widget-for-blogger-bugs.html

3. Expansível posts widget
Widget de posts Expansível faz seu blog puro como ele exibe apenas o resumo do post. Para ler mais, os leitores têm de clicar no "link Leia Mais" e será redirecionado para a página real.Pode ser usado com uma combinação de widgets para reduzir a taxa de saída, ao mesmo tempo, aumentar o tráfego para outros lugares.
- http://hackosphere.blogspot.com/2006/09/expandable-posts-with-peekaboo-view.html

4. posts Popular widget
Os leitores sempre querem saber quais são os posts em seu popular blog! Depois de colocar este widget no meu blog, eu descobri através do Google Analytics cobertura do site, os cliques nos posts popular têm aumentado significativamente. Estou usando o Feedjit no momento, pois tem um novo recurso para me tráfego através blogosfera. Ainda estou avaliando widget popular com pós Post feed Rank que eu descobri na semana passada.Antes de tentar Feedjit, você pode querer considerá-lo!
- Usando atualmente Feedjit
- (Com Post feed Rank) http://itblood.blogspot.com/2008/11/popular-posts-widget-with-postrank-feed.html

5. Social bookmarking widget
Escusado será dizer sobre a importância do elemento social bookmarking. Se você não tiver lugar qualquer em seu blog, você deve considerar agora!
- http://www.addthis.com/
- http://sharethis.com/publisher
- http://www.smartbloggerz.com/2008/09/social-bookmarking-widget-for-blogger.html

6. Tradutor
Estou 100% de certeza que se você blog pode ser traduzido em lingua multi, pode atingir mais usuários, especialmente chineses. Eles representam quase um quarto da população mundial. Lembro-me de Seth disse em seu blog: escrever seu blog em mandarim!
- http://labnol.blogspot.com/2006/11/add-google-translation-flags-to-your.html

fontes claras do creditos itblood

Por favor, deixe-me comentários e sugestões

 

LEI MAIS

Bookmark and Share

4/22/2010

DOUTORBLOGS-Vídeo Aula-Super Curso de Criação de Sites Completo

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

Curso de criação de websites

Super Curso de criação de websites, vídeo aulas, no formato AVI, não requer instalação, apenas um clique dá acesso ao curso. O curso é ideal para iniciantes.
O curso é ideal para quem está interessado em conhecer as técnicas de desenvolvimento de sites pessoais e comerciais.

Dados do E-Book
Dados do Arquivo

Gênero: Informática
Idioma: Português
Autor: Web Designer
Formato do Arquivo: Avi/Exe
Tamanho: 86 Mb
Tipo de Compartilhamento: http

CONFIRA.

http://www.megaupload.com/?d=G9786WZ8

OLHOU BAIXOU AGRADEÇA E COMENTE OS!!!

 

LEI MAIS

Bookmark and Share

4/19/2010

exibir e Colocando emoticons nos comentários do BlogSpot-testado

Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
Buzz It
Colocando emoticons nos comentários do Blogger
ja tenho tutoriais já publicados sobre a forma de exibir emoticons nos comentários mas espero que este esteja  funfando ferifiquei e deu serto .
skype-in-BloggerMuitos tutoriais já publicados sobre a forma de exibir emoticons nos comentários do BlogSpot, mas desde que o conteúdo original é o que MBT sempre publica, hoje vamos aprender sobre como adicionar uma coleção de cute emoticons Skype acima Blogger formulário de comentário. O tutorial é tão fácil de entender como você pode imaginar!

Por favor, dê uma olhada na primeira demo, feça seu teste
Live Demo e comente os
Siga estes passos:

  1.   Ir para o Blogger ir Layout e Editar HTML
Vá então até o HTML de seu blog e clique em "Expandir modelos de widget"

Agora procure por ]]></b:skin>
E abaixo dele ]]></b:skin> cole o seguinte código.
<!-- Emoticons -->
<style type='text/css'>
.comment-body p img {vertical-align: top; padding-right: .3em;}
</style>
<script type='text/javascript'>
//<![CDATA[
function emoticonComentario(cual) {
  if(!document.getElementById) {return;}
  bodyText = document.getElementById(cual);
cualTexto = bodyText.innerHTML;
// :-A
cualTexto = cualTexto.replace(/:-\A/g,'<img src="http://www.mundodosgifs.com/emoticons/emoticons387.gif" />');
// :-Z
cualTexto = cualTexto.replace(/:-\Z/g,'<img src="http://www.mundodosgifs.com/emoticons/emoticons505.gif" />');
// :-C
cualTexto = cualTexto.replace(/:-\C/g,'<img src="http://www.mundodosgifs.com/emoticons/emoticons358.gif" />');
// :-X
cualTexto = cualTexto.replace(/:-\X/g,'<img src="http://www.mundodosgifs.com/emoticons/emoticons390.gif" />');
// :-E
cualTexto = cualTexto.replace(/:-\E/g,'<img src="http://www.mundodosgifs.com/emoticons/emoticons305.gif" />');
// :-F
cualTexto = cualTexto.replace(/:-\F/g,'<img src="http://www.mundodosgifs.com/emoticons/emoticons290.gif" />');
// :-G
cualTexto = cualTexto.replace(/:-\G/g,'<img src="http://www.mundodosgifs.com/emoticons/emoticons504.gif" />');
// :-H
cualTexto = cualTexto.replace(/:-\H/g,'<img src="http://www.mundodosgifs.com/emoticons/emoticons340.gif" />');
// :-I
cualTexto = cualTexto.replace(/:-\I/g,'<img src="http://www.mundodosgifs.com/emoticons/emoticons374.gif" />');
// :-J
cualTexto = cualTexto.replace(/:-\J/g,'<img src="http://www.mundodosgifs.com/emoticons/emoticons281.gif" />');
// :-K
cualTexto = cualTexto.replace(/:-\K/g,'<img src="http://www.mundodosgifs.com/emoticons/emoticons325.gif" />');
// :-L
cualTexto = cualTexto.replace(/:-\L/g,'<img src="http://www.mundodosgifs.com/emoticons/emoticons253.gif" />');
// :-M
cualTexto = cualTexto.replace(/:-\M/g,'<img src="http://www.mundodosgifs.com/emoticons/emoticons180.gif" />');
// :-N
cualTexto = cualTexto.replace(/:-\N/g,'<img src="http://www.mundodosgifs.com/emoticons/emoticons303.gif" />');
// :-O
cualTexto = cualTexto.replace(/:-\O/g,'<img src="http://www.mundodosgifs.com/emoticons/emoticons336.gif" />');
// :-P
cualTexto = cualTexto.replace(/:-\P/g,'<img src="http://www.mundodosgifs.com/emoticons/emoticons393.gif" />');
// :-Q
cualTexto = cualTexto.replace(/:-\Q/g,'<img src="http://www.mundodosgifs.com/emoticons/emoticons451.gif" />');
// :-R
cualTexto = cualTexto.replace(/:-\R/g,'<img src="http://www.mundodosgifs.com/emoticons/emoticons292.gif" />');
// :-(
cualTexto = cualTexto.replace(/:-\(/g,'<img src="http://www.mundodosgifs.com/emoticons/emoticons415.gif" />');
// :-T
cualTexto = cualTexto.replace(/:-\T/g,'<img src="http://www.mundodosgifs.com/emoticons/emoticons413.gif" />');
// :-a
cualTexto = cualTexto.replace(/:-\a/g,'<img src="http://www.mundodosgifs.com/emoticons/emoticons324.gif" />');
// :-e
cualTexto = cualTexto.replace(/:-\e/g,'<img src="http://www.mundodosgifs.com/emoticons/emoticons403.gif" />');
// :-i
cualTexto = cualTexto.replace(/:-\i/g,'<img src="http://www.mundodosgifs.com/emoticons/emoticons294.gif" />');
// :-o
cualTexto = cualTexto.replace(/:-\o/g,'<img src="http://www.mundodosgifs.com/emoticons/emoticons419.gif" />');
// :-w
cualTexto = cualTexto.replace(/:-\w/g,'<img src="http://www.mundodosgifs.com/emoticons/emoticons285.gif" />');
bodyText.innerHTML = cualTexto;
}
//]]>
</script>


Neste código abaixo, troque o código que está em verde QUE É O

<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>


Por este AQUI EM BAIXO:



<p expr:id='&quot;combody-&quot; + data:comment.anchorName'><data:comment.body/></p>
<script type='text/javascript'>
cual = &quot;combody-&quot; + &quot;<data:comment.anchorName/>&quot;;
emoticonComentario(cual);
</script>



Agora procure pelo seguinte trecho
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>  
 
E abaixo de <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> cole o código abaixo.
<center>
<table bgcolor='white' border='1'>
<tbody>
<tr>
<td colspan='10'/>
<td colspan='3'>
</td>
</tr>
<tr>
<div style='text-align: center; color: rgb(204, 0, 0);'><span style='font-size:130%;'><span style='font-weight: bold;'>Copie o código referente a imagem e cole</span></span></div>
<td><img src='http://www.mundodosgifs.com/emoticons/emoticons387.gif'/></td>
<td><img src='http://www.mundodosgifs.com/emoticons/emoticons505.gif'/></td>
<td><img src='http://www.mundodosgifs.com/emoticons/emoticons358.gif'/></td>
<td><img src='http://www.mundodosgifs.com/emoticons/emoticons390.gif'/></td>
<td><img src='http://www.mundodosgifs.com/emoticons/emoticons305.gif'/></td>
</tr>
<tr>
<td>:-A</td>
<td>:-Z</td>
<td>:-C</td>
<td>:-X</td>
<td>:-E</td>
</tr>
<tr>
<td><img src='http://www.mundodosgifs.com/emoticons/emoticons290.gif'/></td>
<td><img src='http://www.mundodosgifs.com/emoticons/emoticons504.gif'/></td>
<td><img src='http://www.mundodosgifs.com/emoticons/emoticons340.gif'/></td>
<td><img src='http://www.mundodosgifs.com/emoticons/emoticons374.gif'/></td>
<td><img src='http://www.mundodosgifs.com/emoticons/emoticons281.gif'/></td>
</tr>
<tr>
<td>:-F</td>
<td>:-G</td>
<td>:-H</td>
<td>:-I</td>
<td>:-J</td>
</tr>
<tr>
<td><img src='http://www.mundodosgifs.com/emoticons/emoticons325.gif'/></td>
<td><img src='http://www.mundodosgifs.com/emoticons/emoticons253.gif'/></td>
<td><img src='http://www.mundodosgifs.com/emoticons/emoticons180.gif'/></td>
<td><img src='http://www.mundodosgifs.com/emoticons/emoticons303.gif'/></td>
<td><img src='http://www.mundodosgifs.com/emoticons/emoticons336.gif'/></td>
</tr>
<tr>
<td>:-K</td>
<td>:-L</td>
<td>:-M</td>
<td>:-N</td>
<td>:-O</td>
</tr>
<tr>
<td><img src='http://www.mundodosgifs.com/emoticons/emoticons393.gif'/></td>
<td><img src='http://www.mundodosgifs.com/emoticons/emoticons451.gif'/></td>
<td><img src='http://www.mundodosgifs.com/emoticons/emoticons292.gif'/></td>
<td><img src='http://www.mundodosgifs.com/emoticons/emoticons415.gif'/></td>
<td><img src='http://www.mundodosgifs.com/emoticons/emoticons413.gif'/></td>
</tr>
<tr>
<td>:-P</td>
<td>:-Q</td>
<td>:-R</td>
<td>:-(</td>
<td>:-T</td>
</tr>
<tr>
<td><img src='http://www.mundodosgifs.com/emoticons/emoticons324.gif'/></td>
<td><img src='http://www.mundodosgifs.com/emoticons/emoticons403.gif'/></td>
<td><img src='http://www.mundodosgifs.com/emoticons/emoticons294.gif'/></td>
<td><img src='http://www.mundodosgifs.com/emoticons/emoticons419.gif'/></td>
<td><img src='http://www.mundodosgifs.com/emoticons/emoticons285.gif'/></td>
</tr>
<tr>
<td>:-a</td>
<td>:-e</td>
<td>:-i</td>
<td>:-o</td>
<td>:-w</td>
</tr>
</tbody>
</table>
</center><div style="text-align: right;">
<a href="http://doutorblogs.blogspot.com/2010/04/exibir-e-colocando-emoticons-nos.html" style="color: red;"><span style="font-size: x-small;"><b>Table emoticons pegue a sua</b></span></a></div>


APÓS COMPLETAR clique em salvar e estar pronto.


mas lembre se de seguir os passos abaixo antes de colocar os códigos ok.
A primeira coisa a fazer será incorporar os comentários as páginas. Vá até "Configurações", "Comentários" e marque o ítem "Postagens abaixo incorporada", depois clique em salvar.

MÃOS A OBRAS
24xjuxwCOMENTE OS SOBRE ESSE POSTER.


LEI MAIS

Bookmark and Share

4/18/2010

Hospedar JavaScript DO SEU BLOGS no Google Site.

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

1- Crie um site no Google Site:

2- Clique em criar página:

Não se esqueça de antes de começar, salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.

3- Escolha a opção Arquivos, dê um nome à nova página e escolha a opção Colocar Página no Nível Superior:

4- Clique em Adicionar Arquivo, procure o arquivo JavaScript no seu computador e clique emFazer Upload:

5- Clique com o botão direito do mouse sobre o nome do arquivo e escolha copiar link:

6- O link deve ser parecer com este: http:// sites.google.com/site/meuscodigos73/scripts/jquery%282%29.js?attredirects=0.
Exclua do link o trecho em vermelho e coloque no blog (acima da tag </head> ) desta maneira:

<script src='http://sites.google.com/site/codigos1673/scripts2/s3Slider.js' type='text/javascript'/>
Por enquanto tudo está funcionando perfeitamente e esta é uma ótima opção para hospedar scripts depois que o Google Pages fechou suas portas.Esperamos que desta vez não aconteça o mesmo.
seja o primeiro a comentar!

24xjuxw

 

LEI MAIS

Bookmark and Share

4/17/2010

Esta página é dedicada a desenvolver uma ferramenta para gerar HTML e CSS

Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
Buzz It
página no modo HTML

Navegando na internet hoje encontrei alguns sites que são geradores de templates.
Uma ótima oportunidade para você ampliar os seus conhecimentos e treinar bastante para criar o seu template.
Os sites são estes:

Não se esqueça de antes de começar, salvar uma cópia de seu template, caso não dê certo, é só reinstala-lo. Ou então use-o em um blog de testes antes de implementa-lo em seu blog

Layout Generators
Pimp-My-Profile.com
Trix Template Generator
Firdamatic

layout

Por que a necessidade de ferramenta

Esta página é dedicada a desenvolver uma ferramenta para gerar HTML e CSS código da coluna 3 layout para os blogs no blogger.com . O editor online de blogger oferece uma opção para editar a página no modo HTML. Basta colar o código aqui para o editor, você pode facilmente customize o layout do seu blog no Blogger. No modo HTNL do editor, você não poderia link para um arquivo CSS. O código do CSS deve ser colocado no bloco de <b:skin><![CDATA[ CSS code ]]></b:skin>

Divirta-se! COMENTE OS

24xjuxw

 

LEI MAIS

Bookmark and Share

doutorblogs-vocês podem mostrar seus- vídeos- usando o blogger! isto que é incrível

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


Uma vez que desde o início deste blog, que eu tinha em mente que a maioria das pessoas não usa o Blogger só por causa de sua "limitações", ou o que eles pensam que blogueiro tem, então eu decidi creat únicos modelos que iria explodir mentes não são pessoas só por causa de seus projetos, mas também por sua única e muitos fora-de-caixa possui.
Agora eu trago um modelo que ninguém nunca fez para o Blogger: um modelo de vídeo . Sim, agora vocês podem mostrar seus vídeos usando o blogger! isto que é incrível ?
O fato é que estou muito animado com este modelo, pois esta pode revelar-se uma revolução no Blogger templates, as pessoas vão ver agora que o Blogger não é tão limitado como eles achavam que era, acredite em mim: Eu nem sequer começar a descrever as suas características ainda.
Tenho vindo a trabalhar sobre este modelo para as últimas semanas, encontrar uma maneira de melhora-lo cada vez que eu coloquei minhas mãos nele. A melhor coisa foi a ajuda que eu tenho dos meus amigos de espírito presente Abu Farhan e Aneesh (de Bloggerplugins.org) . São eles (a sério) o melhor e mais rápido os desenvolvedores do Blogger que eu já conheci, eu sou muito afortunado para começar a trabalhar com esses caras.
Agora deixe-me apresentar-lhe Blogger Tube : Um modelo de vídeo que cria um elo perfeito entre o Blogger (Os melhores blogs ferramenta na minha opinião) eYoutube (o maior e mais utilizado serviço de vídeo on-line na internet).
Existem muitas razões para minha emoção, mas posso resumi-las em dois mais simples:
# 1 - Este modelo é totalmente automático, qualquer um pode usa-lo, e até mesmo o novato caras mais será capaz de postar vídeos sobre ele.
# 2 - É o primeiro de seu tipo , pelo que esta vai me motivar a lançar a versão nova e implementar novos recursos a cada versão.
Confira a demo ao vivo e você o que eu estou falando!

Instruções Blogger Tube:

Nota: A realmente agradável usuário de nossa comunidade (Obrigado mesotelioma) acaba de realizar este grande coleção de tutoriais em vídeo para Bloggertuts, por favor verificá-la, especialmente os iniciantes. Certifique-se de vê-los antes de pedir ajuda!
COMO PUBLICAR UM NOVO VÍDEO SOBRE BLOGGERTUTS

1- Você só precisa de 2 coisas: uma amostra pós (Por favor, faça o download aqui e salve-o como amostra post no Blogger suas configurações) e uma URL de vídeo do youtube.
2- Ir para Youtube. com e agarrar uma URL de vídeo:

3- Agora vá no seu painel do Blogger e criar um novo post, ele vai abrir a página de postagem com o seu post amostra salvo anteriormente:

4- Observe que você tem 2 elementos importantes:
- " endofvid "- será costumava dizer o modelo que o seu URL do vídeo terminar,você deve colar o seu direito de URL antes, sem espaços!
- [starttext] e [endtext] - Estas são as suas wrapper conteúdo do post, então se você precisa escrever alguma coisa, post qualquer imagem em seu post, por favor fazê-lo dentro destas duas linhas. Este é um importante passo, se você escrever qualquer coisa fora dessas duas linhas, não será mostrado no seu post.
5- Aqui é como o post seu como deverá ficar:

I têm destaque os elementos importantes apenas para sua referência , mas você não deve fazer isso em seus posts.
COMO INSTALAR O "VIDEOS RECENTES" WIDGET "

Basta ir à sua seção Elementos da página, clique para editar o HTML / Javascript widget chamado "Videos Recentes" e cole o seguinte código dentro:

<script style="text/javascript" src="http://blogergadgets.googlecode.com/files/dante.js"></script>
<script style="text/javascript">
var numposts = 5;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 50;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>
<div class="clear"/></div>

funções automáticas em BloggerTube:

Uma vez que você ter feito o seu post, BloggerTube tem tomado cuidado dele, vamos dar uma olhada no automático características impressionantes sobre este modelo simples:
miniaturas de vídeo automática na home page:


BloggerTube irá criar automaticamente uma miniatura do seu vídeo , e mostrá-lo apenas em sua home page, em uma bela e organizada estilo galeria.
Automatic vídeo embutido na página post:


Você receberá o vídeo automaticamente incorporado em sua página de correio, juntamente com a sua descrição / post abaixo.
Automática deslizante para os últimos vídeos apresentados


Este pode ser o aspecto mais cool deste modelo, é completamente sopro da mente, e você nem sequer para toque o código para obtê-lo, ele já está instalado e funcionando para você!
DESTAQUES BLOGGERTUBE

classificação por estrelas Personalizado js-kit.com :

widget de vídeos recentes do Bloggerplugins.org (adaptado especialmente para este modelo):

Exclusive scripts de Abu farhan.com- criado especialmente para este vídeo Blogger template que o torna absolutamente incrível e inteligente.
Observação: se você estiver tendo problemas com as navegações página, vá ao seu pade Editar HTML, Expand Widget modelos de seleção, e substituir o seguinte endereço:

http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js

para este:

http://blogergadgets.googlecode.com/files/blogger-page-navi.v 2. js

Palavras Finais
Espero que todos apreciar este modelo, coloquei muito esforço para mostrar às pessoas que blogueiro pode ser realmente impressionante e quebrar todas as paredes limitação que algumas pessoas criam para este grande plataforma de blogging.
Sinta-se livre para assinar o meu feed RSS , e me siga no Twitter.

BloggerTube FAQ's
1. Posso mostrar vídeos de outro sites que não sejam youtube? Talvez Jogue jogos? Ou até mesmo imagens?
Não, este modelo só suporta vídeos do youtube, porque é isso que ela foi feita para, então alterá-lo para apoiar qualquer outro tipo de mídia, seria tão duro como o desenvolvimento de um modelo totalmente novo de novo.
2. Por que vocês suportam apenas youtube sobre isto?
Porque é o serviço de vídeo mais utilizado na Internet, tão simples como isso.
3. Por que você não fazer outro modelo de apoio por outros tipos de videos?
Eu nunca disse a vocês que eu nunca iria lançar novos modelos de mais, por favor, ter calma e deixar as coisas acontecerem, eu tenho muitos planos de novos modelos, mas devido à falta de tempo para fazê-lo, eu não tive a oportunidade ainda.
4. Por que você respondeu essa pergunta para o # 3?
Porque eu não sou um blogger a tempo inteiro / webdesigner como modelo de outros desenvolvedores, estudo de engenharia e também trabalhar em outros projetos, então por favor, entenda o meu ponto.

Exclusivo credito by Dante Araujo

 

LEI MAIS

Bookmark and Share

4/14/2010

Download-Curso JavaScript-Video Aulas- Aprender JavaScript

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

Baixar Curso JavaScript - Video Aulas : Aprender  JavaScript

Descrição: Javascript é uma linguagem com muitas possibilidades, permite a programação de pequenos scripts, mas também de programas maiores, orientados a objetos, com funções, estruturas de dados complexas, etc. Ademais, Javascript coloca à disposição do programador todos os elementos que formam a página web, para que este possa acessar a eles e modifica-los dinamicamente.

Informações
Tamanho:
70 MB
Formato: RAR
Download DepositFiles

 

LEI MAIS

Bookmark and Share

4/12/2010

doutorblogs-Efeitos de imagem Hover na blogosfera!

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

galerinha achei essa dica muito intereçante para brincar com as maguens no nosso blogs e é um efeito sensacional  confira a abaixo .

Efeitos de imagem Hover na blogosfera!

Image-Hover-Effect-for-blogVocê pode ter visto um capotamento imagem efeito em muitos profissionais e blogs comerciais. Ao rolar , quero dizer que quando você paro seu cursor do mouse sobre a imagem, a imagem de fronteira de cor e estilo / muda a aparência. Bem, usando algumas CSS simples que você pode adicionar alguns efeitos surpreendentes para o seu Blog Images. Sem perder tempo vamos pular direto para os passos a serem seguidos.

Este tutorial usa um padrão simples para adicionar os códigos ou seja, primeiro você precisa adicionar um código CSS acima ]]> </b:skin> e então você precisa adicionar um código HTML como pequenos class = "xyz" para o código da imagem dentro de suas postagens. É isso aí! :>

Em primeiro lugar vê-los em ação!

Live demo: - 10 Efeitos Hover Amazing imagem!

Como adicionar o Top 10 Amazing Image Effects Hover Mouse Para Blogger?

Para tal, siga estes passos,

  1. Ir para o Blogger > Layout> Editar HTML
  2. Pesquisar ]]> </b:skin>
  3. E agora cole qualquer um dos seus preferidos CSS: código acima ]]> </b:skin>

Now whenever you write a post, simply upload an image in your blogger Editor and then switch to the Edit HTML mode and search for this code <img and paste the HTML: code of your preferred Image effect just after <img as shown below,

image-hover-effects

Número # 1

CSS:

. Simple1 (
padding: 5px;
fronteira : 1px solid # ccc;
)
. simple1: hover (
padding: 5px;
background-color: # ccc;
)

HTML:

class = "simple1"

Número # 2

CSS:

. Simple2 (
padding: 5px;
background-color: # ccc;
fronteira : 1px solid # DDD;
)
. simple2: hover (
padding: 5px;
background-color: # eee;
fronteira : 1px solid # 666;
)

HTML:

class = "simple2"

Número # 3

CSS:

. Negros e brancos (
padding: 5px;
fronteira : 1px solid # ccc;
)
. negros e brancos: hover (
padding: 5px;
background-color: # fff;
fronteira : 10px solid # 000;
)

HTML:

class = "preto-branco"

Número # 4

CSS:

. Tracejada (
padding: 5px;
fronteira : 1px solid # ccc;
)
. tracejada: hover (
padding: 5px;
background-color: # fff;
fronteira : 2px tracejada # 000;
)

HTML:

class = "dashed"

Número # 5

CSS:

. Top-bottom (
padding-top: 5px;
padding-bottom: 5px;
beira -top: 3px solid # DDD;
beira -bottom: 3px solid # DDD;
)
. top-bottom: hover (
background-color: # fff;
fronteira -top: 3px solid # 000;
fronteira -bottom: 3px solid # 000;
)

HTML:

class = "top-bottom"

Número # 6

CSS:

.cortina (
padding-top: 10px;
padding-bottom: 10px;
beira -top: 2px solid # DDD;
background-color: # 000;
beira -bottom: 2px solid # DDD;
)
.cortina :hover (
background-color: # fff;
fronteira -top: 3px solid # 000;
fronteira -bottom: 3px solid # 000;
)

HTML:

class = " cortina "

Número # 7

CSS:

. (Vermelho
padding: 5px;
fronteira : 1px solid # ccc;
)
. vermelha: hover (
padding: 5px;
background-color: # E71305;
fronteira : 10px solid # DDD;
)

HTML:

class = "vermelho"

Número # 8

CSS:

. Fadein (
filter: alpha (opacity = 100);
-moz opacidade: 1,0;
opacidade: 1.0;
fronteira : 0;
)
. Fadein: hover (
filter: alpha (opacity = 50);
-moz opacidade: 0,30;
opacidade : 0,30;
fronteira : 0;
)

HTML:

class = "Fadein"

Número # 9

CSS:

. Fadein2 (
filter: alpha (opacity = 50);
-moz opacidade: 0,30;
opacidade: 0,30;
fronteira : 2px solid # 000;

)
. Fadein2: hover (
filter: alpha (opacity = 100);
-moz opacidade: 1,0;
opacidade: 1.0;
fronteira : 2px solid # 000;
)

HTML:

class = "Fadein2"

Número # 10

CSS:

. Thumbnail (
position: relative;
z-index: 0;
)
. miniatura: hover (
background-color: transparent;
z-index: 50;
)
. span thumbnail (
position: absolute;
background-color: # 7AA1C3;
padding: 0px ;
left:-1000px;
fronteira : 1px cinza sólido;
visibility: hidden;
color: white;
text-decoration: Nenhum;
)
. thumbnail span (img
fronteira width: 0;
padding: 0px;
)
. miniatura: hover span (
visibilidade : visible;
top: 0;
left: 5px;
)

HTML: Para saber como aplicar esse efeito de popping em detalhe ler este post -> Pop-up do efeito da imagem

<a class="thumbnail" href=""><img src="Add Image URL Here" width="100px" height="100px" border="0px" /><span><img src="Add Image URL Here" /><br /> Image Description here </span></a>

Você pode gostar de brincar com estes códigos, usando MBT HTML Editor . Eu espero que você irá encontrar neste tutorial bastante útil para reforçar ainda mais a sua experiência de blogging cool:>>

fontes e previlegio mybloggertricks

 

Technorati Marcas: ,,,,,

LEI MAIS

Bookmark and Share

4/10/2010

Adobe- CS5- próximo de ser lançado.

Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
Buzz It
Flash, Dreamweaver, Photoshop, InDesign... Após 19 meses sem atualização, a Adobe anuncia o lançamento da versão Creative Suite 5, repleta de novos recursos, para 12 de abri

Dia 12 de abril será uma data especial para a Adobe, editores de imagens e mulheres que buscam a perfeição em fotos manipuladas. Após 19 meses sem atualização, a Adobe lançará a versão CS5 (Creative Suite) do famoso pacote de programas.

O pacote possui 13 programas: além do Photoshop, contém outros nomes pesados - como Flash, Dreamweaver, InDesign e Fireworks. Todos estarão devidamente atualizados e com novos recursos.

Por enquanto, a Adobe não abriu o jogo. Fará, no momento certo, uma transmissão online (via Adobe TV) para apresentar os novos recursos e conceitos dos programas. A expectativa é tão grande que a empresa lançou até um hotsite com a contagem regressiva do lançamento - e aumentou ainda mais depois da divulgação deste recurso do Photoshop.

 

 

Para acompanhar o lançamento em tempo real, será necessário se registrar no site oficial da Adobe e estar com o inglês bem treinado. Se você não puder acompanhar, basta acessar essa matéria, posteriormente (dia 13/03), para ler as novidades do CS5; o  atualizará com novas informações.

 

Technorati Marcas: ,,,,,

LEI MAIS

Bookmark and Share

4/02/2010

traduzi-lo para os leitores escolheram língua. Suporte 12 línguas diferentes

Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
Buzz It
traduzi-lo para os leitores
Tenho certeza que todos nós somos irmãos, mas não de um mesmo país, e nós todos não conseguem ler e entender todas as línguas do mundo, e como um blogger meu ego, às vezes eu quero traduzir alguns blogs de várias línguas para o Inglês. A maneira usual é copiar a URL da página e depois vou para o serviço Traduz Google e cole a URL aí então aperte enter.
Todos nós podemos usar corte curto todos esses passos para os nossos visitantes, adicionando um widget para o nosso blog. É fácil e passo um truque.
Widget Recursos
Este elemento é um grande e melhor traduzir widget nunca e aqui estão os recursos.
Este Auto Widget detectar o seu blog língua e traduzi-lo para os leitores escolheram língua.
Suporte 12 línguas diferentes, Inglês, Francês, Alemanha, espanhol, italiano, holandês, brasileiro, russo, japonês, coreano, árabe e chinês.
Ajuste automático, Não importa onde você adicionar esse widget, ele vai auto ser ajustado com o seu modelo de blog.
Widget para o nosso blog. É fácil e passo um truque.
Como faser para adicionar ao seu Blogger.
É muito fácil adicionar esse widget ao seu blog, basta ir ao seu Painel do “Blogger” Layout na página e os elementos da página, clique em adicionar um gadget e escolha HTML / JavaScript
Deixar o título vazio ou qualquer tipo de título para o seu widget, e colar na área de conteúdo o seguinte código.





E CLIQUE EM SALVAR
A verificar o seu blog.




COMENTE OS.




LEI MAIS

Bookmark and Share

4/01/2010

construção de menus de uma forma bem fácil, uma vez que podemos escolher os marcadores

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

O novo Gadget (ou Widget) de Marcadores do Blogger, além da tão divulgada nuvem de tags , permite a construção de menus de uma forma bem fácil, uma vez que podemos escolher os marcadores a serem exibidos e retirar o número de posts em cada marcador apenas com alguns cliques. Para os iniciantes, que tem mais dificuldade na construção de menus, esses recursos são uma excelente opção.
O único inconveniente que continua existindo é que o Blogger dá duas opções de classificação - por ordem alfabética e por frequencia - o que limita a apresentação do menu. Quem precisa de uma classificação diferente, deve usar o Gadget de Lista de Links, mais trabalhoso, porém dá mais liberdade ao usuário.

construir um menu simples

Vamos então construir um menu simples, com pouca estilização, mas bem fácil de fazer.

A) CSS - Coloque Estilos para o Menu
  1. Primeiro vamos construir o código de estilos para seu menu, assim, logo que você adicionar o Gadget, ele já vai aparecer bem formatado em seu blog.
  2. Em Layout => Editar HTML salve uma cópia de seu template, clicando em "Baixar Modelo Completo";
  3. Deixe a caixinha "Exibir Modelos de Widgets" desmarcada;
  4. Logo ACIMA da tag ]]></b:skin>, coloque o código conforme segue, alterando-o de acordo com seu template:

    01
    /* Menu */

    02

    03
    #menu ul { /* estilos para a lista */

    04
    float: left;

    05
    width: 660px/* altere a largura conforme seu template */

    06
    clear: both:

    07
    margin: 10px auto;

    08
    padding: 12px 0 12px 0;

    09
    background: #ddd;

    10
    }

    11

    12
    #menu li { /* estilos para os ítens de lista */

    13
    float: left/* faz com que a lista fique na horizontal - não altere */

    14
    margin: 0; /* reseta valores anteriores - não altere */

    15
    padding: 0; /* reseta valores anteriores - não altere */

    16
    list-style: none; /* reseta valores anteriores - não altere */

    17
    }

    18

    19
    #menu li a {  /* estilos para os links */

    20
    padding: 10px;

    21
    background: #f2f2f2;

    22
    border: 1px solid #fff;

    23
    color: #000;

    24
    text-decoration: none;

    25
    }

    26

    27
    #menu li span { /* estilos para o link ativo (página aberta) */

    28
    padding: 10px;

    29
    background: #ddd;

    30
    border: 1px solid #fff;

    31
    color: #000;

    32
    text-decoration: none;

    33
    }

    34

    35
    #menu li a:hover {  /* estilos para o link com mouse-over */

    36
    background: #666666;

    37
    border: 1px solid #fff;

    38
    color: #fff;

    39
    }

  5. Visualize o template e salve.
B) Criando um "container" para seu menu

Agora vamos incluir uma "section" no crosscol-wrapper (pode ser em outro local, se você preferir - header, main-wrapper, etc) onde você poderá adicionar o Widget de Marcadores.
  1. Mantendo a caixinha "Expandir Modelos de Widgets" desmarcada, localize o código de seu Crosscol-Wrapper:

    1
    <div id='crosscol-wrapper' style='text-align:center'>

    2
    <b:section class='crosscol' id='crosscol' showaddelement='yes'/>

    3
    </div>

  2. Inclua o código em destaque como segue:

    1
    <div id='crosscol-wrapper' style='text-align:center'>

    2
    <b:section class='menu' id='menu' showaddelement='yes'/>

    3
    <b:section class='crosscol' id='crosscol'showaddelement='yes'/>

    4
    </div>

  3. Visualize o template e se tudo estiver ok, salve.
C) Adicionando o Gadget de Marcadores

Gadget de Marcadores

  1. Vá para Layout => Elementos da Página;
  2. Logo abaixo do Cabeçalho você encontrará o novo "container" criado, na mesma largura do Cabeçalho para Adicionar um Gadget. Clique e adicione um Gadget de Marcadores.
  3. Coloque um título apenas como referência, para você localizar com facilidade na hora de editar seu layout - iremos tirar esse título depois no código do Widget;
  4. Em "Exibir", marque a opção "Marcadores Selecionados" e depois clique em "Edit";
  5. Escolha na lista, os marcadores que você deseja colocar em seu Menu, deixando desmarcados aqueles que você não quer apresentar e clique em "Concluído";
  6. Defina se quer a "Classificação" em ordem alfabética ou em por frequencia;
  7. No segundo campo "Exibir" escolha "Lista";
  8. Desmarque a opção "Mostra o número de postagens por marcador" e salve o Gadget.

postagens por marcador

Se você visualizar seu blog agora, verá que o Widget já se apresenta em forma de Menu, mas ainda faremos mais algumas customizações, para apresentar um link para a "Home" e para retirar o título.

D) Retirar o título do Gadget e incluir um link para a "Home"
  1. Volte à aba "Editar HTML" e desta vez, marque a opção "Expandir Modelos de Widgets";
  2. Localize o Gadget adicionado (procure pelo crosscol-wrapper ou pela section 'menu')

    1
    <div id='crosscol-wrapper' style='text-align:center'>

    2
    <b:section class='menu' id='menu' showaddelement='yes'>

    3
    <b:widget id='Label2' locked='false' title='Menu' type='Label'>

  3. Primeiro iremos retirar o título do Gadget. Ele ficará visível na aba Layout-Elementos de Página, mas não será mostrado no blog. Para isso, delete o trecho em destaque:

    1
    <b:widget id='Label2' locked='false' title='Memu' type='Label'>

    2
    <b:includable id='main'>

    3
    <b:if cond='data:title'>

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

    5
    </b:if>

  4. Agora vamos colocar no menu, um link para a Home Page de seu blog. Procure o código (conforme abaixo) e acrescente a linha destacada:

    1
    <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>

    2
    <b:if cond='data:display == &quot;list&quot;'>

    3
    <ul>

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

    5
    <b:loop values='data:labels' var='label'>

    6
    <li>

    7
    <b:if cond='data:blog.url == data:label.url'>

  5. Visualize seu template e se tudo estiver ok, salve.

Este é um exemplo para menus horizontais bem simples. ou veja este próximos posts onde ensino a fazer menus com mais estilização com imagens.

menus horizontais

 

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