Image Image Image Image Image
Scroll to Top

Topo

widgets

12

abr
2012

Sem Comentários

Em Blog

Por Allison

Como melhorar o Carregamento da página do meu blog?

Em 12, abr 2012 | Sem Comentários | Em Blog | Por Allison

Fonte: CriarSites

Este é um guest post escrito por Kênyo Carvalho do blog Vetores Download.

Nos dias de hoje a internet está em quase todos os lugares do mundo, desde sua implantação de forma comercial a qualidade do serviço melhorou a cada dia e hoje em muitos lugares não se tem problema em visitar por exemplo um site cheio de cores que à tempos atrás passava-se minutos para abrir, mas ainda em muitos lugares que o desenvolvimento da tecnologia encontra-se atrasada os internautas sofrem com o problema e você que é blogueiro como eu e o Celso Lemes, precisam dar um pouco de sua atenção para esses usuários.

O carregamento de uma página é tão importante para o usuário que visita seu site ou blog quanto para seu próprio projeto, hoje por exemplo os motores de busca aponta o carregamento rápido de uma página da web como um critério positivo para sua colocação nas pesquisas, além disso tenha certeza que se tiver um layout atraente e um bom conteúdo e o critério citado anteriormente você irá conseguir mais visitantes fiéis.

Para melhorarmos esse ponto tão importante que muitos deixam passar despercebido precisamos reavaliar totalmente nosso blog ou site, mas não é difícil, basta analisarmos o que é importante e o que não é para os nossos visitantes, como por exemplo;

O que é desnecessário nas páginas do meu blog?

Muita propaganda sem relevância, Widgets desnecessários como os calendários e hora, imagens em tamanhos de arquivos acima de 1 MB, e principalmente uma página com grande extensão (muitos artigos no caso de um blog).

O que é necessário na página do meu blog?

Primeiramente foque conteúdo, quando alguém visita seu site é porque ele procura determinada coisa, então ofereça primeiro o que ele procura, links interligando palavras chaves de um artigo para o outro, propaganda relevante para o usuário e em pouca quantidade, imagens compactadas em formato .JPG, .PNG.

A resposta para essas duas perguntas feitas acima irão variar certamente de projeto para projeto, no caso de um blog que trabalha apenas com imagens certamente deixará sua página bem mais colorida do que um blog que aborda assuntos direcionado por exemplo como criar um site.

Não deixe seu blog com cara de circo organize, junte tudo que for desnecessário e de um “Ctrl – ALT – DEL”, disponibilize poucos artigos na sua página inicial e procure usar os links internos para dar mais versatilidade ao acesso, renove a cara do seu projeto, os visitantes irão agradecer ao terem um impacto visual mais agradável, simples e com o que ele procura e com um melhor, dando um melhor desempenho na velocidade de seu acesso.

Tags | , , ,

20

mar
2012

Sem Comentários

Em Blog
Wordpress

Por Allison

Exibindo lista de parceiros lado a lado na lateral

Em 20, mar 2012 | Sem Comentários | Em Blog, Wordpress | Por Allison

Fonte: Iago Melanias/BlogandocomFacilidade

Olá Blogueiros, depois que publicamos o artigo Exibindo lista de parceiros lado a lado na lateral, vários usuários da plataforma WordPress, vieram nos perguntar por que não criamos uma versão para o WordPress, certamente, é uma boa pergunta, mas como gostamos de manter sempre a organização em nossos artigos, resolvemos então criar um tutorial apenas para usuários Blogger e outro, apenas para usuários WordPress. Separar os parceiros dessa forma, economiza um enorme espaço e faz com que sua lateral fique menos poluída em termos de espaço ocupado.

Vamos ao Tutorial:

1º – Acesse o painel do seu blog WordPress e clique na guia Aparência.

2º – Em seguida, clique em Editor

3º – Selecione o arquivo style.css (estilo) e depois da última linha, adicione o seguinte código:

#lista1 {
float: left;
border-right: 1px solid #CCC;
width: 140px;
}
#lista2 {
float: left;
width: 140px;
margin-left: 20px;
}
#lista1, #lista2 {
font-family: Arial,sans-serif;
}
#lista1 ul, #lista2 ul {
margin: 0;
padding: 0;
}
#lista1 ul li, #lista2 ul li {
list-style: none;
}

4º – Depois, clique em Atualizar Arquivo.

5º – Em seguida, clique em Widgets na guia Aparência do seu blog.

6º – Arraste um widget de texto e dê um nome qualquer a ele.

7º – Dentro do conteúdo do widget, cole o seguinte código e lembre-se de substituir os campos negritados:

<div id="lista1">
<ul>
<li><a href="ENDEREÇO DO PARCEIRO" target="_blank" rel="nofollow">NOME DO PARCEIRO</a></li>
<li><a href="ENDEREÇO DO PARCEIRO" target="_blank" rel="nofollow">NOME DO PARCEIRO</a></li>
<li><a href="ENDEREÇO DO PARCEIRO" target="_blank" rel="nofollow">NOME DO PARCEIRO</a></li>
</ul>
</div>
<div id="lista2">
<ul>
<li><a href="ENDEREÇO DO PARCEIRO" target="_blank" rel="nofollow">NOME DO PARCEIRO</a></li>
<li><a href="ENDEREÇO DO PARCEIRO" target="_blank" rel="nofollow">NOME DO PARCEIRO</a></li>
<li><a href="ENDEREÇO DO PARCEIRO" target="_blank" rel="nofollow">NOME DO PARCEIRO</a></li>
</ul>
</div>
  • Lembre-se de substituir os textos negritados em azul e vermelho, pelos respectivos urls e nomes dos parceiros.
  • Para cada novo parceiro, usa-se “<li><a href=”ENDEREÇO DO PARCEIRO” target=”_blank” rel=”nofollow”>NOME DO PARCEIRO</a></li>” (sem aspas) antes da tag </ul> da lista respectiva.

8º – Depois, clique em Salvar.

Tags | , , , ,

02

fev
2012

Sem Comentários

Em Blog

Por Allison

Como adicionar Propagandas em um Site no Wix

Em 02, fev 2012 | Sem Comentários | Em Blog | Por Allison

Fonte: Celso Lemes/CriarSites

Está criando um site no Wix e gostaria de ganhar dinheiro com ele? Pois saiba que é possível adicionar propagandas fornecidas por programas de afiliados como é o caso do Google Adsense, Mercado Sócios ou Cursos 24 Horas.

Mas o que é o Wix

O Wix é um serviço que oferece um construtor de sites grátis baseados em Flash, que permite criar um site com aparência profissional, cheio de cores e animações. A administração do site é feita através de um painel de controle online, onde é possível configurar a aparência, editar e adicionar páginas, adicionar textos, imagens e vídeos e etc.

Como adicionar propagandas

Para adicionar qualquer tipo de código HTML ou Javascritp que são utilizados para exibir as propagandas, você deve adicionar um Widget HTML na página. Repare que os passos descritos aqui também podem ser utilizados para adicionar contadores de visitas, botões de redes sociais, chats e etc.

Para fazer isso, posicione o ponteiro do mouse no botão “Adicionar“, em “Widgets” e em “HTML” como mostra a imagem abaixo.

Na nova janela que se abre, clique sobre o botão “Blank HTML“.

Um novo campo HTML será adicionado a página, você deve arrastá-lo até o local em que deseja que a propaganda ou seja lá o que você pretende adicionar a página. Depois clique no link “Configurações” que aparece no menu de navegação do lado direito da página.

Agora é só colar o código do banner no campo “Inserir código HTML“, configurar o tamanho que o widget deverá ter (de acordo com o tamanho do banner) e salvar.

Pronto, seu banner já estará inserido na página. Agora basta publicar as alterações para que os visitantes o vejam.

Ainda não tem um site em Flash no Wix? Clique aqui e crie o seu ou saiba mais lendo o artigo “Crie um site profissional em Flash no Wix“.

Tags | , , , , ,

27

dez
2011

Sem Comentários

Em Blog
Wordpress

Por Allison

Deixe o painel do WordPress mais eficiente para os seus Clientes

Em 27, dez 2011 | Sem Comentários | Em Blog, Wordpress | Por Allison

Sempre que desenvolvo sites em WordPress, procuro deixá-lo o mais amigável possível. Deixo a mostra apenas as funções que o meu cliente precisará utilizar. Dessa forma o painel do WordPress fica mais simplificado e evito que o usuário acabe mexendo em algo que não seja necessário.

Veja como é possível ocultar e modificar algumas funções do painel de controle do WordPress, apenas editando o arquivo functions.php do seu template.

Obs: Sugiro que você utilize a prática de temas filhos (child themes) sempre que necessitar alterar os arquivos do seu tema. Essa é a forma correta e mais organizada para edição de temas. Saiba como criar temas filho clicando aqui.

Alterar a logo do login

Troque a URL http://www.seusite.com/pasta/imagem.png para o caminho onde você copiou a imagem. Veja um exemplo de como ficará a página de login. Clique aqui.


/*******************************
Altera logo do Login
********************************/
function my_custom_login_logo() {
echo '<style type="text/css">
h1 a { background-image:url(http://www.seusite.com/pasta/imagem.png) !important; }
</style>';
}
add_action('login_head', 'my_custom_login_logo');

Leia mais: http://www.criarsites.com/deixe-o-painel-do-wordpress-mais-eficiente-para-os-seus-clientes/#ixzz1hlDUUAzX

Altera texto do rodapé do painel administrativo

Troque a URL http://www.seusite.com e o Seu Site para a URL e o nome do seu site. Isso modificará o texto do rodapé do WordPress.

/*******************************
Altera texto do rodape do painel administrativo
********************************/
function remove_footer_admin () {
echo '<a href="http://www.seusite.com">Seu Site</a>.';
}
add_filter('admin_footer_text', 'remove_footer_admin');
Remove widgets do painel

Utilize o código abaixo para remover todos os widgets nativos do painel de controle.

/*******************************
Remove widgets do painel
********************************/
function remove_widgets_painel() {
// load the metaboxes array as a global variable
global $wp_meta_boxes;
// side de widgets
unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_recent_drafts']);
unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_quick_press']);
unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_primary']);
unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_secondary']);
// widgets normais
unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_right_now']);
unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_incoming_links']);
unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_recent_comments']);
unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_plugins']);
}
// adiciona a acao para o funcionamento da remocao dos widgets
add_action('wp_dashboard_setup', 'remove_widgets_painel' );

Widget personalizado

Crie um widget personalizado no painel do WordPress copiando o código abaixo e alterando os campos em negrito para o que você desejar.

/*******************************
Widget personalizado
********************************/
add_action('wp_dashboard_setup', 'custom_dashboard_widgets');
function custom_dashboard_widgets(){
//o primeiro paramentro e a ID da widget (que determina o div da widget)
//o segundo parametro e o titulo exibido na widget
//o terceiro parametro e o nome da funcao que busca o conteudo
wp_add_dashboard_widget('my_custom_widget_id', 'Digite aqui o título da widget', 'my_custom_widget');
}
function my_custom_widget() {
//conteudo da widget
echo '<blockquote>
<h2>Título</h2>
<ol><li><a href="http://www.seusite.com/link">Digite aqui o nome do link</a></li></ol>
</blockquote>';
}

Esconde mensagem de atualização

Geralmente não interessa para o usuário saber que uma nova atualização do WordPress surgiu. Então coloque esse código para esconder a mensagem de atualização que aparece no painel.

/*******************************
Esconde mensagem de atualizacao
********************************/
add_action('admin_menu','wphidenag');
function wphidenag() {
remove_action( 'admin_notices', 'update_nag', 3 );
}

Utilize um plugin para restringir permissão

Por último, é interessante que você utilize algum plugin para restringir o acesso dos usuários no WordPress. Eu particularmente gosto e utilizo o plugin Adminimize, mas exitem outros para a mesma função.

Este é um guest post escrito por Alexandre K. Cordeiro que bloga no Criador Sites.

Fonte: CriarSites

Tags | , , , ,