Simplex Magazine 2 - modelo Responsive para revista

Demostração  /  Download

instale Instrução
1 . template download

2 . Abrir modelo em um editor de texto como o Notepad + +

3 . Para editar o menu de navegação principal


Encontre este código
 <div class='menu-header-menu-container'>
          <ul class='sf-menu' id='menu-header-menu'>
           <li class='current-menu-item'> <a href=''> Home < / a> < / li>
        <li> <a href='#'> Categoria < / a> < / li>
        <li> <a href='#'> Categoria < / a>
            <ul class='sub-menu'>
             <li> <a href='#'> Categoria < / a> < / li>
          <li> <a href='#'> Categoria < / a> < / li>
          <li> <a href='#'> Categoria < / a> < / li>
          <li> <a href='#'> Categoria < / a> < / li>
          <li> <a href='#'> Categoria < / a> < / li>
         </ ul>
        </ li>
        <li> <a href='#'> Categoria < / a> < / li>
        <li> <a href='#'> Categoria < / a> < / li>
        <li> <a href='#'> Categoria < / a> < / li>
       </ ul>
      </ div>
Editar links no código acima em conformidade.

4 . Para editar Pós autor no final de cada post


Encontre o seguinte código:
 <div id='about-author'>
            'src =' http://0.gravatar.com/avatar/0a13e5c61310cb16613568d752fe6806?s=80&d=&r=G 'width <img alt ='' class = ' avatar avatar -80 foto ' height = '80 = '80 ' />
         <div class='author-text group'>
                            <h3> Simplex Magazine2 </ h3>
          <p> Aliquam volutpat erat . Ut wisi enim ad minim veniam , QUIS nostrud exerci ullamcorper tação suscipit lobortis nisl ut aliquip ex ea commodo consequat . </ P>
                               <div class='author-icons'>
              <a class='twitter-link' href='https://twitter.com/dinhquanghuy'> Twitter </ a>
           <a class='facebook-link' href='https://www.facebook.com/simplexdesignblog'> Facebook </ a>
           <a class='pinterest-link' href='https://www.pinterest.com/'> Pinterest </ a>
           <a class='google-link' href=''> Google Plus </ a>
                            </ div>
         </ div>
        </ div>
Edite o texto e links para o seu bio e redes sociais.

5 . Para editar Get Connected seção


Encontre o seguinte código:
 <div class='widget widget_mola_social id='mola_social-2'> group'
           <div class='special-heading'>
            <h2> se conectar </ h2>
        </ div>
        <ul>
            <li class='twitter' title='Twitter'> <a href='http://twitter.com/promolaSA'> Twitter </ a> </ li>
         <li class='facebook' title='Facebook'> <a href='#'> Facebook </ a> </ li>
         <li class='pinterest' title='Pinterest'> <a href='#'> Pinterest </ a> </ li>
         <li class='google' title='Google Plus'> <a href='#'> Google Plus </ a> </ li>
         <li class='instagram' title='Instagram'> <a href='#'> Instagram </ a> </ li>
         <li class='soundcloud' title='Soundcloud'> <a href='#'> Soundcloud </ a> </ li>
         <li class='flickr' title='Flickr'> <a href='#'> Flickr </ a> </ li>
         <li class='youtube' title='YouTube'> <a href='#'> YouTube </ a> </ li>
        </ ul>
       </ div>
Editar links no código acima para suas redes sociais .

6 . Este modelo usa Disqus como comentário do sistema por causa de suas vantagens. Então você deve ter uma conta Disqus usar Disqus em seu blog e comentários moderados. Você pode registrar uma conta no site Disqus.com , após o login , você terá Disqus nome abreviado .


No arquivo de modelo , encontrar este código:
 <script type='text/javascript'>
     / *** Variáveis ​​de configuração : EDIT antes de colar em sua página *** /
     var disqus_shortname = ' simplexenews '; / / obrigatório: substituir exemplo, com o seu fórum abreviado

     / *** Não edite abaixo desta linha *** /
     (function () {
         var s = document.createElement (' script' ); s.async = true;
         s.type = 'text / javascript ';
         s.src = 'http://' + disqus_shortname + ' .disqus.com / count.js ';
         ( document.getElementsByTagName ( "cabeça" ) [0] | | document.getElementsByTagName ( 'body' ) [0]) appendChild (s) . ;
     } ( ) ) ;
 </ script>
Substitua o Disqus nome abreviado ' simplexenews " no código acima com o seu.

7 . Salve modelo e fazer o upload para o Blogger

8 . Vá para Painel do Blogger -> Layout, você vai ver os widgets que estão usando neste modelo .

9 . Para adicionar o logotipo , clique em editar link no widget do logotipo


Digite o logotipo em conteúdo widget como estrutura abaixo


10 . Para adicionar anúncio cabeçalho , clique em Editar link no widget do cabeçalho -ad


Adicione código propaganda em conteúdo Widget

11 . Para mostrar o conteúdo em widget do Recurso Mensagem


Clique no link editar em recurso de mensagens Widget


Digite o rótulo que você deseja mostrar mensagens em conteúdo widget, por exemplo, na imagem abaixo, eu gostaria de mostrar três últimos posts sob rótulo de " recurso" em Widget característica pós


12 . Faça o mesmo para Category1 , Categoria2 e carrossel de widgets

13 . Há dois widgets existem na barra lateral : Conectado e pós Popular. Você pode adicionar mais widget ou removê-los , se necessário.

14 . Existem 3 de widgets no rodapé , você pode adicionar / remover -los como sua necessidade.

15 . Salve as alterações e ver esse modelo em ação.

Por favor, note que a miniatura no Popular Widget posto só funciona com imagens hospedadas no Blogger.

Fonte: http://www.thesimplexdesign.com/2014/02/simplex-magazine-2-responsive-template.html