Bnet Design
Mostrando postagens com marcador TUTORIAIS. Mostrar todas as postagens
teste do eddy

Pagina Numerada No Blog

Postado em: quinta-feira, 29 de setembro de 2011
Postado Por: mc caio



Bom este tutorial é bem simples, ensina a como colocar páginas numeradas no blog.


Adicione o código abaixo acime de ]]>

/* ---------------------- Navegaçao ------------------------- */
.showpage a{
text-decoration:none;
color:#fff;
font:bold 14px Arial, Helvetica, Verdana;
border:2px solid #09F;
background-color:#09F;
margin:2px;
padding:4px 5px
}
.showpage a:hover{padding:6px 8px 6px 8px;
color:#fff;
font:bold 14px Arial, Helvetica, Verdana;
border:2px solid #09F;
background-color:#000;
margin:2px;
padding:4px 5px
}
.showpageNum a {
text-decoration:none;
color:#fff;
font:bold 14px Arial, Helvetica, Verdana;
border:2px solid #09F;
background-color:#09F;
margin:2px;
padding:4px 5px
}
.showpageNum a:hover {
color:#fff;
font:bold 14px Arial, Helvetica, Verdana;
border:2px solid #09F;
background-color:#000;
margin:2px;
padding:4px 5px
}
.showpageNum a:active {
color:#fff;
font:bold 14px Arial, Helvetica, Verdana;
border:2px solid #09F;
background-color:#000;
margin:2px;
padding:4px 5px
}
.showpageOf {
color:#009000;
font:bold 14px Arial, Helvetica, Verdana;
border:2px solid #09F;
margin:2px;
padding:4px 5px
}
.showpagePoint {
color:#fff;
font:bold 14px Arial, Helvetica, Verdana;
border:2px solid #09F;
background-color:#000;
margin:2px;
padding:4px 5px
}

#blog-pager{
font:normal 12px Arial, Helvetica, Verdana;
margin:10px 0px 0px 0px;
padding:25px 0px 0px 0px;
background:url() no-repeat;
width:520px;
height:40px;
text-align:center;
}
#blog-pager a {
color: #fff;
}
#blog-pager {text-align: center;
}

e Depois Procure Por /body e coloque o codigo acima


<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Voltar';
var downPageWord ='Próxima';
</script>
<script src='http://www.yourjavascript.com/19425042120/pagenav.js' type='text/javascript'></script>



Comentários:
Sem comentários
Categoria:

Como Colocar Caixa De Aviso No Blog

Postado em:
Postado Por: mc caio




Coloque o Codigo Abaixo , Antes de ]]></b:skin>

}
#avisos {
background:url(http://i.imgur.com/VfvRG.png) no-repeat;
margin: auto;
float:right;
margin-top:20px;
width:500px;
height:156px;
}
#avisos h2{
width:0px !important;;
height:0px !important;;
overflow:hidden !important;;
}
#avisos marquee{
width:285px;
heigth:685px;
color:#FFF;
margin:105px 0 0 110px;
}

Coloque o Codigo Abaixo , Antes de <div class='leftsidebar-wrapper'>

<div id='avisos'>
<marquee behavior='SCROLL' direction='Left'>
<span style='font-weight:bold;'>Aviso</span> PoP Tutoriais. <span style='font-weight:bold;'>G Criation</span>Melhor Designer? So Aqui</marquee>
</div>

</div>




Comentários:
Sem comentários
Categoria:

Deixar Postagens Sempre Em Primeiro

Postado em:
Postado Por: mc caio

Mais isso so é o teste depois de postar clique em Editar postagem
Depois clique em 
Vai aparecer um monte de coisa
Procure por :Definir Data e Hora
 
 Definir data e hora
Exemplo-
Dae voce modifica.....

AII SO VC MUDAR O DIA EXEMPLO ALI TA 11/09/11 
VC COLOCA 20 -30   VC QUE SABE
Nao precisa mexer a hora So mexa nas datas
Dae voce faz outra postagem para testar e pronto está postagem estara em primeiro
Comentários:
Sem comentários
Categoria:

Contador de postagens no blog

Postado em:
Postado Por: mc caio

Você quer ter um contador de postagens igual a essse?!
E muito fácil e so você seguir os passos abaixo:
Primeiro copie o codigo abaixo:
<center><script type="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><div style="width:108px; height:43px;margin-bottom:5px; position:relative;font:12px
Arial,Verdana, Helvetica, sans-serif;"><span style="position: absolute; top: 4px; right: 15px;"><script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script></span><span style="position: absolute; bottom: 6px; right: 28px;"><script src="/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script></span><img src="https://dl.dropbox.com/u/6009047/count.png" /></div></center> 
e depois abra o painel do seu blogger e va em:

- Design
- Adicionar Gadget
- HTML/JavaScript

e cole todo o código acima.

Comentários:
Sem comentários
Categoria: