Enfim, vou mostrar para vocês como fazer um gadget/widget aparecer apenas na página inicial ou apenas em uma página específica do seu blog, um recurso que é bastante usado em blogs estilo revista, para ocultar o slide ou menu da página inicial nas outras páginas.
Não é complicado, basta prestar atenção para por o código no lugar certo.
Primeiro, abra o painel do blogger. Clique no nome do blog que você deseja modificar. Clique em "Modelo" no menu lateral. Clique no botão "Editar HTML" abaixo da miniatura do seu blog e no aviso que aparecer, clique em prosseguir.
Marque a opção "Expandir Modelos de Widgets":
Aperte Ctrl+F e procure pelo nome do gadget que você deseja ocultar. Se o gadget não tiver nome, vá no layout e coloque um nome nele, pra ficar mais fácil. Depois você tirar o nome, sem problemas.
Vai aparecer um código mais ou menos assim:
<b:widget id='HTML5' locked='false' title='Nome do gadget' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
Só que obviamente, em vez de "Nome do gadget", vai estar o nome do gadget.
Agora vem a parte que requer atenção:
Se você quiser que o gadget apareça apenas na página inicial, você deve adicionar os seguintes códigos no código do seu gadget. Preste atenção para colar no lugar certo.
Abaixo de <b:includable id='main'>, você coloca isso:
<b:if cond='data:blog.url == data:blog.homepageUrl'>Agora abaixo de <b:include name='quickedit'/> você adiciona isso:
</b:if>Vai ficar assim:
<b:widget id='HTML5' locked='false' title='Nome do gadget' type='HTML'>Visualize se não tem nenhum erro e salve.
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
Agora se você quiser que o gadget apareça apenas nas páginas de posts, faça o mesmo procedimento acima, mas com os códigos que estão em destaque abaixo:
<b:widget id='HTML3' locked='false' title='Nome do gadget' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
E se quiser que o gadget apareça apenas em uma página específica, adicione os códigos destacados abaixo, e coloque o link da página em que você quer que o gadget apareça no lugar indicado:
<b:widget id='HTML3' locked='false' title='Nome do gadget' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == "Coloque aqui o link da página"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
Não esqueça de visualizar antes de salvar para ter certeza de que não há nenhum erro. Também é bom lembrar de fazer download do HTML do blog antes de fazer qualquer mudança, pois assim, se der algo errado, você pode recuperar tudo rapidinho.
Espero que tenham gostado. Kissus!
oiê! :)
ResponderExcluirestou tentando fazer um menu e seguindo as dicas do seu tutorial COMO COLOCAR MENU DENTRO DA IMAGEM DO CABEÇALHO, mas o link que você informa o www.image-maps.com não mapea a imagem :/
tentei isso a manhã toda
sabe se tem outro site que eu possa fazer isso?
brigada querida beijos
@jessica_alves_
http://ahquerodoce.blogspot.com/
Adorei o tutorial >.<
ResponderExcluirkorea-tech.blogspot.com
Liah , eu postei sobre o novo endereço do blog .
ResponderExcluirEu vou trocar ele amanhã de manhã .
Se quiser saber mais é só ir nesse link :
http://clubliahsa.blogspot.com/2012/02/club-cherry-bomb-vai-mudar-de-endereco.html
Ótimo tutorial Liah!! Tava procurando há um tempo como se faz isso, mas nunca consegui achar um tuto bem explicadinho, hahaha, obrigada *-*
ResponderExcluirhttp://viverserfeliz-renata.blogspot.com/
Amei Liah!!*--*
ResponderExcluirhttp://www.facebook.com/blogmudancas http://meumundomudando.blogspot.com/
legal esse tuto *-*
ResponderExcluirhttp://perfeitateen.blogspot.com/
Liah, obrigada por atender ao meu pedido! Adorei o tuto!
ResponderExcluirOMFG Liah você humilha com seus Layouts, na boa, fazia tempo que eu não visitava o CB e juro pra você que to de boca aberta(literalmente to parecendo uma boba de frente ao pc ;p). Parabéns e já não sei mais o que dizer *-*
ResponderExcluirxoxo, A.
wishoffashion.blogspot.com
Amei, já estou usando no meu blog The Sims Place :)
ResponderExcluirQuase fiquei sem ar com o novo layout, muito divo, achei que esse vermelho deixou o blog glamouroso (mais ainda) rsrs
Bjs
Girls On-Line
The Sims Place
O layout tá lindo de morrer, arrasou! Nossa, obrigada pelo tuto, vou usar no próximo layout, salvo em favoritos :).
ResponderExcluirBeijos!
garota-unbroken.blogspot.com
Adorei o tutorial- e acho que não tinha falado antes, mas o lay tá lindo! *-* Só eu que tenho trauma/medo/pavor de japoneses/pessoas de olhos puxados/seus derivados e fico meio tensa, kkkkkk' oO Doida demais, hsaushau'
ResponderExcluirBeijos ♥
Conspirantes
Meu Deus!!!!! Que new lay diviiiiiino!!!! *----------* Parabéns Liah, mais uma vez! Aliás, menina já está na faculdade hein? Que chique!! E pelo jeito "morando sozinha"?? Eita! kkkk
ResponderExcluirQue tutô legal! =)
Liah, sei que é bem corrido pra você, mas por favor preciso de ajuda: o cabeçalho do Teen Blog ~* (que é mapeado) sumiu do nada! (Acho que é algum erro com o image-maps sabe?) Mas não sei o que fazer! Não conheço outro site de mapeamento (que seja seguro) nem algum de hospedagem que não crie confusão!
Por favor, se puder me explicar qualquer coisinha sobre eu agradeço muitooooo!!!! *o*
Aliás, olha o que aparece quando clico em "abrir imagem em outra aba":
404 Not Found
The requested URL /uploaded_files/5201201011945581_9201112280935115_aquiiiiiiiiiiiiiiiedição.bmp was not found on this server.
Apache/2.2.16 (Ubuntu) Server at www.image-maps.com Port 80
Ai meu Deus... isso é muito sério? Tem conserto, né? =/
kkkkk *Andresa Desesperada*
Obrigada de coração por gastar seu tempinho lendo meu pedido desesperado kkkk
Parabéns novamente, arrasou!!!!
Beijão, ótimo FDS!!!
http://teenblogumblogpravoce.blogspot.com/
Liah, boa sorte na sua nova vida, vai começar a faculdade (meu sonho é fazer faculdade, haha.), em morar sozinha.. Depois me conta como é esta experiência, viu?!
ResponderExcluirAmei o tutorial, e vou usar no próximo lay do MM! Amo seus tutoriais, mas queria sugerir um: como coloco caixa de texto nos posts? ;)
Beijos, Manoela.
www.meninasmalvadasblog.blogspot.com
Liah, Liah a afobada que sou eu conseguiu arrumar o treco!
ResponderExcluirFoi um problema na hospedagem (hospedei no próprio Image-maps)!!
Então, agora está tudo OK! *o*
http://teenblogumblogpravoce.blogspot.com/
Bem legal. Que layout lindo, amei.
ResponderExcluirO que acha de ganhar um livro num Super Sorteio? Participe, são 2 GANHADORES e um pode ser você.
http://iasmincruz.blogspot.com/2012/02/super-sorteio.html
Liah , já troquei o endereço do Club Cherry Bomb .
ResponderExcluirhttp://clubcherrybomb.blogspot.com
Liah, ameeeei o tuto *-* Vou usar um dia.
ResponderExcluirEntão, não foi você que encomendou comigo? :O Nossa, eu jurava que fosse. Bom, eu não uso o Google Docs pra fazer as encomendas, uso o Contact Form 123, mas acho que nesse formulário marca o IP da pessoa. Se você quiser saber, entro no msn e te falo.
Beijos, Dani Ribeiro - onthefame.tk
Liah me ajuda eu usei seu layout delicate lindo e a barrinha de separação das postagens ta escrito q ta deletada
ResponderExcluirhttp://mudandodetemaofficial.blogspot.com/
Ótima dica Liah! Obrigada!
ResponderExcluirBlog1 | Blog2 | Vota em mim *aqui* por favor (Sou a : Sonhos De Uma
Doce Garota)
Liah, Liah a afobada que sou eu conseguiu arrumar o treco!
ResponderExcluirFoi um problema na hospedagem (hospedei no próprio Image-maps)!! kkkkkk
Então, agora está tudo OK! *o*
Obrigada pela ajuda Liaah!!!
http://teenblogumblogpravoce.blogspot.com/
Adorei Liah arrasou , ensina também a fazer o menu com efeito hover dentro do cabeçalho , tipo o do trechy teen .
ResponderExcluirhttp://perfeitinha-blog.blogspot.com/
MINHANOSSASENHORA ainda nn tinha visto o lay novo *OOO* ficou lindo Liah (: AH, tava precisando mesmo desse tuto *_*
ResponderExcluirxoxo, It’s Becky visita?
Sorteio de um CD exclusivo personalizado só pra você!http://little-of-everything-blog.blogspot.com/
ResponderExcluirLiah, sbae pq eu não gosto de você?
ResponderExcluirPor que os seus layouts são perfects demaais e humilham os meus, rhuun! XD
Adoro-te!
Beijiinhos !
meninafuturista.blogspot.com
(blog em construção :))
Putz..entrei no blog errado...kkkkk...o layout ficou super lindo liah!nem reconheci q era o cherry!+ o da avril tambem tava lindo!
ResponderExcluirbjus*-*
http://biadouto.blogspot.com
Adorei o tutorial!! Pensei que tinha entrado no blog errado (kkkkkk) O novo design ficou lindo! Arrasou Liah!
ResponderExcluirBjs
http://magicmih.blogspot.com/
Adorei o tuto !!
ResponderExcluirSegui meu blog ? http://capture-dream.blogspot.com/
Adorei o tuto !!
ResponderExcluirSegui meu blog ? http://capture-dream.blogspot.com/
parabéns pelo blog, esou seguindo
ResponderExcluirsegue de volta?
http://girlsin-fashion.blogspot.com/
Liah, te mandei um formulário de contato será que você poderia me responder?
ResponderExcluirCozinhando com o Minduim
Ótimo tuto, Liah!
ResponderExcluirO novo lay ficou perfeito, amei demaaaais *-*
http://delirios-degarota.blogspot.com
Muito bom esse tutorial!
ResponderExcluirVisite www.alittle--girl.blogspot.com um blog criado hoje!
Ooi Liah amo esse blog e o tuto me ajudou muiiito vc não tem noção *--*
ResponderExcluirSerá que poderia dar uma seguidinha??
ofthecupcake.blogspot.com
Obrigado espero sua resposta :)
Segue meu blog??
ResponderExcluirhttp://capture-dream.blogspot.com/
esse tutorial é muito bom, poderia postar como colcocar aquela caixa de pesquisa que nem a sua ? beijos
ResponderExcluirhttp://libertythings.blogspot.com
Ameeei o tutorial!
ResponderExcluirUma hora ainda vou usar ele lá no blog...\Õ/
Beeijo amore!
http://blogmymemories.tk
cherry estou usando algumas coisinhas do extras ok? baixei o pacote de natal! muito liindos! :)beiijo
ResponderExcluirAdorei o tuto#,quando eu precisar eu vou usar,mais agora não preciso.
ResponderExcluirTa tendo mini concurso participa?
Beijinhos! ^^
Lufashionteen.blogspot.com
O blog está muito lindo *o*
ResponderExcluirParabéns!
Muito bacana seus tutorias.
Participe do 1º sorteio do Tecido Doce:
http://tecido-doce.blogspot.com/2012/01/pinches-vintage-sorteio.html
Olá, tudo bem???? adorei os tutoriais, mas eu queria mesmo era tirar esse balão de comentários... deixar só na página inicial.. http://breakfastatlores.blogspot.com/p/lore.html sabes como?
ResponderExcluirObrigada!
Vlw mesmo.. Ajudou até e mais.. Continuem assim.. e visitem: http://fla-maisquerido.blogspot.com.br/
ResponderExcluirAjudou super, parabens pelo tuto super detalhado e organizado, já está nos favoritos!!!
ResponderExcluirAonde colocar o link para uma página especifica?
ResponderExcluirVlw...ajudou muito!
ResponderExcluirSempre olho aqui quando perciso de ajuda, ! PARABÉNS !
ResponderExcluirNão tava dando certo, graças ao seu tutorial funcionou, muito obrigado :)
ResponderExcluirGosta de rock? Entre http://rocknall.blogspot.com
Olha você está de parabéns Liah !!!
ResponderExcluirMuito bom o seu conceito em trabalhar com tutoriais e debates, um conselho deveria trabalhar reformulando blog's e sair ganhando com o seu belo trabalho ...
Infelismente não me ajudou não conseguir fazer nadaa !! :( mas tudo beem, deixa pra poxima rsrs
ResponderExcluirOi cherry, estou aqui deixando esse comentário para lhe agradecer, vou te falar viu seus tutoriais são de extrema qualidade praticamente você que faz tudo ao nosso blog porque desenhar ja desenha kkkkk só não entende quem é lento, sou muito grato aos seus tuto, parabéns continue assim vlw.
ResponderExcluirMuito bom o blog ,, curti pra krl!!!! ajudo muito ,, brigadao aew!!!
ResponderExcluireu queria q vc me ensinasse a botarumslide porq esses q vc mando eu ñ entendo da pra explicar detalhadamente? e q eu possa botar esses slides com links
ResponderExcluirobrigada, deu super certo e o slide aparece somente na pagina inicial...olha, da um trabalho mexer no html e requer muita concentração...bj e obrigada, seu blog é muito util,alem de lindo! ja estou seguindo. bjs www.cositasfemininas.blogspot.com.br se alguem quiser dar uma olhada como ficou, pq o tuto da certo!!!
ResponderExcluirvo te falar que é dificil encontrar um tuto q da certo...
num consegui fazerminhas gadgets aparecerem em determinadas pgs :(, o código do meu está totalmente diferente do escrito aí...
ResponderExcluirO meu código não tem o que tem nas instruções, eu precisava demais disso :C
ResponderExcluirTutorial perfeito, Liah! Eu estava precisando muito!
ResponderExcluirThis Time
oi.. fazer esse tutorial para colocar somente na página inicial, mas não deu muito certo... e nem sei o que estou fazendo errado... --"
ResponderExcluirDeu certo, beijos ;)
ResponderExcluirhttp://eletrolitica.blogspot.com.br
Querida, só você deu jeito nesse imenso problema! Depois de horas lendo orientações em outras línguas foi reconfortante ler a sua e ter êxito no processo. Obrigada pela colaboração.
ResponderExcluirOMG MT OBRIGAAAAADO!!! s2 Tavo procurando mt isso, os q eu achava era mt complicado é tal
ResponderExcluirMt obg msm! Bjos
Cara amiga. Preciso urgentemente saber como criar uma página só de banner (imagens), sem aquela parte do post, só de gadgets. Poderia me ajudar nisto, pois já usei de todo o meu parco conhecimento e não consegui nada. Em tempo, sou seu leitor assíduo e quero lhe parabenizar pelo fabuloso blog. Abraço.
ResponderExcluirEste comentário foi removido pelo autor.
ResponderExcluirÉ interessante, mas eu só não consigo ocultar nas paginas o gagdet seguidores, eu li, reli, li novamente mas não consegui, ficou somente o seguidores, não consigo ocultar, pois as linhas de html de seguidores é diferente, é mais extenso e demasiado confuso.
ResponderExcluirme ajuda? http://studio-kalebe.blogspot.com.br/
Complicadinho... mas vale a pena!
ResponderExcluirhttp://delicadaeimperfeita.blogspot.com.br/
Ola obrigado pelo tutorial, conheço bastante de layouts mais sempre aprendemos cada vez mais, a sempre o que aprender.
ResponderExcluirVocê ensina no tutorial colocar gadget somente na postagem inicial e colocar gadget em postagem especifica, mas você sabe colocar um gadget que apareça em todas as postagens menos na postagem inicial. (esse sistema vai ser bem util em meu site) ta ai um desafio, bom vc sabe fazer.
Visita e segue, voceis vão gostar;;
ResponderExcluirhttp://ddiariodeumagarotas2.blogspot.com.br/
ei funciono hehehe, obrigada aí
ResponderExcluirOlá. Quero agradecer a sua ajuda. Foi fantástica.
ResponderExcluirObrigado
vlw me ajudou muito!!!
ResponderExcluirMuito bom o tutorial. Com criatividade, dá para fazer muita coisa legal no blog.
ResponderExcluirCigarette Smoke - http://cigarettesmokeblog.blogspot.com.br/
Este comentário foi removido pelo autor.
ResponderExcluirEste comentário foi removido pelo autor.
ResponderExcluirOI amiga, de todos os tutoriais que li sobre isso o seu foi o único que funcionou, obrigado !
ResponderExcluirNão consigo colocar o gadget em uma página específica, já fui em vários sites, todos ensinam o mesmo código mas não funciona. O de colocar apenas na página principal pega mas os de por numa página específica não.:( Se alguém puder me ajudar eu agradeceria muito. :(
ResponderExcluirParabéns pelo excelente post. Obrigado, pois me ajudou muito. Se desejar, posso divulgar se blog no meu. Aguardo se retorno! http://roshshaul.blogspot.com.br/
ResponderExcluir