Página de navegação para o Blogger com estilo do Google usando Script Nova
Google , quem não conhece o Google? ..
Um motor de busca mais utilizado pelos usuários da Internet ... especialmente os usuários do Blogger.
Um motor de busca mais utilizado pelos usuários da Internet ... especialmente os usuários do Blogger.
Na verdade, Abu Farhan ter sido post sobre a navegação de página com estilo google ..."Página de Navegação para Blogger no estilo Google" Mas nesse artigo só pode ser usado no script de navegação antigo .. Então, eu fazer um script para o google estilo css usando o script de navegação novo ...
Por favor, olhe cuidadosamente, scripts CSS e Javascript são diferentes dos meus scripts anteriores ... Então, siga as instruções abaixo para correr bem ...
O seguinte é o que parece
Esta demonstração de estilo Google:
Estilo Google:
Passo 1: Aplicar estilo
- Acesso ao Painel do Blogger e navegue até Layout> Editar Html
- Não clique na caixa que diz: "Expandir modelos de widgets '
- Encontre esta
]]> </ B: skin>
Copie o script css do arquivo demo.
Em seguida, insira o script em frente
]]> </ B: skin>
Exemplo:
. # Blog-pager, blog-pager {background-color: # FFFFFF; width: 100%, text-align: center;}
td.showpageOf {display: none;}
# Nav {font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 auto;}
# Nav a {display: block; text-decoration:; Nenhum Cor: # 0066FF}
# Nav a: hover {text-decoration: underline;}
Ba ba # nav, # nav: {color: # 0000CC; text-decoration: underline; font-weight: bold} visitado..
. Act {font-weight: bold;}
. CSB {background: url (http://www.google.com/images/nav_logo7.png) no-repeat 0 0; height: 26px; display: block;}
. Csb.cur {background-position: 0px 44px-; width: 16px;}
. Csb.movenext {color: # 20c; background-position: 0px 76px-; margin-right: 42px; width: 66px;}
. Csb.moveprev {color: # 20c; background-position: 0px 0px; margin-left: 42px; width: 44px;}
. Csb.ch {:; largura de 60px 0px: background-position 16px;}
# Nav td {padding: 0; text-align: center}
]]> </ B: skin>Passo 2: Aplly Javascript
Encontrar Este:
</ Body>
Substituir por:
<script type='text/javascript'>;
var home_page = '/';
var urlactivepage = location.href;
var postperpage = 7;
var numshowpage = 4;
var upPageWord = "Anterior";
var downPageWord = 'Next';
</ Script>;
<script src='http://accordion-template.googlecode.com/svn/trunk/jsnavigoogle-packer.js' type='text/javascript'> </ script>
</ Body>
ABOUT THE AUTHOR
Hello We are OddThemes, Our name came from the fact that we are UNIQUE. We specialize in designing premium looking fully customizable highly responsive blogger templates. We at OddThemes do carry a philosophy that: Nothing Is Impossible
0 comentários:
Postar um comentário