Pular para o conteúdo principal

Postagens

Mostrando postagens com o rótulo css

Barra de administração no Blogger igual ao Wordpress

Todos que usam o Wordpress.org sabem que assim que abrimos o blog existe uma barra para administração visível apenas para o editor do blog. Foi assim que decidi fazer uma igual mas com uma diferença, essa era para o Blogger. Assim surgiu o seguinte código: Atenção! Antes de fazer qualquer modificação no seu template faça um BACKUP do mesmo. <span class="item-control blog-admin"> <div id="barra-admin"> <div class="barra"> <ul> <li><span class="item-control blog-admin"><a href="http://draft.blogger.com/home">Painel </a></span></li> <span class="item-control blog-admin"> <li><a href="http://draft.blogger.com/blogger.g?blogID= XXXXXX #editor">Nova Postagem</a></li> <li><a href="http://draft.blogger.com/blogger.g?blogID= XXXXXX #allposts">Editar Postagens</a></li> <li><a href=&q

Melhore a velocidade do seu blog

Há uns dois meses, eu começei a tentar baixar a velocidade do meu blog ( UFO Nordeste ), e consegui (um pouco). Comecei com algumas dicas do @ compulsivo e depois do @ sergioestrella . Agora eu ensinarei a vocês, leitores, como baixar (um pouco) a velocidade do seu blog. A primeira dica, é otimizar o CSS do seu blog. Por isso eu aconselho a utilizar o Clean CSS . Siga os passos abaixo e otimize o CSS do seu blog. Como prevenir é melhor que remediar, eu aconselho que você faça uma cópia do template do seu blog. 1º - Acesse o Clean Css . 2º - Com sua conta aberta no Blogger, escolha seu blog e vá em DESIGN > Editar HTML e copie o css do seu blog. O css vai até ]]></b:skin> . Clique na imagem para ampliar. 3º - Assim que abrir a página do Clean CSS, cole o css do seu blog no local onde está indicado em vermelho CSS AQUI . Clique na imagem para ampliar. 4º - No menu ao lado, selecione HIGH (moderate readability...) e em seguida clique em Process

Navbar personalizada

Atualmente o Blogger só disponibiliza as cores alternativas e a navbar transparente. As cores disponibilizadas são: Azul, Beige, Preto, Cinza, Transparente e Escuro Transparente. Mas e se nós, blogueiros, quisessemos mudar a cor da Navbar, para qualquer cor? Simples, Aplique o código em VERMELHO, no CSS do seu modelo, mas ANTES, vá no painel Layout do Blogger, e, nas opções da Navbar, esolha o modelo CLARO TRANSPARENTE: #navbar-iframe{background-image: url(http://i43.tinypic.com/fc3aqu.png); float: bottom-page;} A minha ficou assim:

Top 10 Melhores Dicas para Blogger de 2009 - (Retrospectiva Dicadedica)

Hoje resolvi fazer uma retrô sobre as melhores dicas do Dicadedica para blogger de 2009,  você encontra dicas de SEO, Tutoriais para edição do template, rede sociais, web 2.0, widgets e tudo de útil para o seu blog, Confira!!! Widget Te linko de volta : Blogger , Hack , RSS_Feeds , Widget   Adicione um link no do dica dedica no seu blog e ganhe um link de volta altomaticamente, e disponibilize um widget que faz isso no seu blog para aumentar suas visitas. Então para descobrir os últimos blogs que postaram links para suas postagens ou para sua página inicial ou add esse widget, apenas siga os seguintes passos... Leia Mais. Aprenda a posicionar elementos div usando CSS no Blogger Você quer posicionar um widget, banner, texto ou qualquer elemento de página na tela usando CSS? isso parecia difícil e complicado, agora mais fácil, pegue seu código javascript ou Html de um widget contendo texto, formulários, banners, imagens ou qualquer outro elemento e ..