Nina linda!
Hoje vou ensinar você as fazerem um trequinho como o do SD!
Clique em continuar lendo e veja!
Tutorial >.<
Vá em Blogger>> Design>> Editar HTML e procure por:
]]></b:skin>Logo acima dele cole esse:
.showpageArea a {text-decoration:underline;}.showpageNum a {text-decoration:none;background: FFC0CB; (COR DO FUNDO DOS NÚMEROS DE PAGINA)Atenção: Está personalizado igual o do SG, então se quiserem mudar mude onde estiver escrito entre parenteses de CapsLock!
margin:0 2px;
padding:5px;
}
.showpageNum a:hover {
border: 0px solid #cccccc;
background-color: #00ffff;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 0px solid #cccccc;
background: margin:0 2px;padding:5px;}.showpageNum a:hover {border: 0px solid #cccccc;background-color: #00ffff;}.showpagePoint {color:#333;text-decoration:none;border: 0px solid #cccccc;background: #DCDCDC; (COR NO NUMERO DE PÁGINA SELECIONADO)
margin:0 2px;
padding:5px;
}
.showpageOf {
text-decoration:none;
padding:5px;
margin: 0 2px 0 0;
}
.showpage a {
text-decoration:none;
background-color: margin:0 2px;padding:5px;}.showpageOf {text-decoration:none;padding:5px;margin: 0 2px 0 0;}.showpage a {text-decoration:none;background-color: #FF69B4; (COR DO 'Próxima')
padding:5px;
}
.showpage a:hover {
text-decoration:none;
background:padding:5px;}.showpage a:hover {text-decoration:none;background:#FF1493; (COR DE QUANDO PASSA O MOUSE)
}}.showpageNum a:link,.showpage a:link {text-decoration:none;color:#000;}
Logo apos personalizar procure por:
</body>Logo que achar cole esse código acima:
<!-- Inicio do codigo de navegacao --><b:if cond='data:blog.pageType != "item"'><script type='text/javascript'>var pageCount=4;var displayPageNum=4;var upPageWord ='Anterior';var downPageWord ='Próxima';</script><script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/></b:if><!-- Final do codigo de navegacao -->Visualise e salve!
Pronto!
Gostaram?
Beijoos!
Nenhum comentário:
Postar um comentário