#fecha { color: #464646; /*Edite a cor da data*/ padding-top: 5px; /*Margem interna superior da data*/ padding-right: 5px; /*Margem interna direira da data*/ padding-left: 5px; /*Margem interna esquerda da data*/ padding-bottom: 5px; /*Margem interna inferior da data*/ margin-right: -0px; /*Margem externa direita */ margin-left: -0px; /*Margem externa esquerda*/ float:left; text-align:center; border: 1px none #dedede; /*Coloque borda se quiser*/ list-style:none; display: block; background: url('http://www.colegiopiodecimo.com.br/assets/images/icone_calendario.png') no-repeat; /*Imagem de fundo*/ height: 30px; /*Altura da imagem*/ width: 30px; /*Largura da imagem*/ } .fecha_dia { display:block; font-size:18px; /*Tamanho da fonte*/ line-height:16px; /*Altura da Linha*/ font-family:'Arial'; letter-spacing:-1px } .fecha_mes { font-size:10px; /*Tamanho da fonte*/ line-height:9px; /*Altura da Linha*/ text-transform:uppercase; display:block; } .fecha_anio { font-size:9px; /*Tamanho da fonte*/ line-height:8px; /*Altura da Linha*/ display:block; }

26 fevereiro 2013

Como Colocar Paginas no seu blog!!



Oiii Gente! tudo bem ?? Bom hoje vou ensinar a colocar essas paginas em baixo do seu blog para facilitar

 : foto via: Cherry Bomb


Bom vamos para os códigos! Vá no HTML do seu blog, procure pela tag </body> Aperte  Ctrl+F .


Leia mais

Cole acima do trecho pesquisado, o seguinte código:

<script style='text/javascript'> var pageCount=5;var displayPageNum=5;var upPageWord=&quot;Anterior&quot;;var downPageWord=&quot;Próxima&quot;;</script> <script src='http://static.tumblr.com/y66747w/DqWm7hhf3/page-nav.js' style='text/javascript'> </script>

em seguida pesquise por ]]></b:skin>  e cole logo acima, este código:

/* PageNav --------------------------- */
.showpageArea {
font-family:Verdana, Geneva, sans-serif;
color: #000;
font-size:11px;
 margin:10px; }
.showpageArea a { padding: 3px 8px;
 margin: 2px;
 font-weight: 700;
 text-decoration: none;
 color:#777; /* COR DA FONTE DO LINK PRÓXIMA */
 border:1px solid #ccc; /* BORDA DO LINK PRÓXIMA */
background: #eee; /* COR DE FUNDO DO LINK PRÓXIMA */ }
.showpageNum a { padding: 3px 8px;
 margin:0 4px;
 text-decoration: none;
 border:1px solid #999; /* BORDA DA NUMERAÇÃO */
background: #ddd ; /* COR DE FUNDO DA NUMERAÇÃO */ }
.showpageNum a:hover {
border:1px solid #888; /* BORDA DA NUMERAÇÃO QUANDO O CURSOR ESTÁ EM CIMA DELA */
background: #ccc; /* COR DE FUNDO DA NUMERAÇÃO QUANDO O CURSOR ESTÁ EM CIMA DELA */ }
 .showpageOf{ margin:0 8px 0 0; }
.showpagePoint {
text-decoration: none;
padding: 3px 8px;
 margin: 2px;
font-weight: 700;
border:1px solid #999; /* BORDA DA NUMERAÇÃO ATIVA */
background: #666; /* COR DE FUNDO DA NUMERAÇÃO ATIVA */
color:#fff; /* COR DA FOONTE DA NUMERAÇÃO ATIVA */ } 



e é isso aê , visualize seu blog e veja sua paginas...  comentem!




Nenhum comentário:

Postar um comentário

/* Posts ----------------------------------------------- */ h3.post-title { margin-top: 20px; } h3.post-title a { font: $(post.title.font); color: $(post.title.text.color); } h3.post-title a:hover { text-decoration: underline; } Postagem mais antiga Página inicial
l