Criando uma página no Blogger.

Gente como é difícil para o leigo, estou bah!

Eu vi no fórum a questão de uma tal dificuldade e fui ver como era, mas foi um tal de isso não dá, isso também não, kkkkkk!

Pra criar a página já não renderizava, daí tive a ideia de publicar sem texto mesmo, ganhei um ponto, aaah!

Lógico que fiz num blog de testes, pois aqui já tem tudo e muito complexo, não cabe nem entrar no assunto. Volto pro "simple" então lembrei que minha filha tem um blog desse "tempo" kkkkkk, fui lá e peguei o código do gadget páginas do Blogger e vim certo que ia fazer em cinco minutos, redondamente enganado. O bom é que ficou divertido de ver como é quando nada dá certo.

Na edição do html em princípio eu nem vi que tinha outra seção com o mesmo identificador, mas uma falha minha é aceitável, deletei a tal "section" e voltei crente no "agora vai" e deu tudo errado, só por esquecimento, onde consigo o identificador de uma página, nesse código antigo, bom, apelei pro feed né, bora lá peguei o idenficador, mas, aconteceu porém de esquecer uma vírgula, então virou uma novela, pois o interpretador do Blogger, te diz tudo, menos que falta uma vírgula.

Na imagem o código, completo mesmo cria a seção(section) o gadget por dentro do html, direto no modelo, é interessante sobretudo para quem está iniciando, criar um blog de testes e praticar isso, criar e ver como funciona a plataforma Blogger.

Pra quem não sabe nada, até dá pra aprender alguma coisa, pra quem já sabe pode se divertir e rir muito!

Depois tudo vira gargalhada, que não resolve chorar, eu espero que seja útil ao menos para uma pessoa, é um mico só meu ou de mim pra você que está lendo, o legal da coisa é que eu poderia deletar o video e fazer outro bem mais rápido, apenas o caminho certo, mas eu gostei do resultado, muito bom pra rir pelo menos!

Enquanto isso esperamos que a engenharia do Google solucione e talvez até venha com algo novo.

Deixe um comentário, me diga se é interessante ver vídeos desse tipo, com a dureza da realidade.

Um abraço e até a próxima!

[ads-post]
Esse vídeo vai render, gargalhadas!

Enquanto eu escrevia aqui, o vídeo estava em upload, mas que bah! O YouTube também está mal das pernas e o vídeo não carrega, 11% em duas horas, vish!

https://www.youtube.com/embed/wttMbRzV4Wc


24 horas depois consegui colocar o código aqui abaixo, este código criará uma seção(section) com o widget de páginas do Blogger, o gadget oficial do Blogger. Escolha o lugar no seu modelo e crie o seu.
<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'> <b:widget id='PageList1' locked='false' title='Pages' type='PageList'> <b:includable id='main'><b:if cond='data:title'><h2><data:title/></h2></b:if><div class='widget-content'><b:if cond='data:mobile'> <select expr:id='data:widget.instanceId + "_select"'> <b:loop values='data:links' var='link'><b:if cond='data:link.isCurrentPage'><option expr:value='data:link.href' selected='selected'><data:link.title/></option><b:else/> <option expr:value='data:link.href'><data:link.title/></option> </b:if></b:loop> </select> <span class='pagelist-arrow'>&#9660;</span> <b:else/> <ul> <b:loop values='data:links' var='link'> <b:if cond='data:link.isCurrentPage'> <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li> <b:else/> <li><a expr:href='data:link.href'><data:link.title/></a></li> </b:if> </b:loop> </ul> </b:if> <b:include name='quickedit'/> </div> </b:includable> </b:widget> </b:section>
Depois de criado o widget, vá para o layout e confira, estando tudo certo volte para o modelo, localize seu widget id='PageList1' e basta adicionar as demais linhas de código para as demais páginas, dentro da tag CDATA, conforme exemplificado abaixo, faz com calma observando todos os detalhes, vírgula, aspas, chaves e etc.
{'home': {'href': 'http://alamcorretor.blogspot.com/', 'title': 'Página inicial', 'position': 0}, '3126757009855890125': {'href': 'https://alamcorretor.blogspot.com/p/sobre.html', 'title': 'Sobre.', 'position': 1}, '5995197885778916955': {'href': 'https://alamcorretor.blogspot.com/p/lorem.html', 'title': 'lorem', 'position': 2}}
Se já tinha o gadget no seu modelo, ele já está com o css formado, mas se não usava até então, precisa fazer um trabalhinho a mais, colocar o css básico dentro da tag b:skin para melhorar a aparência, vou deixar o código abaixo, mas claro que você pode fazer da sua maneira, isso é só um exemplo. /*---- PageList1 gadget Blogger ----*/ #PageList1 { width: 100%; border: 1px solid #625e00; /* Color del borde del menú */ background-color: #E0ECF8; /* Color de fondo */ } #PageList1 ul li a { color: #040; /* Color de los enlaces */ text-decoration: none; font-weight: bold; padding-right: 20px; background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwCMmHisrqpQaifQou2XgEnHnXh72pXBUAnPhLkDY5Y70BwHrD8D-Da_PcptwcNWcEDi7HfvMm0oB0perRPPIGCn-s9VP70HO8RMOQTUS2MttL1dHXtOXPOnYFzd1FVq5BFd__Wie-FGI/s320/vertical.gif) center right no-repeat; } #PageList1 ul li a:hover { color: #e8faf2; /* Cor do texto ao passar o cursor do mouse */ position: relative; left: 1px; top: 1px; } /*---- Páginas gadget Blogger ----*/ #PageList1 { width: 100%; height: auto; background: #e8faf2; /*---- edite cor de fundo ----*/ } #PageList1 ul li a { color:#fff; /*---- edite a cor da fonte ----*/ background:#030; /*---- edite cor de fundo ----*/ text-decoration: none; font-weight: bold; font-size: 15px; padding: 8px 8px 8px 8px; } #PageList1 ul li a:hover { color:#040; /*---- edite cor de fundo ----*/ background:#e8faf2; /*---- edite cor da fonte ----*/ position: relative; left: 1px; top: 1px; }