Olá bem bem vindo ao aAconteceu depois dos 14!

Siga-nos nas redes sociais.

¡Suscríbete a nuestro blog!

Recibe en tu correo las últimas noticias del blog. Sólo ingresa tu correo para suscribirte.

Anuncie

13 de jul de 2013

TUTORIAL Gadget que muda o seu layout inteiro

 

1302945217_puss_in_boots_painting_by_myburningeyes-d2kqhxu

Exclusivo, é uma junção de alguns tutoriais que vai dar um só

Olá gente! Estou louca pra compartilhar isso com vocês, há um tempo atrás fui em um site(blog que não lembro o nome) onde os visitantes escolhia em um menu e podia mudar o blog para um dos novos modelos dinâmicos. Eu fiquei apaixonada com a possibilidade de escolhermos isso, mas não sabia como funcionava, e como estou fazendo o LAYOUT DO PORTAL S.A.E.D queria por algo assim.

Pesquisei e hoje descobri que para você ver como ficaria um dos templates dinâmicos é só por a URL do seu blog é só por view depois da barra. Exemplo: seublog.blogspot.com/view.  Aí fui juntar um mais um e deu dois.  È apenas necessário criar um menu dropdown com as opções, quando seu leitor, visitante escolher aquela opção vai pro view, assim ele poderá ver como ficaria seu layout com o layout dinâmico.

DEMONSTRAÇÃO
[+] INTERATIVIDADE

Para aplicar o menu dropdown é bem fácil  Loga né meu bem >> Vai no seu painel >> Layout >> adicionar gadget >> html/javascript e cole o código do menu:

 

<center>  <form name="jump">
<select size="1" name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="Ir">

<option>NOME DO MENU</option>

<option value="seublog.blogspot.com/view/sidebar">Sidebar</option>

<option value="seublog.blogspot.com/view/classic">Classic</option>

<option value="seublog.blogspot.com/view/flipcard">Flipcard</option>

<option value="seublog.blogspot.com/view/magazine">Magazine</option>

<option value="seublog.blogspot.com/view/mosaic">Mosaic</option>

<option value="seublog.blogspot.com/view/snapshot">Snapshot</option>

<option value="seublog.blogspot.com/view/timeslide">Timeslide</option>

</select>

</form></center>

 

Agora é só substituir o que esta em vermelho.

Nome do menu = nome que deve aparecer. Ex: Troque o layout, mude o visual, do seu jeitinho etc.

seublog.blogspot.com =substitua pela url do seu blog, pode por com o http. Cuidado  não exclua a parte verde e as aspas

Viu como sou boa com vocês vou deixar semi-pronto o menu.  Tem só um probleminha, não tem um atalho pro seu leitor voltar pro seu layou normal, ou melhor até tem. É só ele clicar no nome do blog, que possui um link para sua página inicial sem a palavra VIEW. Mas isso não FICA MUITO CLARO, pra quem vai.  Então seria legal você por um texto:

Embarque nessa viagem!<br>

Mas para voltar ao layout original ,<br>

é só clicar no nome do blog lá no topo.

 

coloque  esse texto depois do <center>.

 

Espero que vocês tenham gostado e que principalmente tenha algum uso, porque só eu mesma pra postar as 04:21 da manhã pra vocês! E por favor não esqueçam do meus créditos hein! E não repasse, lembre-se que meu blog é protegido e fica fácil caçar um tutorial desse, que rodei a internet e não vi, então é exclusivo daqui.

 

A base do menu dropdown não é exclusiva e do Ferramentas Blog.

 

Aguardo ansiosa os comentários ! Beeijos

3 comentários:

  1. Nunca tinha visto mesmo,achei muito top.Mas muda o layout mesmo,igual muda background?Esqueci de ver a preview.BJs linda.ótimo tuto:)
    summerscomicsworld.blogspot.com.br

    ResponderExcluir
  2. WAW muito legal esse tutorial! Quando você postou o gadget de mudar o background com um clique,eu fiquei pensando "será que tem tutorial de como mudar o template inteiro?".Nem imaginava que existia mesmo,mas o ruim é só que não dá para nós colocarmos,tipo o nosso próprio template,tem que ser um do blogger sem estar pesonalizado né...ou tem? rs De qualquer forma,é um ótimo tutorial,adorei!
    Tenha um ótimo fim de semana =)
    beijos
    quemprecisadetvparaverbeyonce.blogspot.com.br

    ResponderExcluir
  3. Que máximo !! Adorei ;)

    http://alittlemorethangloss.blogspot.com.br/

    Beijão.

    ResponderExcluir

* Gostou do Post ? Por Favor, comente.
* Não precisa de confirmar as postagens com os códigos.
* Dicas, sugestões e críticas sempre são bem-vindas.
* Comente sobre o conteúdo do blog, antes de sair divulgando o seu.
* Palavras ofensivas, ou texto totalmente em caixa alta, não serão publicados, exceto se tiver um conteúdo relevante.
* Agradecemos de coração a sua visita, e iremos visitar seu blog, site, redes sociais também( se vc deixar o link)! Será um prazer.