Blog NPI Brasil

Tudo sobre TI

Categoria: Web Design (Page 1 of 3)

Como colocar vídeo do Youtube em seu site HTML

Olá pessoal!

Na dica de hoje, demonstrarei como colocar vídeo do Youtube em seu site HTML. A integração das páginas Web com as grandes mídias sociais é fundamental para o sucesso de um site, sendo assim é sempre importante ter referenciado em seu site conteúdo relacionado ao Facebook e Youtube, sendo assim vou demonstrar como inserir um vídeo do Youtube no seu site.

Vamos lá!

Acesse o youtube e pesquise o vídeo que deseja.

Clique em Compartilhar e depois em Incorporar.

Desmarque a opção Mostrar vídeos sugeridos quando o vídeo terminar.

Selecione e copie o código que está dentro da caixa.

Cole o código no seu html, na área onde deseja colocar o vídeo.

 

Salve o seu arquivo html.

Teste o seu site.

Altere o tamanho do vídeo alterando os atributos Width (largura) e Height (Altura)

 

 

 

 

 

 

 

 

 

 

Até a próxima dica pessoal!

Como publicar posts no WordPress utilizando o Word

Na dica de hoje demostrarei como publicar Posts no WordPress através do Microsoft Office Word. Este recurso é muito útil para a criação, edição e uma melhor organização do conteúdo de seus posts, pois você pode utilizar os recursos de formatação de textos, imagem, Hyperlinks, Tabelas, entre outros recursos do Word, além disso, você poderá configurar opções de postagens como, Categorias, Rascunhos entre outros.

O processo é bem simples, siga os passos:

Abra o Word, na tela inicial, clique em Post de blog.

Clique em Criar.

Clique em Registrar agora.

Escolha o provedor de seu blog, em nosso exemplo, utilizaremos WordPress.

Clique em avançar.

Digite o endereço de seu blog ou site, o usuário e senha .

Obs: Este usuário é o mesmo que você utiliza para logar no WordPress e este precisa ter permissão para criação de posts.

Veja:

 

Feito isso, clique em ok.

Aparecerá uma mensagem, confirmando que o registro da conta foi realizado com sucesso.

Pronto!

Agora basta inserir o título do post e inserir o conteúdo do mesmo.

Utilize os recursos de formatação do Word normalmente, assim como você utiliza em documentos comuns.

basta

Após formatar o documento, escolha a categoria da postagem, clicando em Inserir Categoria.

Para inserir outras categorias, clique no Inserir categoria, quantas vezes for necessário.

Feito isso, vamos publicar o post.

Clique em Publicar.

Nesta opção você deverá escolher, se deseja publicar imediatamente ou como rascunho.

Clicarei em Publicar, para publicar o post imediatamente no blog.

O post será publicado no seu blog ou site.

 

 

Com essa dica fica bem mais fácil criar e editar seus posts.

Até a próxima dica pessoal!

 

 

 

 

 

 

 

 

 

 

 

 

Como criar uma galeria de vídeos do Youtube no WordPress

Olá pessoal!

Nesta dica, vou demonstrar como criar uma galeria de vídeos em seu site feito em WordPress, esta galeria é criada através do plugin Tubepress, que permite utilizarmos vídeos do youtube diretamente em nosso site, esses vídeos podem ser adicionados através de diferentes formas.

Veja a galeria de vídeos.

 

Para aprender como fazer uma galeria de vídeos no WordPress, siga os passos:

O primeiro passo e instalar Tubepress.

Clique em Plug-ins, clique em Adicionar Novo.

Na caixa de pesquisa, digite Tubepress e clique em Pesquisar plug-ins.

Aparecerá o plug-in Tubepress, clique em Instalar agora.

O plug-ins será instalado.

Clique em Ativar plugin.

 

Pronto, agora basta configurar o plugin para que o mesmo exiba uma galeria de vídeos.

Clique em Configurações e clique em Tubepress.

Na primeira aba devemos configurar quais vídeos irão aparecer em nossa galeria, podemos utilizar vários métodos, como pesquisar por palavras chave, utilizar um canal, mostrar os vídeos do dia do youtube, os vídeos mais acessados em um determinado período, entre outras opções.

Obs: Vou demonstrar as principais opções que deverão ser alteradas.

Neste exemplo vou escolher um usuário do Youtube, pois desejo mostrar vídeos de um usuário específico.

Veja:

 

Clique no botão Salvar que está localizado no final da página.

Na aba Thumbnails, podemos configurar opções relacionadas as miniaturas dos vídeos. Nesta aba podemos configurar o tamanho das miniaturas, quantos vídeos vão aparecer por página entre outras.

Na aba player, configure as opções relativas ao player de vídeo.

Em tema, escolha um tema para a galeria.

 

Em Feed determine quantos vídeos serão pesquisados no Youtube.

Salve as configurações do plugin.

O mais importante é configurar a aba Quais Vídeos, pois é ela que determina quais vídeos serão exibidos, as outras abas são relativas a formatação.

Pronto, o plugin já está configurado.

Esta galeria pode ser inserida em um post ou página, para este exemplo vamos criar uma página.

No painel de controle, clique em Páginas.

Clique em Adicionar nova.

 

 

Digite o título da página e no conteúdo da página coloque o seguinte código: [tubepress].

Clique em Publicar, para criar a página.

Visite o seu site, aparecerá a página vídeos, caso não apareça, configure o seu menu.

Veja a página vídeos.

Fica a dica pessoal, até a próxima!

 

 

 

 

 

Como colocar uma página de contato(Formmail) em seu site?

Olá pessoal!!!

Trazendo hoje mais uma dica interessante, agora sobre WebDesign.

Na dica de hoje demonstrarei como utilizar um serviço gratuito da internet, para criação de uma página de contato, em sites simples que oferecem algum tipo de serviço, sempre é necessário que exista um formulário onde as pessoas irão preencher o mesmo e as informações serão enviadas para o dono do site por email, caso tenha uma hospedagem paga esse serviço é facilmente implantado, porém se possui um site em uma hospedagem gratuita, é muito provável que você não tenha disponível esse serviço, então basta utilizar um serviço gratuito.

Ler mais

Inspecionar elementos no Google Chrome

Nesta dica demonstro como utilizar o recurso “Inspecionar elemento” do Google Chrome, este recurso é bastante útil para quem precisa editar um site e não tem o domínio do código , sendo assim fica fácil identificar cada componente do site e assim fazer as alterações necessárias.

Veja a dica no vídeo abaixo.

Ler mais

O que é a programação orientada a objetos

Como prometido, essa semana iremos falar sobre a programação Orientada a objetos (POO), que é uma forma especial de programar, mais próximo de como expressaríamos as coisas na vida real do que outros tipos de programação.

Ler mais

O que é um firewall

Um firewall é um dispositivo de segurança, veremos exatamente o que faz e em que baseia seu funcionamento.

Ler mais

Qual a utilidade do Adobe Fireworks?

Para todos que desejam conhecer um pouco mais deste Programa e obter  informações sobre sua utilização e versões, leiam, pesquisem e Mãos na Massa!

Ler mais

Por onde começar?

Deu branco? E agora? Você acerta com o cliente todos os detalhes do planejamento do site da empresa. Aí chega em casa ou no escritório, senta pra fazer um Site e… Passa uma, duas, três, quatro horas e nada sai da sua mente. Como proceder nesse momento de angústia e aflição mental?

Ler mais

Confusão de Cores

Você sabia que as cores passam sentimentos quando a obeservamos? Por que que a cor vermelha em um semáfaro significa Pare? Devido o cérebro reagir mais velozmente ao estímulo da pigmentação vermelha. Será que uma cor amarela combina com um site de uma farmácia? Bem, já deu pra perceber que a escolha errada pode prejudicar todo um projeto. Confira aqui algumas dicas.

Ler mais

Page 1 of 3

Desenvolvido em WordPress & Tema por Anders Norén