Para os amantes do scrap digital, mais um site com vários kits free para baixar.
31 de out. de 2009
28 de out. de 2009
Hoje meu bebê faz seu primeiro aniversário
E tirei o dia para festejar.
Por isso atrasei as encomendas...
23 de out. de 2009
Template Princesa Tiana
Template em 3 colunas sendo uma delas os posts. Imagens Disney, buscador, menu horizontal, leia mais.
Demo|Pegar código
Demo|Pegar código
Template Brush
Template em 3 colunas sendo 1 delas as postagens. Menu, buscador, leia mais, menu de navegação e header dividida.
Demo|Pegar código
Demo|Pegar código
22 de out. de 2009
Mamar na égua ninguém quer.
.jpg)
Já percebi que o tipo de post como este que estou fazendo tem que ser publicado de tempos em tempos. Já escrevi muitas vezes que não dou consultoria a blogueiros, não vou a seu blog dar uma olhadinha, não vou a seu blog responder perguntas específicas nem adiciono NINGUÉM ao meu MSN.
Se você está desesperado porque não consegue implementar um código, ou baixar um template, ou colocar link nos menus é simples:
PAGUE !
Não tenho tempo para atender a pedidos de ajuda. Por favor, tenha um pouquinho de senso, não faz mal, não machuca, não engorda e nem causa rugas.
Veja aqui ao lado tenho um menu de "MARCADORES", é aí que você deve recorrer, com certeza o que vc procura estará aí. Sabe ler, né ? Pois então, veja aí o que você procura ou então procure no buscador, se não encontrou, ao rodapé do blog tenho linkado muitos blogs de ajuda. Em português, espanhol e inglês, portanto, se vire !
Vá até o Google e faça sua busca. Se o seu problema é falta de tempo ou preguiça meu caro, então é só pagar ou pra mim, ou para quem mais faz este tipo de trabalho, tenho certeza que você ficará satisfeito e não terá que cansar sua linda cabecinha com esse horror que é a leitura, neam ?
Então fica assim, se quer ajuda exclusiva, separe parte de seu salário e envie-me através de depósito bancário no Banco do Brasil. Eu e seus neurônios iremos agradecer.
Deixo aqui uma relação de blogs que ajudam.
Blogs Brasileiros-Templates p/ Você-Novo BloggerBlog a La CarteComo ter um blogHTML/CSS Dicas e Plugins Dicas Blogger Blog Memories Dicas para Blogs Ice Breacker Links Duzão Blog Memories Mama Nunes HTMHellen
Blogs EspanhoisBlog and WebEscaparate RosaGem@ BlogLa BlogueriaVagabundiaTrucos Blog--Trucos p/ Blogger-
Blogs InglesesPurple MoggyBlogger BusterBlog UBlogger Acessories
PAGUE !
Não tenho tempo para atender a pedidos de ajuda. Por favor, tenha um pouquinho de senso, não faz mal, não machuca, não engorda e nem causa rugas.
Veja aqui ao lado tenho um menu de "MARCADORES", é aí que você deve recorrer, com certeza o que vc procura estará aí. Sabe ler, né ? Pois então, veja aí o que você procura ou então procure no buscador, se não encontrou, ao rodapé do blog tenho linkado muitos blogs de ajuda. Em português, espanhol e inglês, portanto, se vire !
Vá até o Google e faça sua busca. Se o seu problema é falta de tempo ou preguiça meu caro, então é só pagar ou pra mim, ou para quem mais faz este tipo de trabalho, tenho certeza que você ficará satisfeito e não terá que cansar sua linda cabecinha com esse horror que é a leitura, neam ?
Então fica assim, se quer ajuda exclusiva, separe parte de seu salário e envie-me através de depósito bancário no Banco do Brasil. Eu e seus neurônios iremos agradecer.
Deixo aqui uma relação de blogs que ajudam.
Blogs Brasileiros-Templates p/ Você-Novo BloggerBlog a La CarteComo ter um blogHTML/CSS Dicas e Plugins Dicas Blogger Blog Memories Dicas para Blogs Ice Breacker Links Duzão Blog Memories Mama Nunes HTMHellen
Blogs EspanhoisBlog and WebEscaparate RosaGem@ BlogLa BlogueriaVagabundiaTrucos Blog--Trucos p/ Blogger-
Blogs InglesesPurple MoggyBlogger BusterBlog UBlogger Acessories
21 de out. de 2009
Template Sóbrio
Este template foi feito no Paint Shop Pro. Possui menu horizontal, slide, marcadores em forma de menu suspenso, e só.
Gerador de caixinha expansível
Bom, espero que ninguém repare no meu português sofrível, rs. Bom, encontrei este gerador de caixinhas expansíveis e trouxe a novidade.
// Expandable content script from flooble.com.
// For more information please visit:
// http://www.flooble.com/scripts/expand.php
// Copyright 2002 Animus Pactum Consulting Inc.
//----------------------------------------------
var ie4 = false; if(document.all) { ie4 = true; }
function getObject(id) { if (ie4) { return document.all[id]; } else { return document.getElementById(id); } }
function toggle(link, divId) { var lText = link.innerHTML; var d = getObject(divId);
if (lText == '+') { link.innerHTML = '−'; d.style.display = 'block'; }
else { link.innerHTML = '+'; d.style.display = 'none'; } }
Faça caixinhas como essa, facinho demais.
Clique-me[−] Blá, blá blá blá
Blá, blá blá blá
Blá, blá blá blá
Blá, blá blá blá
Blá, blá blá blá Blá, blá blá blá
<a href="http://www.flooble.com/scripts/expand.php">this expanable content box is made using a free javascript from flooble</a> | <a href="http://www.blackjack-primer.com/basic_rules.php">Blackjack Rules</a> toggle(getObject('exp1256102457_link'), 'exp1256102457');
Entre no site clicando AQUI.
Depois clique em "get it free"para ser direcionado a página baixo para escrever o conteúdo da caixinha.
Você verá uma página como esta. Escreva sua mensagem e atenção a seleção do menu suspenso. Deixe selecionado em "Initially Hidden" conforme o modelo abaixo.
Agora que vc escreveu o que queria, clique em "Get Code !"
Atenção aí. O primeiro código deverá ser colado no HTML do blog, abaixo de <head> apenas e somente uma vez. Entendeu, né ? Você só colará este código uma vez e poderá colar quantas caixinhas expansíveis quiser.
O segundo código poderá ser colado nos posts ou na sidebar de seu blog. A escolha é sua.
Faça caixinhas como essa, facinho demais.
Clique-me[−] Blá, blá blá blá
Blá, blá blá blá
Blá, blá blá blá
Blá, blá blá blá
Blá, blá blá blá Blá, blá blá blá
<a href="http://www.flooble.com/scripts/expand.php">this expanable content box is made using a free javascript from flooble</a> | <a href="http://www.blackjack-primer.com/basic_rules.php">Blackjack Rules</a> toggle(getObject('exp1256102457_link'), 'exp1256102457');
Entre no site clicando AQUI.
Depois clique em "get it free"para ser direcionado a página baixo para escrever o conteúdo da caixinha.
Você verá uma página como esta. Escreva sua mensagem e atenção a seleção do menu suspenso. Deixe selecionado em "Initially Hidden" conforme o modelo abaixo.
Agora que vc escreveu o que queria, clique em "Get Code !"
Atenção aí. O primeiro código deverá ser colado no HTML do blog, abaixo de <head> apenas e somente uma vez. Entendeu, né ? Você só colará este código uma vez e poderá colar quantas caixinhas expansíveis quiser.
O segundo código poderá ser colado nos posts ou na sidebar de seu blog. A escolha é sua.
Marcadores em forma de menu suspenso
Para fazer os marcadores de seu blog em forma de menu suspenso, vá até o HTML de seu blog, clique em "Expandir modelo de widget" e procure pelo seguinte trecho:
Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.
<b:widget id='Label1' locked='false' title='Marcadores' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
Substitua então o código que está na cor verde pelo seguinte código:
<select onchange='location=this.options[this.selectedIndex].value;' style='width:100%;'> <option>Selecione o marcador aqui</option> <b:loop values='data:labels' var='label'> <option expr:value='data:label.url'><data:label.name/> (<data:label.count/>) </option> </b:loop> </select>
Créditos: Blogged Up
Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.
<b:widget id='Label1' locked='false' title='Marcadores' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
Substitua então o código que está na cor verde pelo seguinte código:
<select onchange='location=this.options[this.selectedIndex].value;' style='width:100%;'> <option>Selecione o marcador aqui</option> <b:loop values='data:labels' var='label'> <option expr:value='data:label.url'><data:label.name/> (<data:label.count/>) </option> </b:loop> </select>
Créditos: Blogged Up
20 de out. de 2009
Como dividir o cabeçalho do Blogger
Para dividir o cabeçalho do Blogger, vá até o HTML de seu blog e procure pelo seguinte trecho:
19 de out. de 2009
Template Scrap Rústico
Template em 2 colunas, estilo revista. Leia mais e menu horizontal aplicados já no código.
Demo|Pegar código
Demo|Pegar código
18 de out. de 2009
Os Maias
Hoje estou absurdamente romântica e apaixonada...
Fábio Asssunção em seu melhor papel, insuperável até hoje e a bela e competente Ana Paula Arósio.
Maria AdelaideAmaral nos presenteou com a minisérie Os Maias, essa obra irretocável.
Fábio Asssunção em seu melhor papel, insuperável até hoje e a bela e competente Ana Paula Arósio.
Maria AdelaideAmaral nos presenteou com a minisérie Os Maias, essa obra irretocável.
17 de out. de 2009
Vanessa Huguinin, as logos que vc encomendou estão prontas.
Para um bom entendedor, um pingo é letra.
Estão prontas as logos que vc me solicitou através de email.
*essas imagens foram tratadas por mim, mas não sei quem as fez.
Estão prontas as logos que vc me solicitou através de email.
*essas imagens foram tratadas por mim, mas não sei quem as fez.
15 de out. de 2009
Template Silver
Template em 3 colunas + 3 colunas no Footer. Cabeçalho em duas partes, slide, leia mais, menu de navegação por página, menu horizontal, marcadores com estilo de botão, etc, etc...
Ver template/Pegar código
Para ativar o slide basta ir até Elementos de página e o ativar clicando em "Apresentação de slides" Atenção, não deixe o widget com o título para não atrapalhar na configuração do template.
Ver template/Pegar código
Para ativar o slide basta ir até Elementos de página e o ativar clicando em "Apresentação de slides" Atenção, não deixe o widget com o título para não atrapalhar na configuração do template.
13 de out. de 2009
Códigos em HTML nas postagens do blog
Sim meu querido blogueiro, agora é possível inserir códigos em HTML direto no editor de postagens do blog
\o/\o/\o/\o/\o/\o/\o/\o/\o/\o/\o/\o/\o/\o/\o/\o/\o/\o/\o/\o/\o/
S E N S A S I O N A L
Sem gambiarras, sem conversores de texto.
Ah, eu tô maluca !
Você terá primeiramente que modificar o editor de textos de seu blog para o novo. Para isso, vá em "Configurações" e na primeira página (básico) lá embaixo veja um trecho como o da imagem abaixo. Selecione como na foto e SALVE.
Veja que agora o seu editor é este novo modelo.
Depois que tiver colado o código de seu interesse com o editor no modo "Escrever"
no editor de textos, antes de publicar clique em "Opções de postagem", irá abrir uma janela.
Clique em "Mostrar HTML literalmente".
Pronto, agora é só publicar.
\o/\o/\o/\o/\o/\o/\o/\o/\o/\o/\o/\o/\o/\o/\o/\o/\o/\o/\o/\o/\o/
S E N S A S I O N A L
Sem gambiarras, sem conversores de texto.
Ah, eu tô maluca !
Você terá primeiramente que modificar o editor de textos de seu blog para o novo. Para isso, vá em "Configurações" e na primeira página (básico) lá embaixo veja um trecho como o da imagem abaixo. Selecione como na foto e SALVE.
Veja que agora o seu editor é este novo modelo.
Depois que tiver colado o código de seu interesse com o editor no modo "Escrever"
no editor de textos, antes de publicar clique em "Opções de postagem", irá abrir uma janela.
Clique em "Mostrar HTML literalmente".
Pronto, agora é só publicar.
Template Fêmina
Este template tem vários recursos. Slide, menu em table, botões sociais, 3 colunas, leia mais automático, primeira página maior.
TEMPLATE REFEITO EM JANEIRO DE 2011
Demo|/Pegar código
Meninas, refiz este template, por favor, reinstale. Novidades e consertos que eram necessário. Beijos.
Para ativar o slide, vá até elementos de página, clique no gadegt e ative o slide.
ATENÇÂO: Não deixe o título no slide ou o slide deixará o blog desconfigurado.
Para ativar o primeiro menu:
Procure por:
<div id='menu-table'>
e faça as modificações necessárias
Para ativar o segundo menu
Procure por:
<div class='menu'>
abaixo dele vc verá os itens para bubstituir pelos endereços que quiser.
TEMPLATE REFEITO EM JANEIRO DE 2011
Demo|/Pegar código
Meninas, refiz este template, por favor, reinstale. Novidades e consertos que eram necessário. Beijos.
Para ativar o slide, vá até elementos de página, clique no gadegt e ative o slide.
ATENÇÂO: Não deixe o título no slide ou o slide deixará o blog desconfigurado.
Para ativar o primeiro menu:
Procure por:
<div id='menu-table'>
e faça as modificações necessárias
Para ativar o segundo menu
Procure por:
<div class='menu'>
abaixo dele vc verá os itens para bubstituir pelos endereços que quiser.
3 de out. de 2009
Apague o link para "Assinar postagens atom" ao pé dos posts
Quer retirar o link para "Assinar: Postagens atom" do fim da postagem ?
Vá então até o HTML de seu blog e clique em "Expandir odelos de widgets"
Clique nas teclas F3 de seu teclado e ao abrir a janela, cole este código abaixo:
<!-- feed links -->
Agora apague uma inscrição como esta abaixo e depois salve.
<b:include name='feedLinks'/>
Vá então até o HTML de seu blog e clique em "Expandir odelos de widgets"
Clique nas teclas F3 de seu teclado e ao abrir a janela, cole este código abaixo:
<!-- feed links -->
Agora apague uma inscrição como esta abaixo e depois salve.
<b:include name='feedLinks'/>
2 de out. de 2009
Rio de Janeiro, sede das Olimpíadas de 2016
É O C A R A !!!!!!!
Veja o vídeo da campanha para as Olimpíadas de 2016 da cidade do Rio de Janeiro
Veja o vídeo da campanha para as Olimpíadas de 2016 da cidade do Rio de Janeiro
1 de out. de 2009
Menu de navegação no Blogger
Coloque um menu de navegação no Blogger substituindo o simples "postagens" e antigas recentes "postagens"
Vá até o HTML de seu blog e procure pelo seguinte código:
]]></b:skin>
Acima dele cole o próximo código:
/* Page area-----------------------------------------------*/
.showpageNum a { padding: 3px 8px; margin:0 4px; text-decoration: none; border:1px solid #999; -webkit-border-radius:3px;-moz-border-radius:3px; background: #ddd; } .showpageOf { margin:0 8px 0 0; } .showpageNum a:hover { border:1px solid #888; background: #ccc; } .showpagePoint { color:#fff; text-shadow:0 1px 2px #333; padding: 3px 8px; margin: 2px; font-weight: 700; -webkit-border-radius:3px;-moz-border-radius:3px; border:1px solid #999; background: #666; text-decoration: none; }
Agora procure pelo seguinte trecho:
</body>
E cole o próximo código antes dele.
<!-- Inicio do codigo de navegacao -->
<script type='text/javascript'> var home_page="/"; var urlactivepage=location.href; var postperpage=7; var numshowpage=4; var upPageWord ='Prev'; var downPageWord ='Next'; </script> <script src='http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js' type='text/javascript'></script>
<!-- Final do codigo de navegacao -->
O número na cor verde no código acima deverá ser o mesmo da quantidade de postagens mostradas em seu blog. Verifique e faça a alteração.
Agora clique em "Expandir modelos de widget" e procure pelo código:
Créditos: Abu Farhan. Veja AQUI 6 estilos para o menu
Vá até o HTML de seu blog e procure pelo seguinte código:
]]></b:skin>
Acima dele cole o próximo código:
/* Page area-----------------------------------------------*/
.showpageNum a { padding: 3px 8px; margin:0 4px; text-decoration: none; border:1px solid #999; -webkit-border-radius:3px;-moz-border-radius:3px; background: #ddd; } .showpageOf { margin:0 8px 0 0; } .showpageNum a:hover { border:1px solid #888; background: #ccc; } .showpagePoint { color:#fff; text-shadow:0 1px 2px #333; padding: 3px 8px; margin: 2px; font-weight: 700; -webkit-border-radius:3px;-moz-border-radius:3px; border:1px solid #999; background: #666; text-decoration: none; }
Agora procure pelo seguinte trecho:
</body>
E cole o próximo código antes dele.
<!-- Inicio do codigo de navegacao -->
<script type='text/javascript'> var home_page="/"; var urlactivepage=location.href; var postperpage=7; var numshowpage=4; var upPageWord ='Prev'; var downPageWord ='Next'; </script> <script src='http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js' type='text/javascript'></script>
<!-- Final do codigo de navegacao -->
O número na cor verde no código acima deverá ser o mesmo da quantidade de postagens mostradas em seu blog. Verifique e faça a alteração.
Agora clique em "Expandir modelos de widget" e procure pelo código:
Créditos: Abu Farhan. Veja AQUI 6 estilos para o menu
Menu de navegação por página estilo Google
Coloque um menu de navegação no Blogger estilo Google como neste exemplo AQUI
Menu de navegação por página
Se você quer algo a mais que o "Postagens antigas" e "postagens recentes" no Blogger, eis a solução. (ou soluções, pois farei uma série sobre este assunto)
Se quer este modelo, siga as instruções.
Vá até o HTML de seu blog e clique em "Expandir odelos de widget", depois procure pelo seguinte código:
<b:include name='nextprev'/>
Agora troque-o por este código abaixo.
é aconselhável hospedar o código javascript abaixo e depois o substituir no código abaixo:
pager-script-v20.js
<b:if cond='data:blog.pageType == "index"'>
<style type="text/css">
.blogpager {
font-size:16px;
color: #060;
font-weight:bold;
padding:0px 4px;
</style>
<div align="center" style="margin:5px;">
<form action="#" name="pager20">
<span id="vwg-pager-first"></span> <span id="vwg-pager-prev"></span> <input name="showingpage" onfocus="this.select()" value="init..." type="text" size="4" title="Enter page number that You want to go" />/<input size="4" type="text" name="pagestotal" disabled="disabled" value="init..." /> <input type="button" onclick="checkpager()" value="Ir" /> <span id="vwg-pager-next"></span> <span id="vwg-pager-last"></span>
</form>
</div>
<script type="text/javascript">
var blogID = "6930401002504091490";
var home_page = "http://templateseacessorios.blogspot.com/";
var pager_max_main = 10;
var pager_first_text = "Primeira";
var pager_last_text = "Última";
var pager_prev_text = "Anterior";
var pager_next_text = "Próximo";
</script>
<script src="http://www.freewebs.com/anhvo/blogger/blogger_pager_script_v20.js"
type="text/javascript"></script>
</b:if>
O código na cor vermelha deverá ser trocada pelo id de seu blog.
-Mas Elke, onde eu encontro esse tal de ID ????????????
Ah sim, é bem fácil, é este número na barra de endereços de seu blog quando você está na parte de editar configurações no blog. (parte de dentro do Blogger)
O código na cor verde deverá ser trocado pelo endereço de seu blog
O código em azul é do endereço do script que se quiser, vc poderá hospedar em um site (é aconselhável faze-lo)
Crédito: Catalog Tutorial
Se quer este modelo, siga as instruções.
Vá até o HTML de seu blog e clique em "Expandir odelos de widget", depois procure pelo seguinte código:
<b:include name='nextprev'/>
Agora troque-o por este código abaixo.
é aconselhável hospedar o código javascript abaixo e depois o substituir no código abaixo:
pager-script-v20.js
<b:if cond='data:blog.pageType == "index"'>
<style type="text/css">
.blogpager {
font-size:16px;
color: #060;
font-weight:bold;
padding:0px 4px;
</style>
<div align="center" style="margin:5px;">
<form action="#" name="pager20">
<span id="vwg-pager-first"></span> <span id="vwg-pager-prev"></span> <input name="showingpage" onfocus="this.select()" value="init..." type="text" size="4" title="Enter page number that You want to go" />/<input size="4" type="text" name="pagestotal" disabled="disabled" value="init..." /> <input type="button" onclick="checkpager()" value="Ir" /> <span id="vwg-pager-next"></span> <span id="vwg-pager-last"></span>
</form>
</div>
<script type="text/javascript">
var blogID = "6930401002504091490";
var home_page = "http://templateseacessorios.blogspot.com/";
var pager_max_main = 10;
var pager_first_text = "Primeira";
var pager_last_text = "Última";
var pager_prev_text = "Anterior";
var pager_next_text = "Próximo";
</script>
<script src="http://www.freewebs.com/anhvo/blogger/blogger_pager_script_v20.js"
type="text/javascript"></script>
</b:if>
O código na cor vermelha deverá ser trocada pelo id de seu blog.
-Mas Elke, onde eu encontro esse tal de ID ????????????
Ah sim, é bem fácil, é este número na barra de endereços de seu blog quando você está na parte de editar configurações no blog. (parte de dentro do Blogger)
O código na cor verde deverá ser trocado pelo endereço de seu blog
O código em azul é do endereço do script que se quiser, vc poderá hospedar em um site (é aconselhável faze-lo)
Crédito: Catalog Tutorial
Assinar:
Postagens (Atom)
