Então entre neste link e pegue o código {totalmente grátis!}
Continue lendo>>
De volta
Marcadores: Administração 0 comentários
O blog vai tentar voltar à tona mas com muitos adm vamos ver no que dá se qualquer um fizer besteira cai fora.^^
iTheme
Marcadores: 3 Colunas, Templates 2 comentários
iTheme e um template muito famoso nos blogs tanto no wordpress quanto no blogger mas no wordpress ele tem umas funçoes que ele nao tem no blogger mas agora isto nao e mais real ele foi convertido e esta pronto para o uso baixe e aproveite
Na hora de substituir seu nome no template copie o template e cole no word clique em substituir e depois coloque no blogger
Obs: o arquivo dbx na pasta imagens tem que ser hospedado assim como as imagens e alem disso tem que ser trocad no template
Tornar o Seu Blog Compativel Com o IE 8
Marcadores: Códigos 2 comentários
Com o lançamento do Internet Explorer 8 Beta muitos se queixaram por problemas de compatiblidade no caso de alguns sites, sabemos que o programa ainda está em fase Beta ou seja ainda tem muito a ser corrigido no mesmo. ![]()
Foi encontrada uma solução para que o IE (Todas as Versões) torne-se compatível com seu site, confiram logo abaixo:
Basta para isso introduzir o seguinte código a seguir à tag no código HTML da página.
<meta http-equiv=”X-UA-Compatible” content=”IE=7″ />
Adicionar coluna no template
Marcadores: 2 Colunas, Códigos 0 comentários
Você tem um template que adora e não está nem um pouco afim de trocar ele só para conseguir uma coluna extra...Ok, seus problemas acabaram! Vou explicar passo à passo como adicionar uma nova coluna no template.
Vamos nos familiarizar com o seguinte trecho do código do seu template (pode haver pequenas variações mas o básico é isso):
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 900px;
margin:0 auto;
padding:0px;
text-align:left;
font: $bodyfont;
background-color: #bgcolor;
}
#main-wrapper {
background-color: #bgcolor;
margin-left: 3px;
border: 1px solid $bordercolor;
width: 468px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
background-color: #bgcolor;
border: 1px solid $bordercolor;
margin-right: 0px;
width: 210px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Onde Outer-Wrapper contém tudo o que está no template, main-wrapper contém a coluna do post e sidebar-wrapper contém a coluna lateral.
O que vamos fazer é adicionar outra coluna colando logo abaixo de sidebar, este código:
#newsidebar-wrapper {
background-color: #bgcolor;
border: 1px solid $bordercolor;
margin-left: 0px;
width: 210px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Não precisa ter necessariamente background e border, isso vai à gosto do freguês...mas o resto, tem que ser tin-tin por tin-tin o que está aí. Agora atenção para as medidas. A soma da largura do post mais as duas sidebar tem que ser menor do que o valor width de Outer-Wrapper. Não esqueça de somar bordas e o espaçamento que talvez você deseje que tenha entre as colunas. Vá testando e visualizando até ficar bom (e recomendo visualizar em navegadores diferentes para não ter depois que ouvir um amigo dizer que seu template é um horror!).
Mas, antes de visualizar, desça a página até encontrar esta parte do código:
<div id='content-wrapper'></div>
e cole imediatamente abaixo este:
<div id='newsidebar-wrapper'> <b:section class='sidebar' id='newsidebar' preferred='yes'></b:section> </div>
É isso. Mas, veja bem, se a sua sidebar está a esquerda, a nova tem que estar a direta e vice-versa. Ou seja, atenção onde está float: right; float: left;
Assim, você irá acrescentar este último código que eu coloquei na ordem que deve aparecer no template. newsidebar-main-sidebar, ok? (por que aqui, neste exemplo, a nova coluna fica à esquerda)
É mais simples do que parece. Dúvidas é só mandar.
EDIT: Nem todo template tem a div Content-Wrapper. Se o seu template não tem, insira a nova coluna depois da div Header, assim:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
</b:section>
</div>
<div id='newsidebar-wrapper'>
<b:section class='sidebar'> id='newsidebar' preferred='yes'></b:section>
</div>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
</b:widget>
</b:section></div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
</b:section> </div>
Ou ainda, após :
<div id='crosscol-wrapper' style='text-align:center'>
<div class='crosscol section' id='crosscol'></div>
</div>
se o seu template conter este trecho
Outra pop-up
Marcadores: Códigos 0 comentários
Eu até acho esta melhor porque não atraplalha tanto quanto a outra
Janela pop-up
Marcadores: Códigos 0 comentários
Clique em continue lendo e crie sua janela pop-up
Marquee
Marcadores: Postagem 0 comentários
Esse é um efeito de imagem de muito legal para você por em seu blog, site ou onde você pretender. Sua mensagem ou imagem poderá ir para várias direções.
Widget de comentários recentes
Marcadores: Widgets 0 comentários
Este é um recurso muito bom porque você não vai mais ficar procurando os últimos comentários eles aparecem na ordem
Vá em Layout→ Modelo→ Elementos de página→ Clique em Adicionar um elemento de página→ Escolha tipo HTML→ Copie o código abaixo e cole na widget.
<ul>
<script style="text/javascript" src="http://duniaanda.googlepages.com/typoxp-recentcomments2.js">
</script>
<script style="text/javascript">
var numcomments = 5;
var showcommentdate = false;
var showposttitle = true;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://BLOG.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments">
</script>
</ul>
►Substitua BLOG pelo nome do seu blog.
►Se quiser alterar o número de comentários altere o número 5 em [var numcomments = 5;] por um número maior ou menor.
►Se quiser a data dos comentários troque false em [var showcommentdate = false;] por true.
►Se não quiser que apareça o título do post troque true em [var showposttitle = true;] por false.
Criar link-me
Marcadores: Ferramentas online, Widgets 3 comentários
Aqui você já tem que ter uma imagem o que este post faz é criar o código para que outras pessoas coloquem seu banner no blog delas
!N.Design Studio | Criado por por Tutoriais e Downloads




