Como crackear o bus driver

Olá pessoal,sou novo autor da CG e tenho 13 anos,bom hoje estarei ensinado a como crackear o jogo Bus Driver.Bom esse jogo é bem legal eu mesmo testei funciona certinho e você não precisa ficar jogando só a hora que ele disponibiliza que é só 1 (uma) hora e quando acaba você tem que comprar ou crackear,mas eu estarei ensinado é bem simples
 

Consoles e Games# AQW - Adventure Quest World

        Oi amigos leitores, estou aqui cobrindo uma postagem do Eduardo, pois amanhã ele tem uma prova, e eu estou responsável então vamos lá.

        Hoje falaremos sobre Adventure Quest World , um jogo de MMORPG, muito bom, livres de download's então vamos lá.

        Adventure Quest World, fala do vilão lorde das trevas, que quer destruir todo o pais, principalmente a capital Batlleon , ele poem inúmeros desafios, e monstros no nosso caminho,até hoje, ainda não se pode encontra-lo, mas podemos matar inúmeros monstros, e boss ( Chefes do pais, os quest's). ^^


Boss, são monstros chefes que controlam os monstros e armadilhas de um evento determinado.
 
Aqui temos o Boss, de Necro U, cidade do pais DoomWood, nele de dropa(Pega) itens para ganha a classe Necromancer, uma das 5 melhores do jogo.

Temos as classes que são tipos de lutadores, como guerreiro, mago, shaman, best warrior, Vindicator Of They, Elemental Dracomancer entre outras.

Você pode dropar ou comprar helms, armaduras, sword's e cloak.

E por aqui terminamos o tour sobre AQW, quer saber mais acesse o jogo aq.com

Valeu ^^
 

Inspire-se com os melhores sites de CSS


Boa tarde a todos! Bem vindos à coluna de Desenvolvimento Web da Cat Geek.

A busca por conhecimento é importantíssima na vida de um desenvolvedor web. Procurar por artigos e tutoriais em sites e blogs que oferecem material de qualidade contribui no crescimento de qualquer profissional, e não seria diferente conosco.

Por isso, hoje trago para vocês do Cat Geek uma lista compilada de sites que procuram pela internet os melhores sites desenvolvidos com CSS e publicam periodicamente os melhores. 

Seja para desenvolver um novo projeto ou pra melhorar o front-end do seu site, essa lista traz sites que foram projetados por web designers brilhantes. Use como inspiração e motivação para crescer sempre mais. 

Também há na lista, sites que oferecem recursos, ferramentas, tutoriais e artigos sobre HTML 5, CSS 3 e JQuery, como o CSS-Trick, que é o meu preferido. 

Espero que aproveitem!

Conhece outros sites interessantes, inspiradores e bem feitos com CSS? Comente abaixo.
 

Boas notícias

Olá amigos! Eu estou escrevendo este artigo muito feliz, nessa semana, larguei meu blog, e agora me dedico totalmente ao Cat Geek. Conversei com o Lucas, e agora, sou diretor-chefe,colunista e autor, então, vocês me verão frequentemente. Já era pra que essa notícia tivesse sido espalhada, mais não foi, então aqui estou eu!

Obrigado!
 

Tipos de risadas


Oi! Na hora de rir, é bom que você ria "ao seu estilo". Separei alguns estilos aqui, na minha opinião. Poise, neste post não estou um serio blogueiro...

KU KU KU!!! (risada diabólica de vilões de Mangá)
Ho! Ho! Ho! (versão natalina)
JAJAJAJAJAJAJA! (versão de nuestros hermanos)
LOL! (também é risada de Americanos e de nerds também)
XD (também é risada de Nerds)
oakoaskasoksa (risada de emo)
hihihihihi (Risada de guria retardada)
iac, iac, iac, iac, iac, iac (risada de emos patéticos)
5555555555555 (risada de coreanos, onde a pronúncia do 5 é HA)
mimimimimimimimi ‘ (risada do fudencio)
0101011110001100101 ‘ (risada binária nerd)
“BWA”+(”HA”*10) (risada de programador)
“Shi Shi Shi” (risada de japônes viciado em anime)
RNHAG RHNAG RNHAG RNHAG RNHAG! (a mais longa risada do mundo)
POAKPOAKPOAKPOAKPOAK (risada de orkuteiros doidos)
RÇRÇRÇ’ (Risada de barangas viciadas em tiopês)
/heh (jogador do Ragnarok morrendo de rir)
[~CSAHGFE_)#PKÇAJ#ÇLAJ#~´[\. (Risada extremamente maluca)

 

Como mudar o formato da hora no Wordpress


Por padrão, a hora no WordPress vem configurado em inglês. Muitos blogueiros usam esse formato sem nenhum problema, mas existem os que preferem a hora ao estilo 'brazuca'.

Para esses blogueiros, vou ensinar como mudar o formato da hora no WordPress do padrão inglês para o português.

Mudando a hora pelo painel de administração do Wordpress

Acesse seu painel de adminstração do WordPress. Clique em “Opções”, depois em “Geral”. Em seguida em “Formato de Data” tem que colocar a sua formatação. Eu gosto de usar a formatação “j de F de Y”, ou seja, “31 de Janeiro de 2010″. Para finalizar é só carregar em “Guardar Alterações”. Pronto, a data dos seus artigos já está como você queria.

Mudando a hora nos códigos de editor WordPress

Porém, as vezes pode acontecer de você precisar ou querer fazer isso manualmente. Para isso, você deve alterar os ficheiros (arquivos) que contém o loop do Wordpress. São eles o index.php (home do seu blog), single.php (arquivo que mostra os posts do seu blog), archive.php e dependendo de como seu tema foi desenvolvido, talvez outros como 404.php e arquivos de tempaltes de página.

Para alterar estes arquivos, acesse o editor, no painel de controle do seu blog wordpress. Encontre esses arquivos e procure pela linha<”?php the_time()”>. Substitua este código pelo seguinte:



<?php the_time(__(‘j \d\e F \d\e Y’, ‘kubrick’)) ?>
Se você não gosta dessa configuração, pode experimentar outras. Segue abaixo uma 
lista de opções que o Bruno Veiga do No Design Today compilou:


Data


d – Dia do mês, 2 dígitos com zero
D – Apresentação em texto do dia com três letras
j – Dia do mês sem zero
l (letra L minúscula) – Apresentação por extenso do dia da semanarepresentation
F – Apresentação por extenso do dia do mês
m – Apresentação numérica do mês, com zero
M – Apresentação abreviada do mês com três letras
n – Apresentação numérica do mês, sem zero
Y – Apresentação completa do ano, com quatro dígitos
y – Apresentação curta do ano, com dois dígitos


Hora


a – Mostra am/pm em letras minúsculas
A – Mostra AM/PM em letras maiúsculas
g – Formato 12 horas sem zeros
G – Formato 24 horas sem zeros
h – Formato 12 horas com zeros
H – Formato 24 horas com zeros
i – Minutos com zeros
s – Segundos com zeros


Alguns exemplos de data:


D d M Y – esta formação resulta em: Dom 18 Nov 2007
l d F Y – esta formação resulta em: Domingo 18 Novembro 2007
j de F de Y – esta formatação resulta em: 18 de Novembro de 2007
d/m/Y – esta formação resulta em: 18/11/2007
d-m-Y – esta formação resulta em: 18-11-2007


Alguns exemplos de hora:


g:i a – esta formação resulta em: 8:30 am
h:i a – esta formação resulta em: 08:30 am
g-i A – esta formação resulta em: 8-30 AM

Conseguiu alterar a data dos seus posts? Prefere um formato diferente do “j de F de Y”? Comente abaixo.

 

Aperte Play #5 - Pop + Talento = Avril Lavigne


Avril Ramona Lavigne - é uma cantoracompositoradesigner de modaatriz e filantropacanadense. A mídia e alguns críticos a denominam como Princesa do Pop Punk. Iniciou sua carreira musical ao assinar contrato em dezembro de 2001, após uma apresentação feita pela cantora em uma feira e exposição de gado,quando despertou o interesse do produtorL. A. Reid, que trabalhava na já extinta Arista Records.Até 2011, os seus então quatro álbuns de estúdioLet GoUnder My SkinThe Best Damn Thing e Goodbye Lullaby, já haviam vendido juntos mais de 30 milhões de cópias e 20 milhões de singles em todo o mundo além de mais de 500 mil álbuns e 700 mil downloads pagos somente no Brasil, sendo uma das recordistas de vendas digitais no país, de acordo com a ABPD.Lavigne também é uma das jovens mais ricas do mundo, segundo a lista da revista Forbes, com uma renda de mais de 12 milhões de dólares por ano.
Avril Lavigne conquista a muitos por sua beleza, apesar de sua aparência ser assim a alguns anos muitos afirmam que Avril já fez plásticas, muitos não creem nessa hipótese. 
A revista Rolling Stone criou uma votação para eleger as 100 melhores canções e discos entre 2000 e 2009, na qual a música "Complicated" ficou na oitava posição e o álbum Let Go na quarta, respectivamente.
 Avril Lavigne teve grande sucesso com a musica What The Hell em 2010 para 2011.
 Vídeo abaixo:  - Musica: What The Hell -



 Fonte: Wikipédia.
 

Usando o Google+: Os círculos

Oi, hoje vou ensina-los a lidar com os circulos do Google+, a nova rede social... Lá você pode conhecer pessoas novas, e Oorganiza-las em grupos.









O que são os circulos?

  São grupos em que você pode organizar seus colegas.

Usando os círculos

  Entre lá no seu Google+ e clique em Círculos lá no lado.

Criando um círculo

Clique nas pessoas e arraste pro circulo vazio, demonstrado na imagem, depois que arrastar as pessoas, clique em Criar Círculo. Então defina um nome e crie!


Adicionando alguém a um circulo á criado

É só arrasta-los pro circulo!


Obrigado
                                                                                     Eduardo Miorim
 

Organize suas inscrições em pastas no Google Reader

Google Reader
Não sei de vocês, mais o meu leitor de feed favorito é o Google Reader, até porquê ele é integrado com os serviços Google e etc.. Eu sou meio sistemático, e gosto de tudo muito organizado, nos mínimos detalhes, inclusive online. No tutorial de hoje ensinarei você  a organizar suas inscrições em pastas.Por exemplo, você pode criar uma pasta "Meta-Blog", e colocar o Blogger Reforma :D.





  Só pra vocês lembrarem, o feed do Blogger Reforma é este.   :D

Bom, o Google Reader é um leitor de feed, como já citei no inicio, e muita gente deve ter ficado confusa, então, para saber o que é feed, veja meu seguinte artigo, em que eu explico certinho:


Pra que isso me serve?

  Eu sempre digo, e vou tornar a dizer, em tudo o que você faz a organização é importante. Se por exemplo, você tiver muitas inscrições, e precisa encontrar uma em especial, você sabe onde encontra-lá, naquela pasta!
  Eu também acho legal pra você caracterizar suas inscrições, eu adoro organização!

Criando sua pasta e selecionando inscrições

Bom, não sei se há outro geito, mais eu sempre faço assim:
  • Abra seu Google Reader.
  • No link Inscrições, abra o menu, ali na setinha.
  • Vá em Gerenciar Inscrições.
Você terá que primeiro criar a sua pasta,e depois adicionar inscrições a ela.

  • Vá em qualquer das suas inscrições, e clique em Adicionar a uma pasta/Alterar pasta.
  • Clique em Nova Pasta.
  • Dê um nome a sua pasta na janela poup-up.
  • Para adicionar a várias inscrições agora, selecione todas as inscrições que quiser colocar naquela pasta,clique em Mais Ações>Adicionar á pasta > Nome da Pasta.
Pronto

Retirando uma inscrição de uma pasta


  • Ainda na página de gerenciamento de inscrições, selecione as inscrições que quer retirar da pasta.
  • Clique em Mais Ações>Remover da Pasta> Nome da Pasta.


Até a próxima!
Obrigado
  Eduardo Miorim
 

Consoles e Games# Transformice

          Nosso foco hoje é ... transformice, o jogo online do momento, livres de download's e um perfeito passa tempo, o jogo que foi criado a 2 anos, fez aniversário esse mês, o jogo é basicamente perfeito, sem que a pessoa que gaste dinheiro tenha privilégios a que não gastou, pelo menos diz a administradora e criadora  Tigrounette, o jogo é baseado em flash.

          Bom o jogo é o seguinte, você é um ratinho marrom, que você deve controla-lo pelas setas de direção, conduzi-lo até o queijo, pega-lo, e voltar a toca ^^ 

O jogo cresce a cada dia, e a próxima expansão será as cores, você poderá comprar cores para trocar ao seu rato, até agora ele só pode ser marrom, depois que a atualização for concluída você poderá comprar as cores com os queijos que você ganha um a cada fazer completada com sucesso, ou também o sistema de morango's que ainda será instalado, você poderá compra-los com dinheiro real, mas isso não trará, mas velocidade ao seu rato, é só mas uma forma de comprar itens.

First : Ao chegar em primeiro ( coletar o queijo e entrar na toca primeiramente que os outros) você ganha um first , e eles valem title ^^.

Title: É como se fosse a fama do seu rato, você vai ganhando ao longo de coletar queijos, salvar ratos como shaman, ou first's.

Shaman: Shaman é o mago da faze, ele pode invocar itens, que vão ajudar você a pegar o queijo e voltar a toca, ele tem a responsabilidade de te ajudar a pegar o queijo e voltar a toca em segurança ^^

Os seguintes iten's podem ser invocados pelo shaman: 

E por ultimo temos a loja, onde você compra, cabelo's, roupa's, cachecol's, brinco's e óculo's , para enfeitar seu rato, cada item custa um determinado valor de queijos ^^

E então ficamos por aqui nessa semana ^^ , semana que vem, falaremos sobre....... SEGREDOOOOOOO

Para entrar no transformice Clique >>>>Aqui<<<< ^^ e bom jogo ^^

 

Usando o VOKI na sala de aula.

Há algum tempo venho desenvolvendo atividades através de um site muito interessante, o VOKI.  Pode ser acessado através do endereço: http://www.voki.com/

Ao iniciar você faz seu registro em REGISTER, no canto direito superior da página. Depois vai para CREATE onde vai criar seu avatar. São diversas as possibilidades de escolha, o personagem, cor do cabelo, olhos, pele, comprimento do cabelo, roupa e acessórios. Em seguida, você pode digitar uma mensagem para seu avatar. Pode ser gravado por telefone, por microfone do seu computador ou ainda você pode digitar a mensagem. Ao salvar seu avatar você poderá usá-lo em um blog ou simplesmente salvar seu avatar.

E quais seriam as atividades possíveis? Só algumas possibilidades:
  • ·         Escolher o bichinho de estimação e dar um nome para ele;
  • ·         Criar um animal selvagem, gravar os seus gritos e depois postar no blog da escola;
  • ·         Criar o avatar dos personagens de um texto lido, do livro ou de um poema.
  • ·         Criar seu próprio avatar e digitar uma apresentação para uma palestra.

Essas são só algumas de inúmeras. Seja criativo, certamente, será uma atividades inesquecível.
Veja abaixo um avatar que criei para um blog da escola em que trabalhava.

 

CSS - Propriedade "background"

Oi, hoje estudaremos sobre a propriedade background, e suas pseudo-classes, Essas propriedades são coisas básicas que você deve saber para personalizar seu blog.

As pseudo-classes

Pseudo-classes são modos dependendo do estado.

As pseudo-classes da propriedade background são:

  1. background-color............... cor do fundo;
  2. background-image............. imagem de fundo;
  3. background-repeat............. maneira como a imagem de fundo é posicionada;   
  4. background-attachment.......se a imagem de fundo "rola" ou não com a tela;  
  5. background-position............como e onde a imagem de fundo é posicionada;
  • background-color:
    1. código hexadecimal: #FFFFFF
    2. código rgb: rgb(255,235,0)
    3. nome da cor: red, blue, green...etc
    4. transparente: transparent
  • background-image:
    1. URL: url(caminho/imagem.gif)
  • background-repeat:
    1. não repete: no-repeat
    2. repete vertical e horizontal: repeat
    3. repete vertical: repeat-y
    4. repete horizontal: repeat-x
  • background-attachment:
    1. imagem fixa na tela: fixed
    2. imagem "rola" com a tela: scroll
  • background-position:
    1. x-pos y-pos
    2. x-% y-%
    3. top left
    4. top center
    5. top right
    6. center left
    7. center center
    8. center right
    9. bottom left
    10. bottom center
    11. bottom right


Obrigado
  Eduardo Miorim
 
 

#Blogger - Muitos projetos, atrapalham o desenvolvimento de seu blog! - DICA -


 Olá amigos blogueiros, hoje eu gostaria de falar sobre as situações que vejo em redes sociais... aqueles blogueiros novos na blogosfera e até mesmo os antigos postando que já possuem novos projetos para seu blog.
 Hoje crio esse artigo sobre uma postagem intrigante que vi no grupo Novos Projetos do Facebook, de ajuda aos blogueiros na hora de divulgar seus posts.
- Está imagem acima é o texto que o blogueiro postou no grupo que me deu a ideia deste artigo! - 
 Caros amigos, se você possui um blog, ele está crescendo e você tem uma ideia boa, mas tem esse blog, por que irá desistir dele para investir em outra que é do mesmo nicho? Este blogueiro que postou isso no grupo, prefiro não citar para não ser deselegante.
 A questão agora é: Onde entra seu blog nisso? - Fácil de responder! - Seu blog é seu projeto diário, se você quer mesmo sucesso, corra atrás sem fugas, sem desistir, mas alguns blogueiros veem os seus blogs como bobagem, que se eu quiser, apagarei e criarei outro, certo... mas nunca mais irá fazer sucesso! Se você pensa em ter muitos projetos, depende, de onde seu blog for entrar ai meu querido. Tem vários projetos? Incluindo o seu blog em quase todos ou pelo menos tudo só para seu blog? - Ótimo! - Aprenda a cuidar de seu blog, um dia ele valerá ouro!
 Obrigado a todos, só queria "desabafar" este fato que ocorreu hoje. Espero que tenham cuidado com o seu blog! Abraços,
 Lucas Lima.
 

Crie um mapa do site para o seu Blog

Mapa do Site - Sitemap
Oi, hoje vou ensina-los a colocar um sitemap no seu Blog. Nele há todos os artigos do seu Blog, separados por categoria, ou por data.


O que é um site map?

 Sitemap é uma representação hierárquica da estrutur a de um site, composta por páginas web. (Leia mais em pt.wikipedia.org/wiki/sitemap)
   Bom, no Sitemap você tem todos os teus artigos. Ele pode ser muito útil para o leitor que quer ler todos os seus artigos, e também no SEO, links internos são muito aprovados pelos buscadores
  E outra: com o seu blog bom, o leitor fica feliz, e o motor de busca sabe quando o leitor fica feliz, e up do seu blog nos motores de busca!

Criando o seu sitemap

Atenção: Peguei esta dica neste artigo do Dicas Blogger, os créditos foram mantidos.

  • Crie uma nova página no seu blog.
  • Vá na aba de edição HTML.
  • Cole o código a seguir:
<script style="text/javascript" src="http://100rede.com/mapablogger.js"></script>
<script src="http://1/feeds/posts/default?max-results=1000&alt=json-in-script&callback=loadtoc"></script>

1: Coloque o url do seu blog, sem o http:// e sem a última barra, que já esta lá.

Exemplo:

<script style="text/javascript" src="http://100rede.com/mapablogger.js"></script>
<script src="http://bloggerreforma.blogspot.com/feeds/posts/default?max-results=1000&alt=json-in-script&callback=loadtoc"></script>

Viram? Fácil né! Está foi a dica de hoje, obrigado!
Eduardo Miorim
 

Linkando arquivos CSS externos à pagina HTML


Bom dia a todos. Bem vindos à coluna de Desenvolvimento Web do Cat Geek. Hoje irei mostrar como usar um arquivo CSS externo em uma página HTML.

Crie uma pasta com o nome de Aulas CSS/HTML. Abra o Dreaweaver (ou o bloco de notas). Crie um novo arquivo HTML. Salve na pasta criada com o nome de aula1.html. Clique em code. Seu novo arquivo deve estar assim:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Aula HTML/CSS do Cat Geek</title>
</head>

<body>
</body>
</html>

Crie um novo arquivo CSS na nossa pasta, e nomei-o estilo.css. Selecione novamente o arquivo aula1.html. Entre as tags <head></head>, acrescente o seguinte:

<link href="estilo.css" rel="stylesheet" type="text/css">

Pronto, sua folha de estilos já está linkada com sua página HTML. Vamos fazer um teste?

No arquivo estilo.css, digite o seguinte:

h1 {color:#999;} h2 {color:#F00;}

Agora na página html, entre as tags body</body>, digite o seguinte:

<h1>Este é um teste</h1><br/>
<h2>Estamos testando para ver se o arquivo estilo.css está linkado com nossa página html</h2>

Você vai ver que o conteúdo do h1 esta cinza, enquanto o conteúdo do h2 está vermelho. Nas aulas posteriores trabalharemos outros recursos que o CSS nos proporciona.

Trabalhar com links externos torna o carregamento da sua página mais rápido. Isso ajuda o Google e os outros motores de busca quando analizam seu site. Como mostrei no artigo Entendendo o CSS, é possível colocar os elementos estilizados dentro das tags <style></style>, normalmente dentro das tags <head></head>, mas esse procedimento deixa o site mais lento.

Um dos maiores especilialistas brasileiros em CSS, o Maujor, defende a idéia de que, no momento do desenvolvimento do projeto, quando os códigos estão sendo criados, deve-se trabalhar todo o CSS dentro das tags <style></style>, e depois do site pronto, na hora de subir ele via FTP, criar um arquivo externo e linka-lo dentro do arquivo HTML.

Isso é um ponto de vista, muito válido. Porém, acho que quanto mais elementos forem adicionados ao CSS, maior fica a distancia entre o HTML e o CSS, por isso, prefiro trabalhar com arquivos CSS externos linkados ao HTML desde o começo do projeto.

Você utiliza arquivos externos para seus estilos CSS? Ou prefere colocar tudo entre as tags <style></style>? Comente abaixo.


 

Entendendo como funciona o loop no WordPress


Bom dia a todos. Bem vindos à mais um artigo da coluna de WordPress.org do Cat Geek. Hoje iremos estudar um pouco sobre o loop do WordPress.

O que é o Loop?

Segundo o Codex do WordPress, "o Loop é usado pelo WordPress para exibir cada uma de suas postagens. Usando o Loop, o WordPress processa cada uma das postagens a serem exibidas na página atual e formata-as de acordo com critérios específicos. Qualquer código HTML ou PHP colocado no Loop será repetido em cada postagem. Quando a documentação do WordPress diz "Essa tag deve estar dentro do Loop", como no caso específico de Tags de Modelo ou plugins, a tag será repetida para cada postagem".


O loop é usado pelo wordpress para exibir os posts no blog. Ele pode ser configurado para exibir em todas as paginas o mesmo loop, como pode exibir o conteúdo de maneira diferente em cada página.


Normalmente, o loop exibe as Template Tags:


Título do post - através da tag <?php the_title()?>
Hora em que o post foi publicado - através da tag <?php the_time()?>
Autor do post - através da tag <?php the_author ?>
Categoria em que o post foi incluido - através da tag <?php the_category?>
Resumo do post - através da tag <?php the_excpert?>
Conteúdo do post - através da tag <?php the_content?>


O loop começa com a seguinte linha de código:



<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
E termina assim:


<?php endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?>
Entendendo as Template Tags no loop

Entre os códigos acima, é inserido o conteúdo do post. Um exemplo de como devem ser colocadas as Template Tags que exibem a o titulo, a data e o autor do post - the_title, the_time, the_author:


<h2 id="post-<?php the_ID(); ?>">
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>">
<?php the_title(); ?></a></h2>
<small><?php the_time('F jS, Y') ?> <!-- by <?php the_author() ?> --></small>

A Template Tag the_content, normalmente é inserida no loop dentro de divs. Quando ela é chamada, exibe o conteúdo do post:


<div class="entry">
<?php the_content(); ?>
</div>

Da mesma maneira que a Template Tag the_content, podemos usar a the_excpert, que mostra um resumo do post.


<div class="entry">
<?php the_excpert(); ?>
</div>

Alguns templates /temas wordpress estilo magazine (revista - jornal), utilizam as duas Template Tags, usando a the_excpert antes da the_content, para destacar um comentário adicional, ou um pequeno resumo do artigo postado.


<div class="entry">
<?php the_excpert ?><br/><?php the_content(); ?>
</div>

Exemplos de loop

Um exemplo de loop simples, mostrando as Template Tags vistas até agora, seria (excluindo a tag the_excpert):


 <!-- Começa o Loop. -->
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

<!-- Mostra o título como um link para o link permanente do post -->
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>

<!-- Mostra a data e um link para outros posts do mesmo autor. -->
<small><?php the_time('F jS, Y') ?> by <?php the_author_posts_link() ?></small>

<!-- Mostra o conteúdo do post em uma DIV -->
<div class="entry">
<?php the_content(); ?>
</div>

<!-- Mostra uma lista de categorias do post separadas por vírgula -->
<p class="postmetadata">Posted in <?php the_category(', '); ?></p>
</div> <!-- Fecha a primeira DIV -->

<!-- Termina o Loop (mas repare no "else" - veja próxima linha) -->
<?php endwhile; else: ?>

<!-- O primeiro IF testou para ver se havia posts a serem mostrados -->
<!-- Este ELSE diz ao WordPress o que fazer se não houver nenhum -->
<p>Desculpe, não achamos o conteúdo que procurava.</p>

<!-- Término verdadeiro do Loop -->
<?php endif; ?>
Sempre que você utilizar códigos PHP, devem estar dentro das tags <?php ?>. Sempre que utilizar códigos HTML, deve estar fora das mesmas tags.

O exemplo abaixo, conta com a tag the_excpert:


<!-- Começa o Loop. -->
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

<!-- Mostra o título como um link para o link permanente do post -->
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>

<!-- Mostra a data e um link para outros posts do mesmo autor. -->
<small><?php the_time('F jS, Y') ?> by <?php the_author_posts_link() ?></small>

<!-- Mostra um resumo e o conteúdo do post em uma DIV -->
<div class="entry">
<p> <?php the_excpert ?> </p><p> <?php the_content(); ?></p>
</div>

<!-- Mostra uma lista de categorias do post separadas por vírgula -->
<p class="postmetadata">Posted in <?php the_category(', '); ?></p>
</div> <!-- Fecha a primeira DIV -->

<!-- Termina o Loop (mas repare no "else" - veja próxima linha) -->
<?php endwhile; else: ?>

<!-- O primeiro IF testou para ver se havia posts a serem mostrados -->
<!-- Este ELSE diz ao WordPress o que fazer se não houver nenhum -->
<p>Desculpe, não achamos o conteúdo que procurava.</p>

<!-- Término verdadeiro do Loop -->
<?php endif; ?>
Abaixo do conteúdo (antes da taga <?php endwhile; else;?>), você pode inserir informações sobre o post, como as categorias, data e as informações comentário. Se você estiver logado, pode acrescentar a tag edit_post_link(), que permite editar o post.


<p class="postmetadata">
Posted in <?php the_category(', ') ?>
<strong>|</strong>
<?php edit_post_link('Edit','','<strong>|</strong>'); ?>
<?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></p>
Para terminar o loop, é necessário colocar as tags:


<?php endwhile; else: ?>
<?php endif; ?>
Abaixo dessas tags, você pode colocar links de navegação para páginas anteriores e posteriores à que o usuário está navegando.


 <div class="navigation">
<div class="alignleft"><?php previous_posts_link('&laquo; Artigos anteriores') ?></div>
<div class="alignright"><?php next_posts_link('Próximos artigos &raquo;','') ?></div>
</div>
Você pode criar loop's diferentes para cada categoria do seu blog, trabalhando o código e usando um template de página (abordaremos como criar templates de página em artigos posteriores).


<!-- Começa o Loop. -->
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

<!-- O código a seguir testa se o post atual pertence à categoria 3 -->
<!-- Se pertence, a classe css da DIV será definida como "post-cat-three". -->
<!-- Se não, a classe da DIV será definida como "post". -->
<?php if ( in_category('3') ) { ?>
<div class="post-cat-three">
<?php } else { ?>
<div class="post">
<?php } ?>

<!-- Mostra o título como um link para o link permanente do post -->
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>

<!-- Mostra a data e um link para outros posts do mesmo autor. -->
<small><?php the_time('F jS, Y') ?> by <?php the_author_posts_link() ?></small>

<!-- Mostra o conteúdo do post em uma DIV -->
<div class="entry">
<?php the_content(); ?>
</div>

<!-- Mostra uma lista de categorias do post separadas por vírgula -->
<p class="postmetadata">Posted in <?php the_category(', '); ?></p>
</div> <!-- Fecha a primeira DIV -->

<!-- Termina o Loop (mas repare no "else" - veja próxima linha) -->
<?php endwhile; else: ?>

<!-- O primeiro IF testou para ver se havia posts a serem mostrados -->
<!-- Este ELSE diz ao WordPress o que fazer se não houver nenhum -->
<p>Sorry, no posts matched your criteria.</p>

<!-- Término verdadeiro do Loop -->
<?php endif; ?>
Uma maneira interessante de trabalhar o loop em seu template / tema, é usar a tag the_excpert para criar um  resumo do artigo na home do seu blog e nas páginas de categorias. Na single.php (responsável por exibir o conteúdo completo do post), você usa a tag the_content. Desta maneira, além de proporcionar um visual mais limpo, evita problemas com conteúdo duplicado e não é punido pelo Google.

Nos próximos artigos iremos ver outras funções interessantes do WordPress. Fique ligado.

Entendeu o loop? Trabalha o loop de alguma maneira que não foi abordada aqui? Comente abaixo.
 
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Cat Geek - All Rights Reserved
Template Created by Creating Website Published by Mas Template | More Trick | IVY Themes
Proudly powered by Blogger