3 de ago. de 2013

Layout free: White and Gray


Olá, pessoas \(◠△◠)ノ

Tudo okey? então, este é o tão prometido layout free! estava tão sem criatividade para por um nome, bom... como quase todo ele é branco, cinza e vermelho eu abreviei e veio então o "White and Red", okey eu sei que é um nome ridículo. Então, eu vim trazer as regras para o uso deste layout e também vim trazer os códigos dos gadgets e o Download deste lay *w*. Não sei se ficou muito bom, é meu primeiro layout free! fiz ele em pouco tempo, mas tentei caprichar ao máximo possível. Queria postar ele ainda hoje, por isto fiz meio que correndo. Mas okey, quer ler o regulamento e fazer o Download? Vamos lá. {Vejam o leia mais que eu instalei, se não gostarem dele é só copiar a URL dele e pesquisar lá no HTML deste lay e trocar a URL dele pela URL da imagem que você quer}...





O layout tem as seguintes personalizações:  
                           1. Titulo do blog centralizado                      
2. Titulo dos gadgets personalizados       
                 3. Titulo dos posts personalizados                      
4. Links de navegação personalizados 
       5. Dois background's
                 6. Data personalizada                  
7. Rodapé - removido
                8. Menu Instalado (encontra-se no gadget "Welcome").                 
9. Area dos comentários personalizada
       10. "Leia mais" personalizado
11. Links personalizados
       12. Seguidores personalizados (avatar dos seguidores menores)     
13. blockquote personalizado

  • Regras:
  • 1. Jamais, NEVER, em momento algum retirar os créditos.
    2. Não venda o layout.
    3. Não repasse nem diga que foi você que fez.
    4. Não use como base e nem pegue nenhum código dele para usar em outro blog.
    5. Comente dizendo que baixou.

  • Gadgets:
  • Gadget 1 - Welcome: 

    O link em negrito é o link da imagem, para trocar é só substituir o link destacado pelo link da imagem desejada. E nos outros links destacados é o menuzinho aquele, entendo melhor: Onde está destacado em negrito é o link da página para a qual você quer que redirecione, e nos títulos que estão em itálico é o nome da sua página.
                          <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUEGGGt_dkQmBoyNx_PiNOXLYvEQegKUu5ekGkRldLXtrqiCPcWg9sWDCxykc0l20PlFeoZtqCQtyyQie2CCwCRnn2uSdYYJsXt_2Cbo9o2s_m6VBFII1a238XtwvWId9EOPXmXhVzN20/s1600/welcome.png" />
    <br/>
    <br/>

    <center style="font-weight: normal;">

    </center>
    <center style="font-weight: normal;">
    <a class="menupequeno" href="http://www.blogger.com/SEULINK">Home</a>
    <a class="menupequeno" href="http://www.blogger.com/SEULINK">Goodies</a>
    <a class="menupequeno" href="http://www.blogger.com/SEULINK">Faq</a>
    <a class="menupequeno" href="http://www.blogger.com/SEULINK">About</a>
    </center>
    <br/>

    Bem vindos ao meu <span style="color:#cc0000;"><b>humilde</b></span> blog, fique a von-<div style="font-weight: normal;">tade para fazer seu pedido, e para palpitar, crí-</div><div style="font-weight: normal;">ticas construtivas serão sempre lidas e bem vin-</div><div style="font-weight: normal;">das. Neste bloguinho vou falar sobre assuntos </div><div style="font-weight: normal;">que eu gosto, e também abordar outras categori-</div><div style="font-weight: normal;">as como moda, beleza, e dicas, mas o que você</div><div style="font-weight: normal;">mais vai encontrar por aqui são tutoriais, utilitá-</div><div>rios e<span style="color:#cc0000;"><b> goodies</b></span> para seu blog. (&lt;~~ TESTANDO) .</div>

    Gadget 2 - Seguidores(personalizados): 

    Os avatares dos seguidores estão personalizados, não estão no tamanho padrão, estão um pouco menores. Não é necessário alterar nada, só se realmente souber o que está fazendo.
                     <div id='Followers1-wrapper'>
    <div style='margin-right:2px;'>
    <script type="text/javascript">
            if (!window.google || !google.friendconnect) {
              document.write('<script type="text/javascript"' +
                  'src="http://www.google.com/friendconnect/script/friendconnect.js">' +
                  '</scr' + 'ipt>');
            }
          </script>
    <script type="text/javascript">
          if (!window.registeredBloggerCallbacks) {
            window.registeredBloggerCallbacks = true;

            

            
            gadgets.rpc.register('requestReload', function() {
              document.location.reload();
            });

            
            gadgets.rpc.register('requestSignOut', function(siteId) {
              
              google.friendconnect.container.openSocialSiteId = siteId;
              google.friendconnect.requestSignOut();
            });
          }
        </script>
    <script type="text/javascript">
        
        function registerGetBlogUrls() {
          gadgets.rpc.register('getBlogUrls', function() {
            var holder = {};
            
              
              
              
                holder.postFeed = "http://www.blogger.com/feeds/6266210297037663966/posts/default";
              
              
              
                holder.commentFeed = "http://www.blogger.com/feeds/6266210297037663966/comments/default";
              
              holder.currentBlogUrl = "http://layoutfreedoblogcantinhodak4mile.blogspot.com/";
              holder.currentBlogId = "6266210297037663966";
            
            return holder;
          });
        }
      </script>
    <script type="text/javascript">
      if (!window.registeredCommonBloggerCallbacks) {
        window.registeredCommonBloggerCallbacks = true;

        gadgets.rpc.register('resize_iframe', function(height) {
          var el = document.getElementById(this['f']);
          if (el) {
            el.style.height = height + 'px';
          }
        });

        
        gadgets.rpc.register('set_pref', function() {});

        registerGetBlogUrls();
      }
      </script>
    <div id="div-so589efbllnr" style="width: 100%; "></div>
    <script type="text/javascript">
        var skin = {};
        skin['FACE_SIZE'] = '25';
        skin['HEIGHT'] = "260";
        skin['TITLE'] = "Seguidores";
        skin['BORDER_COLOR'] = "transparent";
        skin['ENDCAP_BG_COLOR'] = "transparent";
        skin['ENDCAP_TEXT_COLOR'] = "#999999";
        skin['ENDCAP_LINK_COLOR'] = "#cccccc";
        skin['ALTERNATE_BG_COLOR'] = "transparent";
        
        skin['CONTENT_BG_COLOR'] = "transparent";
        skin['CONTENT_LINK_COLOR'] = "#cccccc";
        skin['CONTENT_TEXT_COLOR'] = "#999999";
        skin['CONTENT_SECONDARY_LINK_COLOR'] = "#cccccc";
        skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#666666";
        skin['CONTENT_HEADLINE_COLOR'] = "#000000";
        skin['FONT_FACE'] = "normal normal 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif";
        google.friendconnect.container.setParentUrl("/");
        google.friendconnect.container["renderMembersGadget"](
        {id: "div-so589efbllnr",
         height: 260,
         
         
         
         site: "03461213571897230394",
         
         locale: 'pt_BR' },
         skin);</script></div></div>

     Gadget 3 - Barra de busca(personalizada): 
    Se quiser substitua a palavra "GO" pela palavra que deseja, que corresponda com o botão de pesquisar.
    <form action="/search" class="search" method="get">
    <input class="searchbar" id="s" name="q" type="text" value="" />
    <input class="searchbut" type="submit" value="GO" />
    </form>


    É isso, se leu as regras pode fazer o download do lay... se não souber como instala-lo no seu blog acesse e aprenda neste link aqui. É isso queridos espero que gostem e que usem este layout free, pois foi feito com muito amor e carinho. Beijos!

    5 comentários: