11 junho 2014

Tutorial: Slide de Postagens

|

 Olá minha gente, tudo bem? Desde que eu instalei o novo layout no Blog, recebo alguns perguntas referentes à ele, e uma da que mais que recebo bastante tanto em grupos como em inbox é de como consegui ter esse Slide de Postagens e hoje irei explicar mais sobre ele e fazer um breve tutorial, vamos lá?

  Quando eu estava em busca de 'ferramentas' para o novo layout, decidi que queria um Slide de Postagem e fui em busca de Blogs e mais Blogs que disponibilizavam o código para colocar no meu, TENTATIVA FAILL. Depois disso, tentei procurar vídeos no YouTube e durante muito tempo procurando, achei o tal tutorial de Slide que queria. Eu poderia indicar e linkar o vídeo ou o canal, mas eu não lembro (infelizmente), então por esse motivo decidi fazer um tutorial para vocês, ok?

                                                                Código
----------------------------------------------------------------------------------------------------------------------------------------
  <div class="slider-wrapper theme-default">

    <div class="ribbon"></div>

     <script style="text/javascript"
src="https://sites.google.com/site/jbollton/arquivo/GallerySlide.js"></script>

    <script style="text/javascript">

     var numposts_gal = NUMERO DE POSTS PARA SER EXIBIDO;   //number of posts

     var image_height = ALTURA; //image height

     var image_width = LARGURA;  //image width

    </script>

    <script src="LINK DO SEU BLOG/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts"></script>

    </div>

 ----------------------------------------------------------------------------------------------------------------------------------------

   Depois de ter editado o código tudo bonitinho (recomendo que seja no Bloco de Notas, mas se editar no WordPad não fará diferença alguma rs) é hora de instalar no Blog. ESSE CÓDIGO É SÓ PARA PLATAFORMA BLOGGER.
   
                               Layout > Adicionar um Gadget > HTML/Java Script > Cole o Código


  Viu? É muito fácil e prático de instalar em seu Blog, além de ajudar seus leitores a ver suas últimas postagens também o deixa mais bonito rs.

                                *Não é certeza, mas o código só funciona pelo Modelo Travel

                                Então é isso pessoal, espero que tenham gostado e até a próxima!
                            Gostou desse breve tutorial? Irá usar no seu Blog? Sério? Me conte Mais!

                               Fan PageInstagram| Grupo de Divulgações de Blogs| Twitter| Youtube

Como sabem eu estou fazendo uma pesquisa sobre os leitores para eu poder melhorar o Blog e conseguir montar meu Mídia Kit, para responder a pesquisa Clique Aqui. Obrigado!

                                                                                                                             


Comente com o Facebook:

9 comentários:

  1. O Tutorial não funcionou :/ Mais obrigada mesmo assim .


    Blog Rosa Chiclete - Perfil

    ResponderExcluir
    Respostas
    1. Que pena, eu tentarei ver se eu esqueci te algo e entro em contato com você, ok?
      Bjuus <3

      Excluir
  2. No meu também não funcionou.. :( ja tentei vários! Mas obrigado pela atenção!

    www.garotolifestyle.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Nossa, eu já estou consertando o código e posto aqui para vocês, ok?
      Abraços <3

      Excluir
  3. Respostas
    1. Não? O seu modelo é o Travel? Já estou arrumando rs.
      Abraços <3

      Excluir
  4. oi, que dica legal :D sempre quis saber o nome disso pra mim tentar colocar no meu kkkk

    ResponderExcluir
    Respostas
    1. Olá, Muito Obrigado! Isso se chama Slide de Postagens rs.
      Bjuus <3

      Excluir

Seja Bem-Vindo ao Ao Olhar de um Garoto, espero que goste do conteúdo do Blog e de tudo mais :)

Obrigado por comentar :)
Aceito criticas construtivas :D

© Ao Olhar de Um Garoto - 2013 / 2016
Cópia de conteúdo é crime. Não copie!
Personalizado por: Gessica Alvim / www.cerejablack.com
Tecnologia do Blogger
imagem-logo