Vídeo: Diário da ortognática – Pós-opertatório

Semana passada postei…

View more

Receita: Ratatouille

Lá em 2007…

View more

Dica de série: Unbreakable Kimmy Schmidt

Ontem foi meu…

View more

Comprei na china: Pincéis de maquiagem

Fazia um bom…

View more

Personalizando a caixa de comentarios:

Como modificar a area de seus comentários e deixa-lo personalizada.
Bem, vi esse estilo de comentários no wordpress, dai entrando e saindo de blogs, vi este estilo também no blogspot.
Comecei então a procurar um tutorial que tornasse possivel eu usar este tipi de comentários, e achei, e agora vou traduzir aqui para vocês.
Tutorial retirado da página blogspottutorial:

Como póde ver na imagem a caixa de comentários está dentro de uma imagem personalizada.


Clique aqui para ampliar

Lembre-se que cada código no modelo é diferente um outro, mas que poderiam ser os mesmos.
Se este tutorial possui diferentes códigos do seu template (modelo), sinto muito,eu acabei de dizer “Lamento” e isso significa que você não está com sorte. Como um exemplo, eu uso os códigos do modelo mínimo (simples).

Vamos ao tutorial:
1. Não esqueça de fazer cópia do seu lay (Clique em Baixar modelo completo é importante):
2. Clique em Layout:
3. Clique em editar HTML:
4.Clique em Expandir Modelo Widget :
Obs. Quando não dá certo com o modedo expandido eu costumo usar os códigos do modelo que baixei, abrindo eum editor de html, ou para quen não tem o bloco de notas.

Procure por esse códigos no css do seu modelo: ( use Ctrl + F) localiza os arquivos mais rápido.


 

Novamente procure agora por este códigos: 

(preste a atenção as vezes póde achar códigos semelhantes)

 

 

 

 

Substitua por esses novos códigos abaixo:

 


 

 

Salve o templates

Fim, é só testar

Você tem como base o css e se entender um pouco salve apartir dai da para mudar a largura e a imagem:

Aprendeu aqui credite:

Paginação no blogger:

Paginação no blogger:
Este é um script que vai possibilitar a numeração dos seus posts, ao invés de ficar com o next, no caso passará a ser numerado.

: Pagina do autor do script:



Vamos lá:
1- Cole estes códigos no seu CSS antes </b:skin>:
Estes codigos no css permitirão então a personalização das cores onde aparecerá as paginações dando portanto estilo.


 

2º parte é o seguinte, irá em Adicionar um Gadget e copiar e colar o script abaixo:

Download aqui do script:

3º parte vai arrastar a gadget que criou e colocou o script arrastar para area de posts conforme imagens abaixo;


Na linha 5, você pode precisar alterar as “. Com” a fim de reflectir o seu domínio extention se você usar um domínio personalizado.

Esta instalação padrão deve funcionar bem para quem hospeda no Blogspot,com ou sem domínio, mas você terá que alterar este ponto se o seu domínio personalizado termine em. Co.uk ou. Info por exemplo.

Nas linhas 19 e 20, você pode alterar esses valores a alterar a forma como muitos lugares são exibidos em cada página, e quantas ligações serão visíveis ao mesmo tempo.

O var pageCount = 1; secção define o número de postagens exibidas em cada página,(IDEAL UMA POSTAGEM POR PÁGINA)
enquanto var displayPageNum = 5; define o número de links que são exibidos (ex.: 1 – 2 – 3 – 4 – 5) abaixo da seção lugares.
Quando você adiciona este código JavaScript e fez todas as alterações nescessarias para as suas necessidades, salve o seu modelo e abra seu blog em seu navegador.
Agora você deve ver a paginação links aparecem abaixo dos seus principais lugares seção, e também nos rótulos e Arquivo páginas.

Categoria e nova gandget no blogspot

Colocando categoria no blogspot:



è simples ao criar um novo post, abaixo dele tem um espaço escrito Opções de postagem Marcadores para esta postagem:
exemplo, patinetes, férias, outono : Ali você escreve as palavras chave do seu post criando assim categoria (marcador, labels).
veja na imagem abaixo:



Você póde ir em Adicionar um Gadget e optar por marcadores que ira aparecer na lateral do seu blog (sidebar).
Dica: Se você ao editar a categoria der apenas um nome diferente para cada postagem, você terá então uma lista das suas postagens ou página se preferir na lateral do seu blogger, tendo inclusive a opção de organiza-las em ordem alfabética, dando titulo desejado e tudo mas…

Como criar uma nova Gadget:

Como criar uma nova Gadget:
Bem pessoal vim compartilhar para mim ao menos uma novidade:
Estava lá eu criando um novo lay, tema doll, com uma janelinha lá emcima para colocar um banner 88×31 de destaque:
Vi então a necessidade de aprender a cria-lo, tão fácil, observei os códigos do meu próprio lay e lá estavam os códigos:

Os códigos do css é este abaixo:


Prontinho é só slavar e vai estar lá a nova gandget onde poderá adicionar qualquer elemento, no meu caso eu fiz especificamente apenas para estar adicionando um banner de 88×31.

Mudando o lay do novo blogger:

Mudando o lay do novo blogger:

Caso queira mudar o lay para um do próprio blogger, logicamente você vai entrar no painel do seu blogger:
Clica em layout e depois em escolher novo modelo.
Caso não seja do blogger e já baixou o modelo desejado clica também em layout depois em editar html.
Vai em Faça upload de um modelo de um arquivo no seu computador: faz então upload e geralmente quando troca de modelo você vai precisar excluir as widgets conforme imagem esta abaixo:
Salve e clique em visualizar lay se deu tudo certo.
Editar modelo
Os widgets serão excluídos
Confirme a exclusão dos itens a seguir. Toda a configuração dos itens será perdida.
LinkList2
HTML1
LinkList1
Confirmar & SalvarCancelar

No caso você vai ter que confirmar e salvar.
E se deu tudo certinho visualize o lay



Obs. Quando trocar de modelo é bom baixar o modelo anterior completo caso dê algo errado só por garantia, o que aliás terá que fazer isso se também não quiser estar perdendo as gandgets adicionadas.

E para estar adicionando estas novas gandgets vá em elementos da páginas e é só começar adicionar o que desejar.

Voltando ao modelo clássico

Bem pessoal os códigos dos templates do blogspot atual mudaram, mais se alguém pegar algum template para blogspot aqui vai ter que fazer o seguinte.

Você criou se endereço certo, escolheru o template que quer usar, só que você vai troca-lo por outro.
Você vai em edit HTMl, bem abaixo dos códigos do template onde esta salva-lo, tem uma opção, como vou mostrar em algumas imagens abaixo:


clique na imagem

Como mostra a imagem abaixo você vai clicar em revert to classic template ai neste caso você vai estar revertendo para aceitar os códigos antigos.


clique na imagem
Terminado isto os códigos são aceitos sem nenhum problema ok.

È isso ai , as coisas mudam, e sinceramente o blogspot é um dos blogs melhores que podemos encontrar na internet, e olha que é free.

Espero telo-los ajudado.

Espero te-los ajudado com este tutorial não dispensando os créditos.

Link para paginação:


Voltar<< 01 0203 Home subir
Este estilo de link, é ideal para serem usados em paginação para quem usa iframe, os links ficam mais organizados.
Você coloca esta parte abaixo no style css dos seus códigos:


 

Estes outros códigos você coloca onde que que os links apareçam:

 

Coloque busca (search) no seu blog:

Pegue os códigos de busca do google e coloque onde desejar no seu blog:


 

Css para flickr – Imagem hover – codigos para agenda

Com esses códigos você poderá configuras tamanho e bordas do seu flickr a ser exibidos no seu blog:

! – Para isso cole no seu style css do seu blog:

 


 

 

2 – Onde o flickr for exibido pegue apenas a parte do script do seu flickr esqueca toda aquela tabela:

E onde ele for aparecer os códigos abaixo:

 

Exemplo de lista de desejos:

Lista de desjejos:

celular novo

Digital

Gatinho

Viajar

Perfume

Ler um livro

Receita

Maquiagem

Abaixo tem esse pequeno exemplo que vc poderá usar, inclusive o efeito de link riscado:

Para o link pararecer riscado colo no seu style os códigos abaixo:


 

No meio do que está escrito cole esses códigos:


 

E se quiser colocar os códigos dentro de uma janela rolante é só pegar os códigos abaixo:

celular novoDigital

Gatinho

Viajar

Perfume

Ler um livro

Receita

Maquiagem

Lembrando que width= a largura e height = a altura.


 

Códigos para imagem hover:


 

Coloque o endereço da imagem no lugar indicado:

Você ainda póde alinha a imagem , mudando onde está center por left= (esquerdo) e right= (direito)


 

Aprendeu aqui dê créditos:

Templates by Lecca navegando e pesquisando para ajudar você!

 

Rodapé – footer para blogs (wordpress)

Rodapé (footer) com 3 coluns para blogs e também para wordpress :



1 – Cole estes códigos no seu style css


 

Abaixo do < div id=”footer” > cole os seguintes códigos para as colunas aparecererem, ai é só usar de criatividade, estes códigos esta configurado como a imagem acima:


 

Instalando wordpress em Host free:

WordPress em host free:

Pessoal para quem quer migrar dos blogs free para wordpress free aqui vai um tutorial:
E para entender não póde ter preguiça de ler o passo a passo:

1- Para você ter um wordpress você tem que ter onde hospeda-lo.
2- Você já tem onde hospeda-lo, ótimo agora você vai criar um banco de danco MYSQL com base de dados que é o db que é o lugar onde ficar todos os dados do seu wordpress:

Agora vamos ao que interessa:
Hosting free sem fantastico mas que funciona muito bem instalei, meu wordpress lá com sucesso, tenho meu script do ask-me hospedado em hosting free e até agora não tive problemas.
Este host que é o Tekcities.com é o que estou idicando no momento, antes indicava o WWW.000webhost.com mas encontra-se com problemas de reparos que até agora não voltou a funcionar como deveria.



1- Vamos fazer o cadastro no http://www.tekcities.com/ onde você vai no menu e clicar em SIGN UP E começa o cadastro.

2- Você vai optar por um subdomain caso não tenha dominio que é WWW.SEUSITE.ATWEBPAGE.COM

3 – Como todo cadastro eles vão te enviar um e-mail te falando sobre os dados que você vai precisar como acessar ao painel de controle é um nome que eles vão dar e não póde ser mudado e como fazer FTP, qual o seu nome de tela, senha etc…
Obs. as vezes eles enviam para a lixeira.

Veja imagem abaixo:


Tekcities.com lá vc se cadastra, habilita através do seu e-mail e pronto.

Feito isso você vai no menu acima e clicar em Website Manager e vai entrar em MySQL Manager para criar o db, seu banco de dados.
Criou o db tá ótimo, voltamos aqui depois.


Vai criado agora o subdomiio conforme imagem:


Vamos criar agora conta para FTP.
Entra em Website Manager.
Depois em FTP Manager.
Conforme a imagem, cria a conta e considere-a
1 – Vamos precisar agora do programa de FTP consulte o tutorial de como usar FTP
vai colocar o nome do seu dominio criado exemplo do meu bylecca.atwebpages.com sem www- sua conta FTP Username que seria 202893_lecca e a senha que criou lá no ftp do tekcities. (detalhes do ftp esta abaixo do uer name criado)
Conectou e transferiu os arquivos.
Após cria ele vai te dar os dados do seu banco de dados que depois você vai colocar esses dados em um dos arquivos do seu wordpress:

Baixando o wordpress:

1 – Vamos baixar o wordpress :wordpress.org
2 – Você também vai precisar de um programa ftp para fazer a transferencias dos arquivos para o seu hosting vai, poderá estar fazendo o download do FILEZILA BAIXE ELE AQUI:Download FileZilla

Como na imagem acima póde arrastar os arquivos para seu hosting, clicando com o lado direito do mouse e optar por enviar, e automaticamente serão enviados.
Após ter feita toda a transferencia do wordpress você então vai fazer o seguinte:
Procure o arquivo:wp-config-sample
você vai abrir este arquivo póde ser no bloco de notas ou no seu editor de html e vai configurar o seguinte

Substitua pelos seus dados:

// ** MySQL settings ** //
define(‘DB_NAME’,’202893_db’); nome do mysql o 1º que criamos // The name of the database
define(‘DB_USER’, ‘202893_db’); o nome do user o 2º que criamos’ // Your MySQL username
define(‘DB_PASSWORD’, ‘a senha que colocou’); // …and password
define(‘DB_HOST’, ‘fdb1.runhosting.com ‘); o nome do db host // 99% chance you won’t need to change this value

Após te-lo configurado, vai renomear este arquivo com o nome de wp-config.php
Após ter transferido novamente este arquivo renomeado com os dados do seu db, vai acessa-lo: http://www.seudominio.com/wp-config.php
Ou então poderá ir direto em:
Você vai lá na pasta wp-admin, clica nela procura então o arquivo install.php Ai vai aparecer uma tela do wordpress onde você vai ativa-lo.
Não esqueçam de deletar o arquivo index.php que vem junto com seu hosting, pois se não deleta-lo não irá visualizar seu thema do wordpress e sim a pagina do seu host.

Obs. o próprio wordpress vai dar a senha, onde poderá muda-la psteriormente, quando é free não dar para mudar geralmente fica admin.
Mais uma coisinha pessoal as vezes ao instalar o wordpress manualmente póde dar algum erro, então é aconselhável você tá verificando pasta por pasta para ver se os arquivos foram transferios certinho.
Pois as vezes pode falhar.

Como Mudar o tema do seu wordpress:
Vai criar ou baixar um novo tema certo, dai vai descompactar, feito isso vai acessar seu programa FTP.
-CLica em wp-content, depois em themes e é lá que vai transferir seu novo theme.
– Vai agora acessar seu http://seudominio.com/wp-admin/
-logou vai então no menu e clica em appearance e abaixo em theme.
– Vai aparecer a imagem do tema caso não apareça ao menos o nome, você clica nele e vai aparcer uma janlea poup e então vai clicar em activate, prontinho agora é so visualizar seu blog.(visit site)

Recomendo para criar seu wordpress:

O tutorial o ajudou não deixe de dar os créditos.
Créditos também ao hosting free.

Duvidas só no Askme!!!

Script de total de posts:

Script que conta número total de comentarios e números total de posts destacando na estatistica do seu blogger.

Para você colocar este script é bem simples, vá em elementos da página, clique em HTML/Javascript para então coloca-lo, não esqueça de colocar o endereço do seu blog no local indicado.

Total de posts

Comentarios Recente

Há duas formas de colocar na lateral do seu blog comentários recente:

1 – Usando este script abaixo:


var a_rc=5; O numero 5 indica a quantidade de comentadores recente, podendo ser alterado)

showcommentdate; Mostra a data dos comentários, alterar para false para desactivar
showposttitle; Mostra títulos dos artigos dos comentários, alterar para false para desactivar
var o_rc=100; ( quantidade de caracteres a ser mostrado, quanto maior o número mas dos comentarios estará a amostra, se quiser que apareça só o nome do comentador coloque então 0 zero)

Deu tudo certo? então poderá estar visualizando o 5 últimos comentarios do seu blob.

2 – O segundo jeito é você ir lá em adicionar nava gandget, clicar em Feed vai aparecer uma janela para adicionar a URL, colcoque então este endereço abaixo substituindo pelo endereço do seu blog claro:

http://NOMEDOSEUBLOG.blogspot.com/feeds/comments/default

Vai aparecer continuar e lá você edita e coloca título.

Posts recente

A mesma coisa que fez para aparecer cometarios recente clicando em Adicionar um Gadget, clica em FEED, ai coloca apaenas o endereço do seu blog: E vai ficar como abaixo

http://templatesbylecca.blogspot.com/feeds/posts/default

Tutoriais:

1 – Todos os tutoriais aqui foram feitos por mim.
2 – Se aprederem aqui deem créditos.
3 – Não redestribua o que esta aqui em seu blog ou site sem minha autorização.
4 – Este é um trabalho voluntario para ajudar os que estão começando com blogs.

Blogspot – Blogger.com

CSS

Flickr

Haloscan

Outros

PHP

Scripts

UOL

Geradores: