Template Anime.xml v2.1.25 para Blogger de Animes Online Grátis

-Versão atual 2.1.25

Anime é um dos novos modelos prometidos para este 2017, incorporando um design limpo com um ligeiro toque de anime, é personalizável e tem uma velocidade de carregamento ideal, como sempre fiz em meus projetos, apenas desta vez além da velocidade Estou focando em funcionalidade e personalização. Também é compatível com navegadores antigos, incluindo o Internet Explorer 10 e superior

Características

• Design responsivo
• Otimizado para SEO
• Compatível com o Google Chrome, Opera, Firefox, IE10 +, Edge, Safari.
• Velocidade de carregamento ideal - Verifique o Google pagepeed
• Lory.js 

Versão paga

• Permissão para remover os direitos autorais do rodapé
• Dados estruturados (+ Seo)
• Integração com o Adsense (anúncios customizáveis) 
• Integração com o Feed-Feed do Adsense e no artigo
• Nova documentação

Instalação

Baixe o modelo, abra-o com qualquer editor de texto e copie todo o conteúdo, então vá para o Blogger, faça um backup do seu modelo atual, então vá para a edição html, exclua todo o código dentro do editor e cole o código que você copiou anteriormente . Se você tiver problemas para instalar.

Redes sociais

Uma vez que o modelo está instalado, você notará que não há botões de mídia social no rodapé, para adicioná-los para a seção Design do seu painel de administração no blogger, procure o widget Redes Sociais e adicione os que deseja, sempre digitando o nome corretamente rede social que você deseja adicionar, o modelo tem: facebook , google , twitter , youtube , tumblr , pinterest e instagram .

Links de rodapé

Tal como acontece com as redes sociais, abaixo, você encontrará o widget " Links of the footer ", funciona da mesma maneira, mas desta vez no nome você pode colocar o que você gosta e da mesma forma

Configuração básica

Meta-dados - Para configurar os principais aspectos que afetam o posicionamento do seu blog, você deve alterar os dados especificados na página a seguir 

.

Antecedentes, avatar anônimo e cabeçalho - O código a seguir será sempre encontrado acima </head>e contém as imagens que você pode substituir no modelo.

/ * Fundo e Cabeçalho
   ================================================== ========================

/ **
 * 1. Mude "../image.jpg" pelo url de sua imagem para o fundo
   => 1.1 Escolha entre "repetir" e "não repetir" para não repetir o plano de fundo
   => 1.2 Cor de fundo
 * 2. Imagem do cabeçalho   
 * /

corpo {
     background-image : url (../image.jpg); / * 1 * / 
    background-repeat : repeat; / * => 1.1 * /
}

.header  .box { / * 2 * / 
    background-image : url (../hg-03.png);
}

/ * Capa e avatar
   ================================================== ========================

/ **
 * 1. Capa do widget de perfil
 * 2. Avatar dos comentários anônimos
 * /

.user-card :: before ,
 .Profile  .widget-content :: before { / * 1 * /  
    background-image : url (../anokana-jpg.jpg);
}

.avatar-image-container { / * 2 * / 
    background-image : url (../anon.png);
}

O resto da personalização pode ser feito no designer do modelo, clicando no botão "Personalizar". Se você precisar de uma explicação melhor sobre este código, você pode verificar o vídeo .

Menu de nível múltiplo

O próximo includable dentro da edição html contém todo o menu que você pode modificar e você também pode gerar diferentes níveis:

< B: includable  id = 'Menu' > 
  < ul  class = 'navmenu - menu de fontes clearfix'  id = 'Menu' > 
    < li > < uma  expr: href = 'dados: blog.canonicalHomepageUrl' > Início </ a > </ li > 
    < li > < um  href = '#' > Elemento um </ a > 
      < ul > 
        <li > < a href = "#" > elemento A1 </ um > </ li > 
        < li > < um  href = "#" > elemento A2 </ um > 
          < ul > 
            < li > < um  href = "#" > elemento A2. 1 </ a > </ li > 
            < li > < a  href = "#" > elemento A2.2 </ a >
              < Ul > 
                < li > < a  href = "#" > elemento A2.2.1 </ a > </ li > 
                < li > < a  href = "#" > elemento A2.2.2 </ a > </ li > 
                < li > < a  href = "#" > elemento A2.2.3 </ a > </ li > 
              </ ul > 
            </ li> 
            < Li > < um  href = '#' > Elemento A2.3 </ a > </ li > 
          </ ul > 
        </ li > 
        < li > < a  href = "#" > item A3 </ a > < / li > 
      </ ul > 
    </ li > 
    < li > < a  href = "#" >Elemento B </um > </ li > 
    < li > < um  href = "#" > Elemento C </ a > 
      < ul > 
        < li > < um  href = '#' > elemento C1 </ um > 
          < ul > 
            < li > < um  href = '#' > elemento C1.1 </ a > </ li > 
            <li > <um  href = '#' > Elemento C1.2 </ a > </ li > 
            < li > < um  href = '#' > Elemento C1.3 </ a > </ li > 
          </ ul > 
        </ li > 
        < li > < a  href = "#" > elemento C2 </ a > </ li > 
      </ ul >
    </ li >
  </ ul > 
</ b: inclusive >

Para gerar um submenu, você só precisa criar um novo menu dentro de uma das tags li. Você pode repetir este processo dentro dos submenus para gerar um novo nível, por exemplo:

< Li > < um  href = '#url' > menu </ a > 
   < ul > 
      < li > < a  href = '#url' > nível Submenu 1 </ a > </ li > 
      < li > < a  href = '#url' > Submenu nível 1 </ a > 
         < ul > 
            < li > <um  href = '#url'> Nível submenu 2 </ um > </ li > 
            < li > < um  href = '#url' > nível submenu 2 </ um > </ li > 
         </ ul > 
      </ li > 
   </ ul > 
</ li >

Quanto aos rótulos <a/>que fazem parte de um menu suspenso ou de um submenu, é aconselhável não substituir href="#url"para evitar o redirecionamento no celular no momento da pressão.

Ativar Single.css

Basta pesquisar <head>e, abaixo, adicionar Single.css como este:

<link href = "//cdn.rawgit.com/zkreations/Canvas.xml/master/Single/Single.min.css" rel = "stylesheet"  type = "text / css" />

Salve as mudanças e agora você pode usar os widgets redesenhados.

Comentários Disqus

Pesquise <b:with value='["blogger","Shortname","10"]' var='commentsType'>e altere o blogger por disqus e Shortname pelo nome curto encontrado no seu painel de administração Disqus .

Comentários do Facebook

Pesquise <body>e abaixo isso atinja o sdk do Facebook:

< div  id = "fb-root" > </ div > 
< script > // <! [CDATA [ 
   ( função ( d, s, id ) {
    var js, fjs = d.getElementsByTagName (s) [ 0 ];
    if (d.getElementById (id)) return ;
   js = d.createElement (s); js.id = id;
   js.src = "//connect.facebook.net/en_LA/sdk.js#xfbml=1&version=v2.8" ;
   fjs.parentNode.insertBefore (js, fjs);
   } ( documento , 'script' , 'facebook-jssdk' ));
//]]> </ script >

Pesquise <b:with value='["blogger","Shortname","10"]' var='commentsType'>e altere o blogueiro no Facebook . Agora mude 10 para o número de comentários a mostrar no Facebook.

Comentários do Blogger

Ao usar o Disqus ou Facebook, você pode voltar aos comentários dos blogger deixando o padrão: <b:with value='["blogger","Shortname","10"]' var='commentsType'>.

Espero que você tenha gostado desta atualização. Se você tiver alguma dúvida ou encontrar alguma falha no projeto, não hesite em comentar, respondo a todos. Se você foi um artigo útil, não se esqueça de compartilhar nas redes sociais.

Demo Clique Aqui Download Clique Aqui

Share this: