tag:blogger.com,1999:blog-52394477961492116822024-03-18T19:21:41.745-03:00VerbratecHtml, css, javascript, assuntos relacionados ao uso do Blogger, dicas, ajuda, serviços!Jair de Jesushttp://www.blogger.com/profile/03590002350038063650noreply@blogger.comBlogger116125tag:blogger.com,1999:blog-5239447796149211682.post-67520764075780453222023-06-07T18:17:00.027-03:002023-06-14T19:00:58.424-03:00Mazurka de Carl Henze.
<h2>Mazurka de Carl Henze, partitura com tablatura para guitarra clássica - violão clássico.</h2>
<img style='text-align:center;display:none;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCTcVxtVk1mnWkwMU7-nPCsDtjEspd2XYGUvowah1-1_H83UKWpVXEVfVYiLQpLKUTSNqlhKNuX4UtOOZzhXdNTyDxxEPArANTBelIYdx1YpVFkBtVaMTXu9Efr1VJmSr9R5xTFJ7egm95BFm2UnCFuh5nvdOHWGiaHHuyHWEkTv6wn5JdTmJWOFsOmw/s1600/mazurka-henze-verbratec-partitura-tablatura-tab.png' width='90%' height='auto' title='Mazurka é uma dança. Carl Henze, partitura com tablatura para guitarra clássica - violão clássico.' />
<hr/>
<p style='text-align:left;margin-left:40px;'><i class="fa fa-arrow-circle-o-down" style="font-size:48px;color:green"></i> Ouvir agora partitura com tablatura, <b>Mazurka - Carl Henze</b>.</p>
<hr/>
<br/>
<iframe width="100%" height="394" src="https://musescore.com/user/64321252/scores/11161531/embed" frameborder="0" allowfullscreen allow="autoplay; fullscreen"></iframe><span><a href="https://musescore.com/user/64321252/scores/11161531/s/w7dexA" target="_blank">Mazurka -Henze</a> by <a href="https://musescore.com/user/64321252">verbratecjair</a></span>
<br/>
<hr/>
<p style='text-align:center;'>Pdf no drive <b>Mazurka - Carl Henze</b>.</p>
<hr/>
<iframe src="https://drive.google.com/file/d/1-UbzJyMao_I-_jSd7jMhSSqikEdTZvWi/preview" width="96%" height="980"></iframe>
<br/>
Veja os detalhes de um exemplo de digitação no vídeo abaixo e bons estudos! <br/>Inscreva-se no canal YouTube <a href='https://www.youtube.com/channel/UCaBZ4xshTSRfzpYCKOsSn5g?sub_confirmation=1' title='Inscreva-se no canal @estudoviolaoclassico YouTube' target='_blank'>@estudoviolaoclassico</a> e acompanhe meu estudo.<br/>
<br/>
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/JH-xrmxI134" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe><div class="blogger-post-footer"><a herf=" https://www.verbratec.com.br/" target="_blank"> Verbratec - Jair de Jesus</a> | Reprodução proibida.</div>Jair de Jesushttp://www.blogger.com/profile/03590002350038063650noreply@blogger.com0tag:blogger.com,1999:blog-5239447796149211682.post-50869919198385947532023-02-27T22:39:00.379-03:002024-03-18T19:21:08.659-03:00Roteiro de estudo para guitarra clássica.[full-post]<span style='display:none'><img widh='98%' height='auto' src='https://yt3.googleusercontent.com/TxvDJ4Q0-t-IJAG4HzTylSAatrVsQWsUGZAUNIkDj7lTLUNqyKRyYbzh6refwrXB3Qb61hKx=w1707-fcrop64=1,00005a57ffffa5a8-k-c0xffffffff-no-nd-rj'/></span><br/>
<iframe width="560" height="315" src="https://www.youtube.com/embed/sULxlrQSCEk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<br/>Acompanhe meu estudo de música com violão clássico, inscreva-se no canal YouTube:<a href='https://www.youtube.com/@estudoviolaoclassico?sub_confirmation=1'> @estudoviolaoclassico</a>.
<br/>
Meu estudo é por minha conta e risco, kkk, sem um professor definido, busco estudar com os melhores que posso, e é muito importante ter um roteiro para estudar, então seguindo a escola européia temos uma programação de estudo do início ao performer, listado logo abaixo, nessa página.<br/>
<br/>
Se és iniciante na guitarra clássica, aqui está o fio da meada, aprenda certo do começo, tenha paciência e persevere, logo terás bons resultados:
<a title='Curso de guitarra clássica, com aulas disponíveis no meu canal no YouTube, increva-se e incentive a produção de mais conteúdos!' href='https://www.youtube.com/playlist?list=PLElJagjPmzGkdO5wfG2WtzQ_-t8FUw7R_'>Curso iniciante em guitarra clássica.</a> Para aprender onde estão as notas musicais no instrumento, nomenclaturas, como funciona a notação musical(partitura-tablatura), o que é métrica, dinâmica, ritmo, andamento e todos os demais assuntos referentes a base inicial do estudo de música com guitarra clássica.<br/>
<br/>
<div style='color:#006622;border:1px dashed #006622;text-align:center;'>
Iniciante; graus 1 a 3 ou aproximadamente 1 a 3 anos de estudo prático.<br/>
Intermediário; graus 4 a 6 ou aproximadamente 4 a 5 anos de estudo prático. <br/>
Avançado; grau 7 e acima, 6 anos ou mais de experiência na prática.<br/>
</div><br/>
Quanto tempo demora pra aprender?
O professor 'renomado' Édson Lopes nos conta que começou em 1972 e se formou em 1978.<br/>
Acredito que isso resume a resposta. Eu estou tentando aprender "sempre". No meu caso 'de iniciante', tem peça que aprendo em um mês e tem peça que em três meses não consegui executar de maneira satisfatória, então creio que é preciso respeitar o meu nível técnico e persistir, sempre aprendendo, adicionando, melhorando.
<br/>
<h5>Para ingressar na primeira série é preciso que o aluno:</h5>
1. Conheça os elementos básicos, as partes do instrumento.<br>
2. Conheça a posição do corpo e o posicionamento de ambas as mãos em relação ao
instrumento.<br>
3. Nomeie os dedos de ambas as mãos. Ordenação das cordas e localização na pauta (pentagrama).<br>
4. Leia rítmica no campo da primeira posição e situe no instrumento.<br>
5. Ação do polegar da mão direita e dedos 1, 2, 3, 4 da mão esquerda.<br>
6. Ação alternada dos dedos <b>i</b> e <b>m</b> e ação dos dedos 1, 2, 3 e 4.<br>
7. Alterações, domine os acidentes bemol e sustenido.<br>
8. Habilite e estimule a ação dos dedos p-i e p-m da mão direita.<br>
9. Realize arpejo de três e quatro notas p-i-m, p-i-m-i, p-i-m-a.<br>
10. Execute acordes de dois e três notas.<br>
11. Desenvolva a capacidade auditiva de discriminação para <b>afinar o instrumento</b>.<br/>
12. Todo esse conhecimento está no<b><a href='https://www.youtube.com/watch?v=SfjsHqg4HRY&list=PLElJagjPmzGkdO5wfG2WtzQ_-t8FUw7R_'> curso iniciante em guitarra clássica</a></b> e será revisto e ampliado, nas primeiras séries, para solidificar o conhecimento base do desenvolvimento técnico do aluno.
<br>
<br/>
<hr/>
<br/>
<b>Conteúdos didáticos, 1ª série:</b><br/>
1. Descrição dos diferentes elementos da guitarra a nível <b>estrutural,
funcional e ornamental</b>.<br/>
2. Usar <b>postura</b> corporal adequada, posicionamento do violão e funções de
ambas as mãos.<br/>
3. Descrição do nomenclato dos diferentes símbolos da partitura: clave, armadura, fórmula de compasso e etc.<br/>
4. Conhecimento de valores rítmicos e suas pausas:<b> semibreve, mínima, semínima,
colcheia e quiálteras tercinas.</b>.<br/>
5. Iniciação básica ao dedilhado(arpejo) de guitarra e distinção de planos sonoros.
<br/>
6 - Sincronização de ambas as mãos. Transferências longitudinais e transversais da mão esquerda.
<br/>
7 - Ataque tirando e apoiando.<br/>
8 - <b>Afinação simples por equísono</b>.
<br/>
<hr/>
<br/>
Músicas da 1ª série:<br/><br/>
F. Sor:<a href='https://www.youtube.com/watch?v=9lCK0aiC7Ro' title='Veja a sugestão de digitação, deixe seu +gostei+ para incentivar esse trabalho, inscreva-se no canal. Abraço e bons estudos!'> Etudes Op.60, Nº1</a>
<br/>
F. Sor:<a href='https://www.youtube.com/watch?v=hBBaz9josiY' title='Veja a sugestão de digitação, deixe seu +gostei+ para incentivar esse trabalho, inscreva-se no canal. Abraço e bons estudos!'> Etudes Op.60, Nº2</a><br/>
F. Carulli: <a href='https://www.youtube.com/watch?v=IokFT_PlKOI' title='Veja a sugestão de digitação, deixe seu +gostei+ para incentivar esse trabalho, inscreva-se no canal. Abraço e bons estudos!'>48 Estudos Elementares Nº 8</a><br/>
F. Carulli: <a href='https://www.youtube.com/watch?v=_M7rqzOQhHY'title='Veja a digitação, no vídeo do canal YouTube, inscreva-se para não perder o caminho!'>48 Estudos Elementares Nº 9</a><br/>
Dionísio Aguado: 28 estudos progressivos para nível<a href='https://www.youtube.com/watch?v=REV-rLJtVtg' title='Veja o vídeo com a sugestão de digitação e inscreva-se no canal, deixe um +gostei+ para incentivar esse trabalho, abraço e bons estudos!'> elementar e intermediário, nº2.</a><br/>
N. Coste:<a href='https://youtu.be/LMVbrdhPV0g' title='Veja os detalhes no vídeo e increva-se para não perder o caminho!'> 43 Progressive Etudes Nº1</a><br/>
<br/>
<br/>
<hr/>
<br/>
<br/><b>Objetivos didáticos da 2ª série:</b><br/>
1. Desenvolver a capacidade auditiva de discriminação para<b> afinar o instrumento por equisons e oitavas</b>.<br/>
2. Conhecer a origem e evolução do instrumento.<br/>
3. Usar postura correta e expressiva, demostrando integração com o instrumento.<br/>
4. Fazer leitura rítmica no braço do instrumento.<br/>
5. Realizar arpejos de 2 notas com pulsação p-i e p-m.<br/>
6. Realizar arpejos de 3 notas com pulsação p-i-m.<br/>
7. Realize arpejos de 4 notas com pulsação p-i-m-a.<br/>
8. Executar acordes com pulsação a-m-i.<br/>
9. Fazer ligados simples e compostos, ascendentes e descendentes. <br/>
10. Fazer barra(pestana-capotraste), em 2 cordas, 3 cordas, 4 cordas.<br/>
<span style='display:none;'> https://www.youtube.com/watch?v=24YP5l_EFPM</span>
11. Introdução à técnica de estudo, organização de rotina diária, semanal, mensal.<br/>
<br/>
<hr/>
Músicas da 2ª série:<br/>
<br/>
Músicas parte—A<br/>
F. Sor:<a href='https://youtu.be/aYobPgi8SUo' title='Assista ao vídeo e deixe seu incentivo com um +gostei+, abraço e bons estudos!'> Etudes, Op.31, Nº1.</a> <br/>
Ferdinando Carulli: Waltz Op. 121, Nº1 <a href='https://youtu.be/wwu_HZo9i4E'>vídeo/YouTube</a> <a href='https://drive.google.com/file/d/1f1YrPATefk8Z6jD7V1mU7DHmt6zahpFc/view?usp=sharing' title='Arquivo disponível no drive'> partitura+tab</a><br/>
Dionísio Aguado: 28 Estudos Progressivos<a href='https://youtu.be/WdhG-pft46Q' title='Veja o video e acesse a partitura, deixe seu gostei para incentivar esse projeto. Abraço!'> Elementar-Intermediário Nº9</a><br/>
Matteo Carcassi:<a title='Veja no vídeo os detalhes de dinâmica, inscreva-se no canal. Bons estudos!' href='https://www.youtube.com/watch?v=kQzc0_Wv_lg'> Andantino Gracioso</a>, 50 Estudos Progressivos Nº1<br/>
Napoléon Coste: <a href='https://www.youtube.com/watch?v=h_VYAVMJ-4A' title='Veja os detalhes no vídeo e acesse a partitura, apoie o trabalho de crição desse material com um like e increva-se para não perder o caminho.'>43 Estudos progressivos Nº4</a>
<br/>
<br/>
Músicas parte—B<br/>
T. Cutting: <a href='https://www.youtube.com/watch?v=LyKcddUzSdI' Estudando Mangas Verdes.>Greensleeves</a> (tradicional britânica).<br/>
F. Sor: <a href='https://youtu.be/iJ1j39W0Brk' title='Assista o video com a sugestão de digitação, deixe seu like para incentivar esse trabalho.'>Andantino Op.35, Nº2</a><br/>
Mauro Giuliani: Le Papillon<a href='https://www.youtube.com/watch?v=quvNbWENHjo' title='Veja o vídeo com os detalhes da digitação, agógica e dinâmica, increva-se no canal e incentive com um (Gostei).'> Op.50, Nº1 (Borboleta</a> - Butterfly).<br/>
F. Carulli: <a href='https://youtu.be/kIT9nTZEkOk' title='Veja no vídeo todos os detalhes para executar essa obra de Carulli. Inscreva-se no canal e incentive com um +Gostei+!'>Valsa e Três Variações</a> - 48 Estudos Elementares Nº17<br/>
F. Carulli: Country Dance <a href='https://youtu.be/wc6dxsRFdrg' title='Veja a sugestão de digitação no vídeo e dê seu Gostei, para incentivar esse projeto, abraço e bons estudos!'>Dança camponesa</a><br/>
<br/>
Músicas parte—C<br/>
Matteo Carcassi:<a href='https://www.youtube.com/watch?v=RsHgO2iG9qc' title='Veja a digitação no YouTube e inscreva-se no canal.'> Marcha OP.59, nº17</a><br/>
Carl Henze:<a href='https://www.youtube.com/watch?v=wwDrGHM2Gio' title='Assista ao vídeo e incentive a produção, inscreva-se no canal, abraço!'> Op.92 Nocturne </a><br/>
F. Ferandiere:<a href='https://www.youtube.com/watch?v=xNLFVzJD9kE' title='Veja a sugestão de digitação no YouTube, inscreva-se no canal e apoie esse projeto, bons estudos!'> Contradanza de Los Curtacos</a><br/>
Antônio Alba:<a href='https://www.youtube.com/watch?v=5x0Lkpnnq_Y' Title='Veja a digitação.'> Habanera Op.9 (Pensando em ti)</a><br/>
G. Ryan: Barn Dance<a href='https://youtu.be/quFUUuXpEmQ' title='Vídeo mostrando uma sugestão de digitação, veja na descrição o acesso ao arquivo para estudo, inscreva-se no canal, deixe seu +like+ e incentive a continuação desse projeto, abraço!'> Dança no celeiro.</a><br/>
Johann Kaspar Mertz:<a href='https://youtu.be/14VpDpYUdnY' title='Vídeo com partitura dinâmica e TAB no YouTube, increva-se no canal e obtenha o arquivo em PDF.'> Romance </a><br/>
<br/>
<br/>
<hr/>
<br/>
<b> Conteúdos didáticos da 3ª série:</b><br/>
1. Manter <b>postura</b> com atitude corporal e integração.<br/>
2. Toque apoiando e tirando.<br/>
3. Fazendo acordes, arpejos e ligaduras ascendentes e descendentes.<br/>
4. Mordentes, iniciação.<br/>
5. Apagadores, iniciação.<br/>
6. Desenvolver a habilidade de <b>afinar por harmônicos naturais</b>.<br/>
7. Localização das notas na região 2 do instrumento.<br/>
8. Prática de ponto, ponto duplo.<br/>
9. Controle de volume do som, timbre e vibrato, iniciação.<br/>
10. Análise básica do discurso musical; motivo, frase, melodia,
acompanhamento etc.<br/>
11. Agógica e dinâmica.<br/>
12. Utilização da memória, iniciação.<br/>
13. Leitura de pequenos fragmentos em aula.<br/>
14. Produção de harmônicos no 12º e 7º trastes.<br/>
<br/>
<hr/>
Músicas da 3ª série:
<br/>
Músicas parte—A<br/>
F. Sor: <a href='https://www.youtube.com/watch?v=bqauecZouyE' title='Veja no YouTube, o vídeo com a digitação e inscreva-se!'>Allegretto moderato Op.31, No.3</a><br/>
F. Carulli: Poco Allegretto, 24 Estudos Técnicos Nº5 <a title='Dos 24 Estudos Técnicos, o Nº5 de Carulli, partitura+tab.pdf' target='_blank'href='https://drive.google.com/file/d/1IB-iDEaupfQtZ1QS9F60TbVgXjckt-gn/view?usp=sharing'>partitura+tab.pdf</a><br/>
M. Giuliani: Allegro Op.1, Vol.2, No. 3<br/>
M. Carcassi:<a href='https://www.youtube.com/watch?v=MHWX-VqZKoY' title='Veja a digitação no YouTube e obtenha o pdf, estudo op.60 nº1 Carcassi.'> Etude Op.60, Nº1</a><br/>
M. Carcassi:<a href='https://www.youtube.com/watch?v=bkO9nwZXc0o' title='Veja a digitação no YouTube e obtenha o pdf, estudo op.60 nº2 Carcassi.'> Estudo nº2 Opus 60</a><br/>
M. Carcassi:<a href='https://www.youtube.com/watch?v=w1dKtKzgoR0' title='Veja a digitação no YouTube, andantino op.60 nº3 Carcassi.'> Andantino Op.60, nº3</a><br/>
N. Coste: Moderato, <a href='https://youtu.be/mce8VjSnP9E' title='Assiste o vídeo e acesse o link da descrição para obter o arquivo de estudo! Abraço!'>43 Progressive Etudes, Nº10</a><br/>
<br/>
Música parte—B<br/>
F. Sor: Andante Pequeno; <br/>
F. Sor: <a href='https://youtu.be/G75O_mtl5Vc' title='Estudo nº4 da Op.35 de Fernando Sor, em vídeo com sugestão de digitação.'>Andantino Op.35, Nº4</a><br/>
F. Carulli: Rondo em C, Op.241<br/>
N. Paganini: Sonatina<br/>
Matteo Carcassi:<a href='https://youtu.be/TsSEMhCBkGU' title='Assista ao vídeo e se inscreva no canal! Bons estudos!'> cantiga suíça.</a><br/>
Daniel Fortea: <a href='https://youtu.be/u1Hlz_LS1jA'>Mi Favorita.</a><br/>
N. Coste: Barcarole<br/>
Antônio Cano:<a href='https://www.youtube.com/watch?v=Ei01jUUb94k' title='Assista ao vídeo com a digitação sugerida e se inscreva no canal! Bons estudos!'> Valsa.</a><br/>
<br/>
Músicas parte—C<br/>
J. K. Mertz: <a href='https://www.youtube.com/watch?v=kHMyYe3X3TM'>Scherzo</a><br/>
Luise Walker: <a href='https://youtu.be/h9h2ETnKsVk' title='Acesse o vídeo, deixe seu gostei para incentivar esse trabalho, increva-se no canal, na descrição do vídeo está o acesso à partitura, bons estudos!'>Pequeno romance - Kleine romanze</a><br/>
J. Ferrer:<a title='Veja a digitação no canal: #estudoviolaoclassico' href='https://www.youtube.com/watch?v=ynqb5aa0-zE'> Tango nº 3</a><br/>
P. Roch:<a href='https://www.youtube.com/watch?v=EtaFo_YB_z8' title='Veja a digitação no YouTube.'> Habanera</a><br/>
J. Salvador Sagreras:<a href='https://www.youtube.com/watch?v=WzS8kvQnMOI'title='Veja o vídeo com a digitação.'> Maria Luísa</a><br/>
Abel Fleury:<a href='https://www.youtube.com/watch?v=WFc9ICQISBw'title='Veja o vídeo com a digitação.'> A flor chorosa (A flor de llanto)</a>
<br/>
<hr/>
<br/>
<b> Conteúdos didáticos 4ª série:</b><br/>
1. Compreensão das estruturas musicais: motivos, temas, períodos, frases, seções etc.<br/>
2. Cuidado e manutenção da forma das unhas, essenciais para obter um som de boa qualidade, usar diferentes ângulos de ataque, sensibilidade artística, faixa dinâmica, etc.<br/>
3. Orientações para o desenvolvimento de uma técnica(pomodoro) de estudo.<br/>
4. Delimitar partes da obra estudada que apresente dificuldade.<br/>
5. Controle do tempo e critérios de estudo.<br/>
6. Memorização de pelo menos duas peças incluídas no programa do curso.<br/>
7. O aluno deve dominar a leitura de qualquer um dos compassos na obra em estudo.<br/>
8. Explicação da tablatura em cifra, aplicada a uma obra dos vihuelistas.<br/>
9. Aplicação dos conhecimentos adquiridos na resolução de problemas técnicos e interpretativos (propor digitações, corrigir hábitos de estudo, pesquisar pessoalmente as características interpretações de cada um dos estilos musicais trabalhados durante o curso).<br/>
10. Consciência corporal, dando especial ênfase ao relaxamento como aspecto fundamental para
obter uma boa interpretação.<br/>
11. Conhecimento e domínio das diferentes técnicas de afinação do instrumento (equísono, harmônicos, oitavas).<br/>
<hr/>
<br/>
Músicas da quarta série:<br/>
<br/>
Músicas parte—A<br/>
D. Aguado: 28 Estudos Progressivos<a href='https://youtu.be/jIXSLZdXGHY' title='Partitura dinâmica com TAB, inscreva-se no canal para apoiar esse projeto.'> Elementar-Intermediário, Nº4</a><br/>
Mauro Giuliani: (Intermediário) <a href='https://youtu.be/qQ8EeREaTVY?si=0lwzEgky5j0pWjpK' title='Partitura dinâmica com TAB, inscreva-se no canal para apoiar esse projeto.'>Estudo nº13 Opus 48.</a><br/>
Matteo Carcassi:<a href='https://www.youtube.com/watch?v=-FBmW-hRQsc' title='Veja o vídeo e o link para a partitura com TAB está na descrição, deixe um comentário e incentive o projeto, abraço!'> Estudo nº4 Op.60</a><br/>
Matteo Carcassi:<a href='https://www.youtube.com/watch?v=4-nbz9qVUXI' title='Veja o vídeo partitura com TAB, link para o pdf está na descrição, deixe um comentário e incentive o projeto, abraço!'> Estudo nº5 Op.60</a><br/>
Matteo Carcassi:<a href='https://www.youtube.com/watch?v=qRX0PKvtkr8' title='Veja como tocar, no canal YouTube e inscreva-se para apoiar esse projeto.'> Estudo nº6 Op.60</a><br/>
Matteo Carcassi:<a href='https://www.youtube.com/watch?v=mgse2tOzAc4' title='Veja o vídeo, deixe um comentário e incentive o projeto, inscreva-se no canal, abraço!'> Estudo nº7 Op.60</a><br/>
N. Coste: Andante 43 Progressive Etudes, Nº23<br/><br/>
<br/>
Músicas parte—B<br/>
F. Tarrega:<a href="https://www.youtube.com/watch?v=fJQkN0y53A0" title='Estudando Tárrega.'> Etude in Em</a> 57 Progressive Etudes, Nº41<br/>
Milan: Peacock Dance;<br/>
L.Milan: Seis Pavanas Nº1<br/>
Balada Espanhola:<a href='https://www.youtube.com/watch?v=wiBEgLBFFi0' title='Veja no YouTube!'> Romance De Amor</a>; Canción Popular Española: Romanza<br/>
Fernando Sor: <a href='https://www.youtube.com/watch?v=Xpv5SjIQGAM' title='Veja no YouTube!' >Estudo (Moderato em D) Opus 35, nº17</a><br/>
F. Sor: Galop<br/>
Mauro Giuliani: Divertimento Op.40, Nº6<br/>
Ferdinando Carulli: Scherzo<br/>
<br/>
Músicas parte—C<br/>
J. Ferrer: (Dance of the Water Gods), La Danse Des Naïades Op.35<br/>
J. Ferrer: Tango Nº1<br/>
F. Tarrega: <a href='https://www.youtube.com/watch?v=IegQem9RjU4' title="Eu estudando Lágrima de Tárrega, em janeiro de 2022.">Lágrima</a>.+.
<a href='https://youtu.be/1VAuRgtoLvs' title='Assista ao vídeo, inscreva-se no canal e obtenha o arquivo em pdf, partitura com tab de Lágrima.'>Vídeo YouTube partitura dinâmica.</a><br/>
F. Tarrega: Sueño (Mazurka)<br/>
M. Llobet: O Testamento De`Amelia<br/>
V. Gomez: (Capela das Dores) Triste Santuario <br/>
S. Schneider: (Jugeno) Juventude.<br/>
F. Mendelssohn:<a href='https://youtu.be/6BQlVC0MU4A?si=063vNIIvWfSHpMuH' title='Partitura dinâmica com tablatura da marcha nupcial de Mendelssohn, por Isaias Sávio para violão clássico.'> Marcha nupcial</a>.<br/>
<span style='display:none;'>Lu Zhaoxuan: flores remanescentes da primavera</span><br/>
<br/>
<hr/>
<br/>
<b> Objetivos didáticos 5ª série:</b><br/>
1. Desenvolver os objetivos gerais propostos para o curso, por
nível correspondente.<br/>
2. Desenvolva a pulsação com as unhas, avançando no autocontrole do seu cuidado
e a variedade timbral.<br/>
3. Analise formalmente os elementos musicais das obras em estudo.<br/>
4. Desenvolver sensibilidade física das distâncias e posições sem apoio visual.<br/>
5. Desenvolva o hábito de ouvir música de forma crítica.<br/>
6. Desenvolva a memória interpretativa memorizando fragmentos
progressivamente maiores (movimentos completos).<br/>
7. Desenvolva a leitura a primera vista.<br/>
8. Iniciação na leitura do repertório vihuelístico em suas fontes originais.<br/>
9. Obter a capacidade de <b>afinar o instrumento, utilizando o diapasão e diversas técnicas (equisonos,
harmônicos, oitavas)</b>.<br/>
<br/>
<hr/>
Músicas da quinta série:<br/><br/>
Músicas parte—A<br/>
Fernando Sor:<a href='https://www.youtube.com/watch?v=1hlOq5m0YuQ' title='Video com o estudo "Allegretto" em mi maior de Fernando Sor.'> Estudo nº8 Opus 35 </a><br/>
F. Sor: (Etude Moonlight),<a href='https://www.youtube.com/watch?v=y__RChwNK14' title='Video com o famoso estudo em si menor de Fernando Sor.'> Etudio Op.35, Nº22</a><br/>
M. Giuliani: Allegro Op. 48, No.19<br/>
M. Carcassi:<a href='https://www.youtube.com/watch?v=2cxg9oGcmA8' title='Dos 25 estudos melódicos progressivos, Opus 60 de Matteo Carcassi, elegreto gracioso nº9.'> (Elegant Allegro) Allegretto grazioso Op.60, Nº9</a>
<br/>
Matteo Carcassi:<a href='https://www.youtube.com/watch?v=YhqZe1oyU6o' title='Veja como tocar, no canal YouTube e inscreva-se para apoiar esse projeto.'> Estudo nº10 Op.60</a>
<br/>
Matteo Carcassi:<a href='https://www.youtube.com/watch?v=DDSXMtuHm_w' title='Veja como tocar, no canal YouTube e inscreva-se para apoiar esse projeto.'> Estudo nº11 Op.60</a><br/>
F. Tarrega: Prelude Nº1<br/>
L. Brouwer: Etude Simple Nº1<br/>
<br/>
Músicas parte—B<br/>
G. Sanz:<a href='https://youtu.be/fM7iGslDAPs'> Canarios </a>(Da Suite Española).<br/>
F. Sor: Minueto en Re Mayor Op.11, Nº5<br/>
F. Carulli: Allegretto (Slightly Allegro - da Sonata Op.5)<br/>
M. Giuliani:<a href='https://youtu.be/GYiVSFPTAuE?si=OOZ-MQvGnC4kR5o5' title='Partitura dinâmica com tablatura, como tocar.'> Rondo Op.100, nº16</a><br/>
L. Mozzani: Feste Lariane<br/>
L. Legnani: La Mazurka<br/>
<br/>
Músicas parte—C<br/>
F. Tarrega:<b> Adelita</b> <a href='https://drive.google.com/file/d/1LW9PkAFLZLXn-bbYPVbC2CFtmlcLMtVk/view?usp=sharing' title='Partitura+tab de Adelita - Francisco Tárrega, bons estudos!'>partitura+tab pdf</a><br/>
F. Tarrega: Rosita<br/>
Abel Fleury:<a href='https://youtu.be/qZPbyrKiHPo'> Milongueo del ayer </a><br/>
Jubert: Song of Pirates; M. Llobet: Canço del Lladre<br/>
A.Lauro:<a href='https://youtu.be/pv7oVO3w7JE' title='Vídeo partitura com TAB de El negrito, valsa de Antonio Lauro para violão clássico.'> El Negrito (Little Negro Waltz).</a><br/>
F. M. Torroba: Torija<br/>
F. Kleynjans: Fado (triste).<br/>
Lu Zhaoxuan: Sunset Riverside<br/>
<br/>
<hr/>
<br/><b> Objetivos didáticos 6ª série:</b><br/>
1 - Escalas em diferentes posições contendo ligaduras e acordes.<br/>
2 - Iniciação à improvisação a partir de uma determinada melodia.<br/>
3 - Ornamentação na música renascentista.<br/>
4 - Estudo e consolidação dos diferentes ataques dos dedos i, m e a.<br/>
5 - Transcrição de música composta para instrumentos relacionados com o
guitarra (alaúde renascentista e barroco, vihuela, teorba, guitarra renascentista,...).<br/>
6 - Estudos de barras mantidas com extensões.<br/>
7 - Máxima coordenação com o resto das disciplinas complementares.<br/>
8 - Aprofundar o estudo do dedilhado e suas dificuldades. Redigitação.<br/>
9 - Aperfeiçoamento das diferentes formas de ataque dos dedos i, m e a.<br/>
10- Trabalhar e melhorar a memória musical através do fraseado.<br/>
11- Prática instrumental em grupo “música de câmara”.<br/>
12- Audições trimestrais, departamentais e de fim de ano em sala de aula curso.<br/>
13- Prática de leitura à primeira vista.<br/>
14- Prática de improvisação de pequenas melodias.<br/>
<hr/>
<br/>
Repertório da sexta série:<br/>
Músicas parte—A<br/>
F. Sor: Estudio Op.6, Nº3<br/>
F. Sor: Estudio Op.6, Nº4<br/>
Matteo Carcassi:<a href='https://www.youtube.com/watch?v=Y2zcOQwCSIc' title='Veja como tocar, no canal YouTube e inscreva-se para apoiar esse projeto.'> Allegro Op.60, Nº23</a><br/>
Mauro Giuliani:<a href='https://youtu.be/0pPD2zBhVYk' title='Veja a partitura dinâmica com TAB, no canal YouTube e inscreva-se para apoiar esse projeto.'> Estudo nº22 Opus 48</a><br/>
M. Ponce: Prelúdio(s) nº1 e nº2<br/>
F. Tarrega: Prelúdio nº 5<br/>
F. Tarrega: Estudio en la forma de Minueto.<br/>
L. Brouwer: Etude Simple No. 11
<br/>
<br/>
Músicas parte—B<br/>
L. Narvaez: Diferencias Sobre Guardame Las Vacas<br/>
J. S. Bach:<a target='Blank' href='https://youtu.be/ZKUYH5Vcx74?si=NBCIzF0XX0YPKsDs&t=209' title='Ver o video com execução do 5º movimento BWV 996 no canal do YouTube.'> <b>Bourrée BWV996 - 5º movimento.</a></b><br/>
F. Sor: Minueto en La Mayor Op.11, Nº6<br/>
F. Carulli: Abertura<br/>
L. Legnani: Caprice Op.250, Nº2<br/>
<b>F. Tarrega: Gran Vals</b><a href='https://www.youtube.com/watch?v=2S8-R0sZkgE'title='Veja o vídeo e se ainda não se inscreveu, inscreva-se, incentive esse projeto com um like!'> Partitura dinâmica com TAB</a><br/>
F. Tarrega: Marieta (Mazurca).<br/>
A. Lauro: Vals Venezolano nº2<br/>
<br/>
Músicas parte—C<br/>
M. Ponce: Estrellita<br/>
João Teixeira Guimarães (João Permambuco): <a target='_Blank' href='https://www.youtube.com/watch?v=3J-24jAgQrk' title='Video do Jair estudando Sons de Carrilhões, link de acesso à partitura com tab na descrição, também há o link para uma hora aula com Stephanie Jones. Bons estudos!'><b>Sons de Carrilhões</b></a>.<br/>
J. Cardoso: <a href='https://youtu.be/yM164Uldjng' title='Partitura dinâmica, veja no YouTube, inscreva-se no canal para apoiar o projeto!'>Milonga</a><br/>
A. Barrios: Julia Florida (Barcarola)<br/>
A. Lauro: <a href='https://youtu.be/czB5pDLFBAU'>El Marabino </a><br/>
L. Merlin: Suite del Recuerdo (escolha duas peças - Reminiscence Suite)<br/>
J. Jimal: Baden Jazz Suite, 1st mvt.<br/>
J. Morel: Danza Brasileira<br/>
Lu Chao-Hsuan: Salgueiro<br/>
<hr/>
Repertório da sétima série:<br/>
Músicas parte—A<br/>
F. Sor: Andante Op.6, Nº11<br/>
F. Sor: Andante Op.6, Nº12; <br/>
Matteo Carcassi:<a href='https://www.youtube.com/watch?v=We20PLd4-DA' title='Veja como tocar, no canal YouTube e inscreva-se para apoiar esse projeto.'> Allegro Op.60, nº25;</a><br/>
L. Legnani: Caprice Op.20, nº7<br/>
Villa-Lobos: Estudo nº1.
<br/>
<br/>
Músicas parte—B<br/>
A. Mudarra: Fantasia<br/>
D. Scarlatti: Sonata (em lá maior) K.322<br/>
M. Giuliani: Sonata Allegro Spirito Op.15, 1º movimento.<br/>
J. K. Mertz: Tarantella Op.13<br/>
N. Coste: Valse Favorito<br/>
F. Tarrega: Danza Mora<br/>
F. Tarrega: Recuerdos de la Alhambra<br/>
F. M. Torroba: Madronos (morangos).<br/>
<br/>
Músicas parte—C<br/>
M. Ponce: Scherzino Mexicano<br/>
A. Lauro: Vals Venezolano nº3<br/>
H. Villa-Lobos: Prelúdio nº1<br/>
A. Carlevaro: Campo (Pastoral).<br/>
A. Tansman: Dança Pomposa<br/>
A. Barrios: Dança Paraguaya<br/>
J. S. Sagreras: El Colibri<br/>
L. Brower: Danza Caracteristica<br/>
<br/><hr/>
Repertório da 8ª série:<br/>
Músicas parte—A<br/>
F. Sor: Estudio Op. 31, nº 19<br/>
F. Tarrega: Estudio de Velocidad en Mi maior<br/>
E. Pujol: El Abejorro (Etude Bumblebee).<br/>
A. Barrios: Estudio del Ligado (Slur Study) em lá maior.<br/>
H. Villa-Lobos: Estúdio nº11<br/>
H. Villa-Lobos: Estúdio nº5<br/>
L. Brouwer: Estudio Nº13<br/>
L. Brouwer: Estudio Nº20<br/>
M. Carcassi:<a href='https://www.youtube.com/watch?v=9l6i2DIqLkU' title='Veja como tocar, no canal YouTube e inscreva-se para apoiar esse projeto.'> Andantino con espressione em E Op.60, Nº24</a><br/>
<br/>
Músicas parte—B<br/>
D. Scarlatti: Sonata K.178 (em ré maior, Op.178).<br/>
F. Sor: Marborough Introdução & Variações<br/>
M. Giulliani: Variações sobre um tema das Folies da Espanha.<br/>
N. Coste: Caprice sur l`air espagnol la Cachucha Op.13<br/>
<b>F. Tarrega:<a href='https://www.youtube.com/watch?v=40be2VPmMRk' title='Ver aluno de 3ª série, tocando Capricho árabe no violão clássico.'> Capricho Arabe</a></b><br/>
A. Barrios: Vals Op.8 nº3<br/>
H. Villa-Lobos: Mazurka—Choro No.1 (De Suite Populaire).<br/>
Heitor Villa-Lobos: Prelúdio nº2<br/>
M. Giulliani: Variations sur un Theme de G. F. Handel<br/><br/>
Músicas parte—C<br/>
M. Ponce: Prelúdio em Mi Maior<br/>
J. Malats: Serenata Espanola<br/>
M. Falla: Homenaje Le Tombeau de Debussy<br/>
Regino Sainz de la Maza:<a href='https://youtu.be/xuywnc8aKy4' title='Veja como tocar, no canal YouTube e inscreva-se para apoiar esse projeto. Abraço e bons estudos! '> Zapateado</a><br/>
J. Turina: Homenaje a Tarrega Op.69<br/>
Y. Yocoh: Tema e Variações sobre Sakura (folclore japonês).<br/>
A. York: Sunburst (sol quente).<br/>
S. Rak: Tentação do Renascimento<br/>
A. Carlevaro: Tamboriles<br/>
R. Dyens: Saudade No.3<br/>
<br/>
<hr/><br/>
Repertório da 9ª série:<br/>
<br/>
Músicas parte—A<br/>
F. Sor: Estudio Op.6, Nº6<br/>
F. Sor: Estudio Op.6, Nº9<br/>
F. Tarrega: Estúdio Brillante<br/>
G. Regodi: Estudio nº5<br/>
H. Villa-Lobos: Estúdio nº 8<br/>
A. Barrios: El Ultimo Tremolo<br/>
<br/>
Músicas parte—B<br/>
J. Dowland: Fantasia em Mi Maior<br/>
D. Scarlatti: Sonata K. 11 (em dó menor).<br/>
F. Sor: Grand Solo<br/>
M. Giuliani: Grande Abertura<br/>
N. Coste: Les Soirées d Auteil Op.23<br/>
Johann Kaspar Mertz: Op.28 Fantasia sobre temas do Don Giovanni de Mozart<br/>
L. Legnani: Fantasia op.19<br/>
J. Arcas: Polaca Fantastica<br/>
M. Ponce: Sonata Clássica (movimentos rápidos e lentos).<br/>
<br/>Músicas parte—C<br/>
A. Barrios: Vals Op. 8, No. 4<br/>
L. Albeniz: Leyenda<br/>
R. Pipo: Cancion y Danza Nº1<br/>
J. Rodrigo: Junto al Generalife.<br/>
J. Turina: Fandaguillo<br/>
H. Villa Lobos: Estudio Nº12<br/>
L. Brouwer: Elogio de la Danza<br/>
R. Dyens: Tango en Skai<br/>
S. Dodgson: Divisões de Fantasia<br/>
<br/>
<hr/>
<br/>
Repertório da 10ª série:<br/>
<br/>
Músicas parte—A<br/>
F. Sor: Estudio Op.29 nº17<br/>
N. Coste: 25 Etudes Op.38 nº22<br/>
H. Villa Lobos: Estudio nº2<br/>
H. Villa-Lobos: Estudo nº7<br/>
A. Gilardino: "Ventanas" do 20 Estudio<br/>
<br/>
Músicas parte—B<br/>
J. S. Bach: Fuga BWV1001<br/>
F. Sor: Variações sobre um tema de Mozart Op.9 <a href='https://www.youtube.com/playlist?list=PLElJagjPmzGnkWmDCWHP7ylO8sSdvwVzc' title='Video tutorial no YouTube, inscreva-se para apoiar o projeto, deixe um like, comente e/ou compartilhe. Bons estudos!'>Partitura com TAB dinâmica.</a>-<br/>
D. Aguado: Fandango Variado Op.16<br/>
N. Coste: Andante et Polonaise Op.14<br/>
J. K. Mertz: Elegia<br/>
G. Regondi: Revere Nocturne Op.19<br/>
J. Arcas: Fantasy on Themes from La Traviata<br/>
M. C. Tedesco: Rondo Op.129<br/>
C. Domeniconi: Koyunbaba (Shepherd Suite).<br/>
<br/>
Músicas parte—C<br/>
A. Barrios: Un sueno en la Floresta<br/>
J. Rodrigo: En Los Trigales<br/>
L. Albeniz: Sevilha<br/>
M. Ponce: Variação do Tema e Finale<br/>
M. C. Tedesco: Tarantella<br/>
N. Koshkin: Usher Valse<br/>
F. Kleynjans: Arabesque en forme de Caprice (sur le tombeaude Tárrega) Op.99<br/>
P. Bellinati: Jongo (Jungle Dance).<br/>
F. Martin: Quatre Pieces<br/>
<br/>
<hr/>
<br/>
Nível performance<br/>
<br/>Músicas parte—A<br/>
N. Coste: Abertura e Rondo<br/>
Giulio Regondi: Introdução e Capricho, Op. 23<br/>
F. Tarrega: Variações sobre o Carnaval de Veneza<br/>
F. M. Torroba: Sonatina em lá maior<br/>
M. Llobet: Variações sobre um tema de Sor<br/>
M. Ponce: Sonatina Meridional (Southern Sonata).<br/>
L. Brouwer: Hika: In Memoriam Toru Takemitsu<br/>
<br/>
Músicas parte—B<br/><br/>
F. Sor: Sonatina Op.22<br/>
J. K. Mertz: Fantasia Húngara<br/>
A. Barrios: La Catedral<br/>
J. Rodrigo: Invocação e Dança (Oração e Dança).<br/>
M. C. Tedesco: Capriccio Diabolico Op. 85<br/>
L. Berkeley: Sonatina Op.52<br/>
J. Obrovska: Quatro Imagens do Japão<br/>
<br/>
Músicas parte—C<br/><br/>
N. Paganini: Grande Sonata<br/>
M. Giuliani: Grande Sonate Eroica Op.150<br/>
J. W. Duarte: Suite Inglesa<br/>
J. Rodrigo: Sonata da Alegria (Sonata Giocosa).<br/>
M. Pujol: Tres Piezas Espanolas<br/>
L. Brouwer: El Decamaron Negro (Black Ten Day Tales).<br/>
Granados: Psalter Waltz; E. Granados: Valses Poéticos<br/>
<br/><hr/>
<br/>
Nível de jogo mais alto - avançado - recital de formatura:<br/>
<br/>Músicas parte—A<br/>
J. S. Bach: Chaconne - Partita No.2 in D minor, BWV 1004<br/>
J. S. Bach: 4 Suites para Alaúde (Uma delas)<br/>
J. S. Bach: Prelude, Fuga & Allegro BWV998
<br/><br/>
Músicas parte—B<br/>
M. Giuliani: Rossiniana Nº1-6 (Uma delas)<br/>
D. Aguado: Rondo Brillante <a href='https://www.youtube.com/watch?v=adqwf4sNFnY' title='Performance de Giacomo Susani disponível no YouTube.'>Opus 2 nº2 </a> - <a href='https://www.youtube.com/watch?v=uKkWqiXCHPs' title='Performance de Fabio Lima disponível no YouTube.'> Opus 2 nº3</a><br/>
M. Ponce: Variações sobre Folia de Espana e Fuga.<br/>
A. José: Guitar Sonata.<br/>
R. Dyens: Libra Sonatina<br/>
V. Asencio: Sonata<br/>
<br/><br/>
Músicas parte—C<br/>
J. Rodrigo: Três Peças Espanholas.<br/>
W. Walton: Cinco Bagatelas<br/>
M. C. Tedesco: Sonata em ré maior. <br/>
A. Tansman: Suíte Cavatina.<br/>
B. Britten: Noturno<br/>
L. Brouwer: Sonata<br/>
S. Assad: Aquarela<br/>
A. Ginastera: Sonata Op.47<br/>
<span style='display:none;'>www.guitar.org.tw/myhtm/docs/20161001.pdf</span>
<br/><hr/>
<br/><hr/>
<div style='text-align:center;'><b> Opus 48 de Mauro Giuliani para iniciantes em violão clássico.</b><br/> 𝕰𝖘𝖊𝖗𝖈𝖎𝖟𝖎𝖔 𝖕𝖊𝖗 𝖑𝖆 𝖈𝖍𝖎𝖙𝖆𝖗𝖗𝖆, 𝖈𝖔𝖓𝖙𝖊𝖓𝖊𝖓𝖙𝖊 24 𝖕𝖊𝖟𝖟𝖎 𝖉𝖊𝖑𝖑𝖆 𝖒𝖆𝖌𝖌𝖎𝖔𝖗𝖊 𝖉𝖎𝖋𝖋𝖎𝖈𝖔𝖑𝖙à, 𝖉𝖎𝖛𝖊𝖗𝖘𝖎 𝖕𝖗𝖊𝖑𝖚𝖉𝖎, 𝖕𝖆𝖘𝖘𝖆𝖌𝖌𝖎, 𝖊𝖉 𝖆𝖘𝖘𝖔𝖑𝖔</div>
<ul>
<li>Estudo <a href='https://youtu.be/BaaKF4AWhlk'>nº1</a> </li>
<li>Estudo <a href='https://youtu.be/IwyICErKa_U'>nº2</a> </li>
<li>Estudo <a href='https://youtu.be/ILUgSOXlF88'>nº3</a> </li>
<li>Estudo nº </li>
<li>Estudo nº </li>
<li>Estudo nº </li>
<li>Estudo nº </li>
<li>Estudo nº </li>
<li>Estudo nº </li>
<li>Estudo nº </li>
<li>Estudo nº </li>
<li>Estudo nº </li>
<li>Estudo<a href='https://youtu.be/qQ8EeREaTVY'> nº13 </a></li>
<li>Estudo nº14 </li>
<li>Estudo nº </li>
<li>Estudo nº16 </li>
<li>Estudo nº </li>
<li>Estudo nº18 </li>
<li>Estudo nº </li>
<li>Estudo nº20 </li>
<li>Estudo nº </li>
<li>Estudo <a href='https://youtu.be/0pPD2zBhVYk'> nº22</a> </li>
<li>Estudo nº </li>
<li>Estudo nº </li>
</ul>
<br/>
<hr/>
<br/>
<hr/>
<div style='text-align:center;'><b> Opus 100 de Mauro Giuliani para iniciantes em violão clássico.</b></div>
<ul>
<li>Estudo nº 1 Cadense Maestoso:<a href='https://youtu.be/yzy-JZ4J3xI?si=X3dhnhXM_kJIMfbY'> vídeo partitura + TAB</a></li>
<li>Estudo nº 2 Gracioso:<a href='https://youtu.be/HI-yOkRxYk8?si=1HBU0EBH3kkRaI7h'> vídeo partitura + TAB</a></li>
<li>Estudo nº 3 Allegro :<a href='https://www.youtube.com/watch?v=WRIERolhTUI'> vídeo partitura + TAB</a></li>
<li>Estudo nº 4 Allegretto:<a href='https://www.youtube.com/watch?v=i_SSR0pLxzo'> vídeo partitura + TAB</a></li>
<li>Estudo nº 5 Andantino:<a href='https://youtu.be/u-uY6tDTTnc'> vídeo partitura + TAB</a></li>
<li>Estudo nº 6 Allegro:<a href='https://www.youtube.com/watch?v=8svrFpH8SS8'> vídeo partitura + TAB</a></li>
<li>Estudo nº 7 Allegretto:<a href='https://youtu.be/XBcPG3Wx28M'> vídeo partitura + TAB</a></li>
<li>Estudo nº 8 Gracioso em E♭:<a href='https://youtu.be/ZqUny4TNf-k'> vídeo partitura + TAB</a></li>
<li>Estudo nº 9 Allegro em A♭:<a href='https://youtu.be/bSot00VpIC0'> vídeo partitura + TAB</a></li>
<li>Estudo nº10 Vivace:<a href='https://youtu.be/dC_ZZbAM4ho'> vídeo partitura + TAB</a></li>
<li>Estudo nº11 Allegro:<a href='https://youtu.be/5zghP3dkz5c'> vídeo partitura + TAB</a></li>
<li>Estudo nº12 Gracioso:<a href='https://youtu.be/-gzKHaJk3tA'> vídeo partitura + TAB</a></li>
<li>Estudo nº13 Affettuoso:<a href='https://youtu.be/WbnoA6scTZY'> vídeo partitura + TAB</a></li>
<li>Estudo nº14 Allegro:<a href='https://youtu.be/ceR_JjUQaqs'> vídeo partitura + TAB</a></li>
<li>Estudo nº15 Rondó Allegro:<a href='https://www.youtube.com/watch?v=opJPB8Q9Y9I'> vídeo partitura + TAB</a></li>
<li>Estudo nº16 Rondó Allegretto:<a href='https://www.youtube.com/watch?v=GYiVSFPTAuE'> vídeo partitura + TAB</a></li>
<li>Estudo nº17 Prelúdio:<a href='https://youtu.be/JTMvnLRd2zA'> vídeo partitura + TAB</a></li>
<li>Estudo nº18 Allegro:<a href='https://youtu.be/E-64ILTCWU0'> vídeo partitura + TAB</a></li>
<li>Estudo nº19 Vivace:<a href='https://youtu.be/y5IYlESXPZE'> vídeo partitura + TAB</a></li>
<li>Estudo nº20 Livre:<a href='https://youtu.be/3_1c3eEPjbE'> vídeo partitura + TAB</a></li>
<li>Estudo nº21 Vivace:<a href='https://youtu.be/Rb5K03_SuFk'> vídeo partitura + TAB</a></li>
<li>Estudo nº22 Allegro em F:<a href='https://youtu.be/HEBWs52Uim8'> vídeo partitura + TAB</a></li>
<li>Estudo nº23 Allegro em A:<a href='https://youtu.be/dvd1mXXM_OM'> vídeo partitura + TAB</a></li>
<li>Estudo nº24 Vivace em E:<a href='https://youtu.be/2031RNjsutQ'> vídeo partitura + TAB</a></li>
</ul>
<br/><hr/><br/><hr/>
<div style='display:block;'>
<div style='text-align:center;'><b>A Borboleta Op.50 de Mauro Giuliani.</b></div>
<pre>
No.1 – Andantino em dó maior .... 1ª e/ou 2ª série
No.2 – Grazioso em dó maior ..... 2ª série
No.3 – Allegretto em dó maior ... 3ª série
No.4 – Grazioso em sol maior .... 4ª série
No.5 – Allegretto em lá menor ... 4ª série
No.6 - Allegro em lá menor ...... 6ª série
No.7 – Andantino em sol maior ... 5ª série
No.8 – Allegretto em sol maior... 5ª série
No.9 – Andantino em ré maior .... 5ª série
No.10 – Allegro em ré maior ...... 5ª série
No.11 – Grazioso em dó maior ..... 2ª série
No.12 – Allegretto em dó maior ... 3ª série
No.13 – Allegro em lá menor ...... 3ª série
No.14 – Andantino em sol maior ... 3ª série
No.15 – Allegretto em lá menor ... 4ª série
No.16 – Vivace em dó maior ....... 3ª série
No.17 – Allegretto em sol menor .. 5ª série
No.18 – Allegretto em sol maior .. 4ª série
No.19 – Tempo di polacca em C ... 4ª série
No.20 – Allegretto em C .......... 3ª série
No.21 – Andantino em ré menor..... 4ª série
No.22 – Allegretto em ré maior.... 4ª série
No.23 – Grazioso em lá menor...... 4ª série
No.24 – Allegro em lá maior....... 4ª série
No.25 – Andantino grazioso em D .. 7ª série
No.26 – Allegro em ré maior ...... 6ª série
No.27 – Andantino em lá maior .... 5ª série
No.28 – Andantino em dó maior .... 4ª série
No.29 – Allegretto em dó maior ... 5ª série
No.30 – Andantino em Sol maior.... 5ª série
No.31 – Allegretto em Lá menor ... 5ª série
No.32 – Allegro em Lá maior ...... 7ª série
</pre>
</div>
<br/><hr/><br/><hr/>
<div style='display:block;'>
<div style='text-align:center;'><b>25 Estudos melódicos e progressivos Op.60 de Matteo Carcassi, completa partitura com tablatura.</b></div>
<div>
<b>Inscreva-se no canal do YouTube para incentivar esse projeto</b>, para obter o arquivo pdf da partitura com tablatura é necessário ser inscrito.
</div>
<pre>
01. Estudo Allegro em C...................3ª série <a href='https://www.youtube.com/watch?v=MHWX-VqZKoY' title='Estudo nº1 Opus 60 veja a digitação no YouTube e obtenha o pdf, estudo op.60 nº1 Carcassi.'> Vídeo Youtube</a>
02. Estudo Moderato con espressivo em Am..3ª série <a href='https://www.youtube.com/watch?v=bkO9nwZXc0o' title='Estudo nº2 Opus 60 veja a digitação no YouTube e obtenha o pdf, estudo op.60 nº2 Carcassi.'> Vídeo Youtube</a>
03. Estudo Andantino em A.................3ª série <a href='https://www.youtube.com/watch?v=w1dKtKzgoR0' title='Estudo nº3 Opus 60 veja a digitação no YouTube, andantino op.60 nº3 Carcassi.'> Vídeo YouTube</a>
04. Estudo Allegretto em D................4ª série <a href='https://www.youtube.com/watch?v=-FBmW-hRQsc' title='Estudo nº4 Opus 60 veja o vídeo, deixe um comentário e incentive o projeto, abraço!'> Vídeo YouTube</a>
05. Estudo Moderato em G..................4ª série <a href='https://www.youtube.com/watch?v=4-nbz9qVUXI' title='Estudo nº5 Opus 60 veja o vídeo, deixe um comentário e incentive o projeto, abraço!'> Vídeo YouTube</a>
06. Estudo Moderato em C..................4ª série <a href='https://www.youtube.com/watch?v=qRX0PKvtkr8' title='Estudo nº6 Opus 60 veja como tocar, no canal YouTube e inscreva-se para apoiar esse projeto.'> Vídeo YouTube</a>
07. Estudo Allegro em Am..................4ª série <a href='https://www.youtube.com/watch?v=mgse2tOzAc4' title='Estudo nº7 Opus 60 veja o vídeo, deixe um comentário e incentive o projeto, abraço!'> Vídeo YouTube</a>
08. Estudo Moderato em E .................5ª série <a href='https://www.youtube.com/watch?v=hRIc00Pr0dE' title='Estudo nº8 Opus 60 veja o vídeo, deixe um comentário e incentive o projeto, abraço!'> Vídeo YouTube</a>
09. Estudo Allegro grazioso em A..........5ª série <a href='https://www.youtube.com/watch?v=2cxg9oGcmA8' title='Estudo nº9 Opus 60 veja o vídeo, deixe um comentário e incentive o projeto, abraço!'> Vídeo YouTube</a>
10. Estudo Allegretto em D................5ª série <a href='https://www.youtube.com/watch?v=YhqZe1oyU6o' title='Estudo nº10 Opus 60 veja o vídeo, deixe um comentário e incentive o projeto, abraço!'> Vídeo YouTube</a>
11. Estudo Agitato em Dm..................5ª série <a href='https://www.youtube.com/watch?v=DDSXMtuHm_w' title='Estudo nº11 Opus 60 veja o vídeo, deixe um comentário e incentive o projeto, abraço!'> Vídeo YouTube</a>
12. Estudo Andante mosso em D.............5ª série <a href='https://www.youtube.com/watch?v=LJcOmHfZZSQ' title='Estudo nº12 Opus 60 veja o vídeo, deixe um comentário e incentive o projeto, abraço!'> Vídeo YouTube</a>
13. Estudo Andante grazioso em A..........6ª série <a href='https://www.youtube.com/watch?v=do2dZxgNS70' title='Estudo nº13 Opus 60 veja o vídeo, deixe um comentário e incentive o projeto, abraço!'> Vídeo YouTube</a>
14. Estudo Allegro moderato em D..........6ª série <a href='https://www.youtube.com/watch?v=_XKCQ8rc1is' title='Estudo nº14 Opus 60 veja o vídeo, deixe um comentário e incentive o projeto, abraço!'> Vídeo YouTube</a>
15. Estudo Allegro moderato em C..........5ª série <a href='https://www.youtube.com/watch?v=FM5hWDXlGms' title='Estudo nº15 Opus 60 veja o vídeo, deixe um comentário e incentive o projeto, abraço!'> Vídeo YouTube</a>
16. Estudo Andante em F...................6ª série <a href='https://www.youtube.com/watch?v=XPPHjuBPI7I' title='Estudo nº16 Opus 60 veja o vídeo, deixe um comentário e incentive o projeto, abraço!'> Vídeo YouTube</a>
17. Estudo Moderato em Am.................6ª série <a href='https://www.youtube.com/watch?v=SRUEeMtVpEM' title='Estudo nº17 Opus 60 veja o vídeo, deixe um comentário e incentive o projeto, abraço!'> Vídeo YouTube</a>
18. Estudo Allegretto em A................7ª série <a href='https://www.youtube.com/watch?v=4KS1JiMx-TQ' title='Estudo nº18 Opus 60 veja o vídeo, deixe um comentário e incentive o projeto, abraço!'> Vídeo YouTube</a>
19. Estudo Allegro moderato em Em.........7ª série <a href='https://www.youtube.com/watch?v=mn6FgECV1ds' title='Estudo nº19 Opus 60 veja o vídeo, deixe um comentário e incentive o projeto, abraço!'> Vídeo YouTube</a>
20. Estudo Allegro brillante em A.........6ª série <a href='https://www.youtube.com/watch?v=deO3X8WUiKQ' title='Estudo nº20 Opus 60 veja o vídeo, deixe um comentário e incentive o projeto, abraço!'> Vídeo YouTube</a>
21. Estudo Andantino em A.................6ª série <a href='https://www.youtube.com/watch?v=3XSPk2zBztQ' title='Estudo nº21 Opus 60 veja o vídeo, deixe um comentário e incentive o projeto, abraço!'> Vídeo YouTube</a>
22. Estudo Allegretto em C................7ª série <a href='https://www.youtube.com/watch?v=v7WDkMdSdjg' title='Estudo nº22 Opus 60 veja o vídeo, deixe um comentário e incentive o projeto, abraço!'> Vídeo YouTube</a>
23. Estudo Allegro em A...................6ª série <a href='https://www.youtube.com/watch?v=Y2zcOQwCSIc' title='Estudo nº23 Opus 60 veja o vídeo, deixe um comentário e incentive o projeto, abraço!'> Vídeo YouTube</a>
24. Estudo Andantino con espressione em E 8ª série <a href='https://www.youtube.com/watch?v=9l6i2DIqLkU' title='Veja como tocar, no canal YouTube e inscreva-se para apoiar esse projeto.'> Vídeo YouTube</a>
25. Estudo Allegro brillante em A.........7ª série <a href='https://www.youtube.com/watch?v=We20PLd4-DA' title='Estudo nº25 Opus 60 veja o vídeo, deixe um comentário e incentive o projeto, abraço!'> Vídeo YouTube</a> </pre>
</div>
<br/>
Opus 60 Matteo Carcassi e os 25 estudos agrupados por dificuldade<br/><br/>
Fácil: 2, 3, 4, 6, 10, 13, 16, 19<br/>
<br/>
Médio: 1, 5, 7, 8, 9, 11, 12, 14, 15, 21, 23<br/>
<br/>
Avançado: 17, 18, 20, 22, 24, 25<br/>
<br/>
Agrupados por técnica<br/>
Escalas: 1, 6, 14, 18<br/>
<br/>
Arpejo: 2, 3, 7, 11, 12, 13, 15, 19, 20 + 22 (incluindo ligaduras para mão esquerda)<br/>
<br/>
Ligados: 4, 8, 9, 10, 21, 23, 25 (arpejo de braço da guitarra completo)<br/>
<br/>
Outros: 5 + 17 (Movimento Paralelo e Saltos), 16 (Melodia e Acompanhamento), 24 (Saltos)<br/>
<br/>
Agrupados por comprimento<br/>
Curto: 3, 4, 10<br/>
<br/>
Médio: 1, 2, 5, 8, 11, 12, 13, 14, 16, 18, 19, 23<br/>
<br/>
Longo: 2, 6, 7, 9, 15, 17, 20, 21, 22, 24, 25<br/>
<br/><br/>
<hr/><br/>
<h3>Violão clássico por Fernando Sor - Opus 35 completa, partitura com tablatura.</h3>
<br/>
<ul>
<li><a href="https://www.youtube.com/watch?v=IYcnUvza4Ns" title='Estudo nº1 Opus 35 veja o vídeo e inscreva-se, deixe um comentário e incentive o projeto, abraço!'>Estudo nº1, Op.35</a>, 4ª série - intermediário.</li>
<li><a href="https://www.youtube.com/watch?v=BWB24lJ25Do" title='Estudo nº2 Opus 35 veja o vídeo e inscreva-se, deixe um comentário e incentive o projeto, abraço!'>Estudo nº2, Op.35</a>, 4ª série - intermediário.</li>
<li><a href="https://www.youtube.com/watch?v=fZj_ZDhV0FM" title='Estudo nº3 Opus 35 veja o vídeo e inscreva-se, deixe um comentário e incentive o projeto, abraço!'>Estudo nº3, Op.35</a>, 4ª série - intermediário.</li>
<li><a href="https://www.youtube.com/watch?v=Y2K-C-DWH20" title='Estudo nº4 Opus 35 veja o vídeo e inscreva-se, deixe um comentário e incentive o projeto, abraço!'>Estudo nº4, Op.35</a>, 4ª série - intermediário.</li>
<li><a href="https://www.youtube.com/watch?v=KPtcNfyicAM" title='Estudo nº5 Opus 35 veja o vídeo e inscreva-se, deixe um comentário e incentive o projeto, abraço!'>Estudo nº5, Op.35</a>, 4ª série - intermediário.</li>
<li><a href="https://www.youtube.com/watch?v=KQSE5fjYt9Y" title='Estudo nº6 Opus 35 veja o vídeo e inscreva-se, deixe um comentário e incentive o projeto, abraço!'>Estudo nº6, Op.35</a>, 3ª série - iniciante.</li>
<li><a href="https://www.youtube.com/watch?v=XAW8Hpk0evY" title='Estudo nº7 Opus 35 veja o vídeo e inscreva-se, deixe um comentário e incentive o projeto, abraço!'>Estudo nº7, Op.35</a>, 4ª série - intermediário.</li>
<li><a href="https://www.youtube.com/watch?v=1hlOq5m0YuQ" title='Estudo nº8 Opus 35 veja o vídeo e inscreva-se, deixe um comentário e incentive o projeto, abraço!'>Estudo nº8, Op.35</a>, 5ª série - intermediário.</li>
<li><a href="https://www.youtube.com/watch?v=FVpi7T20fiI" title='Estudo nº9 Opus 35 veja o vídeo e inscreva-se, deixe um comentário e incentive o projeto, abraço!'>Estudo nº9, Op.35</a>, 5ª série - intermediário.</li>
<li><a href="https://www.youtube.com/watch?v=-j3freAaN-M" title='Estudo nº10 Opus 35 veja o vídeo e inscreva-se, deixe um comentário e incentive o projeto, abraço!'>Estudo nº10, Op.35</a>, 4ª série - intermediário.</li>
<li><a href="https://www.youtube.com/watch?v=IVMMYh1gRZk" title='Estudo nº11 Opus 35 veja o vídeo e inscreva-se, deixe um comentário e incentive o projeto, abraço!'>Estudo nº11, Op.35</a>, 4ª série - intermediário.</li>
<li><a href="https://www.youtube.com/watch?v=qo8FNN2xBSE" title='Estudo nº12 Opus 35 veja o vídeo e inscreva-se, deixe um comentário e incentive o projeto, abraço!'>Estudo nº12, Op.35</a>, 4ª série - intermediário.</li>
<li><a href="https://www.youtube.com/watch?v=xQPHq_nQXlk" title='Estudo nº13 Opus 35 veja o vídeo e inscreva-se, deixe um comentário e incentive o projeto com um like, abraço!'>Estudo nº13, Op.35</a>, 3ª série - iniciante avançado.</li>
<li><a href="https://www.youtube.com/watch?v=mJEiWQpitjA" title='Estudo nº14 Opus 35 veja o vídeo e inscreva-se, deixe um comentário e incentive o projeto com um like, abraço!'>Estudo nº14, Op.35</a>, 3ª série - iniciante avançado.</li>
<li><a href="https://www.youtube.com/watch?v=z89Vn9FXYoI" title='Estudo nº15 Opus 35 veja o vídeo e inscreva-se, deixe um comentário e incentive o projeto, abraço!'>Estudo nº15, Op.35</a>, 4ª série - intermediário.</li>
<li><a href="https://www.youtube.com/watch?v=3T9VND6kl9k" title='Estudo nº16 Opus 35 veja o vídeo e inscreva-se, deixe um comentário e incentive o projeto, abraço!'>Estudo nº16, Op.35</a>, 4ª série - intermediário.</li>
<li><a href="https://www.youtube.com/watch?v=Xpv5SjIQGAM" title='Estudo nº17 Opus 35 veja o vídeo e inscreva-se, deixe um comentário e incentive o projeto, abraço!'>Estudo nº17, Op.35</a>, 4ª série - intermediário.</li>
<li><a href="https://www.youtube.com/watch?v=zDRIWvsDZA4" title='Estudo nº18 Opus 35 veja o vídeo e inscreva-se, deixe um comentário e incentive o projeto, abraço!'>Estudo nº18, Op.35</a>, 4ª série - intermediário.</li>
<li><a href="https://www.youtube.com/watch?v=wuCJFVEDl2E" title='Estudo nº19 Opus 35 veja o vídeo e inscreva-se, deixe um comentário e incentive o projeto, abraço!'>Estudo nº19, Op.35</a>, 4ª série - intermediário.</li>
<li><a href="https://youtu.be/eHZqKLIj-dw" title='Estudo nº20 Opus 35 veja o vídeo e inscreva-se, deixe um comentário e incentive o projeto, abraço!'>Estudo nº20, Op.35</a>, 4ª série - intermediário.</li>
<li><a href="https://www.youtube.com/watch?v=kRgWZnDhLvQ" title='Estudo nº21 Opus 35 veja o vídeo e inscreva-se, deixe um comentário e incentive o projeto, abraço!'>Estudo nº21, Op.35</a>, 4ª série - intermediário.</li>
<li><a href="https://www.youtube.com/watch?v=jrdxfUfiQ50" title='Estudo nº22 Opus 35 veja o vídeo e inscreva-se, deixe um comentário e incentive o projeto, abraço!'>Estudo nº22, Op.35</a>, 4ª série - intermediário.</li>
<li><a href="https://www.youtube.com/watch?v=4W0-y90xCK8" title='Estudo nº23 Opus 35 veja o vídeo e inscreva-se, deixe um comentário e incentive o projeto, abraço!'>Estudo nº23, Op.35</a>, 4ª série - intermediário.</li>
<li><a href="https://youtu.be/GEJoWHUzU-E" title='Estudo nº24 Opus 35 veja o vídeo e inscreva-se, deixe um comentário e incentive o projeto, abraço!'>Estudo nº24, Op.35</a>, 4ª série - intermediário.</li>
</ul>
<br/>
<hr/><br/>
<h3>Violão clássico por Fernando Sor - Opus 60</h3>
<br/>
<ul>
<li><a href="javascript:void(0);">Estudo nº01, Op.60</a>, 1ª série</li>
<li><a href="javascript:void(0);">Estudo nº02, Op.60</a>, 1ª série</li>
<li><a href="javascript:void(0);">Estudo nº03, Op.60</a>, 2ª série</li>
<li><a href="javascript:void(0);">Estudo nº04, Op.60</a>, 2ª série</li>
<li><a href="javascript:void(0);">Estudo nº05, Op.60</a>, 3ª série</li>
<li><a href="javascript:void(0);">Estudo nº06, Op.60</a>, 3ª série</li>
<li><a href="javascript:void(0);">Estudo nº07, Op.60</a>, 3ª série</li>
<li><a href="javascript:void(0);">Estudo nº08, Op.60</a>, 2ª série</li>
<li><a href="javascript:void(0);">Estudo nº09, Op.60</a>, 3ª série</li>
<li><a href="javascript:void(0);">Estudo nº10, Op.60</a>, 4ª série</li>
<li><a href="javascript:void(0);">Estudo nº11, Op.60</a>, 4ª série</li>
<li><a href="javascript:void(0);">Estudo nº12, Op.60</a>, 4ª série</li>
<li><a href="javascript:void(0);">Estudo nº13, Op.60</a>, 4ª série</li>
<li><a href="javascript:void(0);">Estudo nº14, Op.60</a>, 4ª série</li>
<li><a href="javascript:void(0);">Estudo nº15, Op.60</a>, 4ª série</li>
<li><a href="javascript:void(0);">Estudo nº16, Op.60</a>, 4ª série</li>
<li><a href="javascript:void(0);">Estudo nº17, Op.60</a>, 4ª série</li>
<li><a href="javascript:void(0);">Estudo nº18, Op.60</a>, 5ª série</li>
<li><a href="javascript:void(0);">Estudo nº19, Op.60</a>, 5ª série</li>
<li><a href="javascript:void(0);">Estudo nº20, Op.60</a>, 5ª série</li>
<li><a href="javascript:void(0);">Estudo nº21, Op.60</a>, 6ª série</li>
<li><a href="javascript:void(0);">Estudo nº22, Op.60</a>, 6ª série</li>
<li><a href="javascript:void(0);">Estudo nº23, Op.60</a>, 7ª série</li>
<li><a href="javascript:void(0);">Estudo nº24, Op.60</a>, 6ª série</li>
<li><a href="javascript:void(0);">Estudo nº25, Op.60</a>, 7ª série</li>
</ul><div class="blogger-post-footer"><a herf=" https://www.verbratec.com.br/" target="_blank"> Verbratec - Jair de Jesus</a> | Reprodução proibida.</div>Jair de Jesushttp://www.blogger.com/profile/03590002350038063650noreply@blogger.com2tag:blogger.com,1999:blog-5239447796149211682.post-7908684667308046242022-03-18T19:30:00.024-03:002022-05-06T23:06:45.687-03:00Guitto GGP-02<hr/>
Guitto GGP-02 - Uma das melhores opções de efeitos desplugado, tem reverb, chorus e delay, além disso controle de graves e agudos, com chave liga/desliga/volume.<br/>
GUITTO GGP-02 - transforma seu violão em um transacústico! Um alto-falante conectado ao fundo do instrumento cria efeitos de reverberação, atraso e coro sem estar conectado a um amplificador externo. O processador de sinal permite ajustar o reverb, delay, chorus, altas e baixas frequências (Reverb, Delay, Chorus, Treble e Bass). A bateria de lítio fornece operação contínua por 12 horas. Adapta-se a violões clássicos e acústicos já que o sinal partirá do captador transdutor sob o rastilho, portanto funciona tanto para cordas de nylon quanto para cordas de aço.
<div class="separator" style="clear: both;">
<img style="display: block; padding: 1em 0; text-align: center; " alt="Guitto GGP-02" border="0" height="auto" width="96%" src="https://blogger.googleusercontent.com/img/a/AVvXsEhRHuQuUQJGjRl15TwZWrZHt48zUtVfcWc2CYQ8dgay5zjnRw-Z-zr6YGreRvu_jhmdR-8mnnSq7C-KWA9gy_WbSdApQqMJ7eTKuIxiErZCNJmWfo0cjMuXrWu6HKAKVSA9ldT06sX90EMpw3NfPDZv9OG14uWMSfOwm3rJ6ZnLrxrnRhiqZISm7xof"/>
</div>
Guitto GGP-02 (Joyo)- Uma das melhores opções de efeitos desplugado, tem reverb, chorus, delay.<br/>
Verifique o preço atual, mais frete, mais taxas, não esqueça de nada.
<br/>
<hr/>
<br/>
Controles de ajustes de acordo com as características de sua guitarra.<br/>
GGP-02 Captador de vibração possui 4 posições no DIP Switch. <br/>
Deslize para cima um por vez, até encontrar seu tom favorito de acordo com as características da guitarra.
<br/> <span style='color:red;'><b>nota importante:</b></span> cada vez você só pode alternar para cima uma posição.
<br/>
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtcdLjVO8avKg1XBZlmaV_lcvXVmhyUvBsJAXryOSbpshS0fOF6R1won0-AwnqWgMbZOnghOUQKQEtfGZhhsGibQroajqCPQ2xHcIR3Zn68siGNNZUnvIdR9h4qYlnSZ2Y-4E2darWzfhV/h1600/Guitto-ggp-02-controles-internos.png" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" data-original-height="483" data-original-width="613" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtcdLjVO8avKg1XBZlmaV_lcvXVmhyUvBsJAXryOSbpshS0fOF6R1won0-AwnqWgMbZOnghOUQKQEtfGZhhsGibQroajqCPQ2xHcIR3Zn68siGNNZUnvIdR9h4qYlnSZ2Y-4E2darWzfhV/h1600/Guitto-ggp-02-controles-internos.png"/></a></div>
<br/>
Com o aparelho desligado, mova apenas uma chave para cima, ligue e escute o novo timbre de sua guitarra. Desligue o aperelho, retorne a chave para baixo e experimente deslizar outra chave para cima, ligue e perceba o novo timbre, prossiga até encontrar a configuração que mais lhe agradar.<br/>
<hr/>
[ads-post]
<hr/>
Será interessante obter informações sobre a porta USB, nada consta no site, nem no manual do produto.<br/>
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjKc0YrPiTnpT0SRehxOSVYPyuQDeyWiS4vt1S9alaVY89tShHNXfzl5AlYpHofl89mrjbnvgb7RAJbugE32xSWeEYW8hzwtxX_oc_nJtWlkmk9P0rUoeMFUyrCOl9ucbvfuyLV6iRya9YNembTad3Y4LKXr0qH4P1L2a6Le_O7wVzGDubGQ8MwydCWDg" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" data-original-height="447" data-original-width="633" src="https://blogger.googleusercontent.com/img/a/AVvXsEjKc0YrPiTnpT0SRehxOSVYPyuQDeyWiS4vt1S9alaVY89tShHNXfzl5AlYpHofl89mrjbnvgb7RAJbugE32xSWeEYW8hzwtxX_oc_nJtWlkmk9P0rUoeMFUyrCOl9ucbvfuyLV6iRya9YNembTad3Y4LKXr0qH4P1L2a6Le_O7wVzGDubGQ8MwydCWDg"/></a></div>
<br/>
Enviei um e-mail para o pós vendas da empresa e obtive uma resposta, então a porta usb não possui utilidade para o usuário.<br/> Na mesma mensagem a informação de que o GGP-04 deverá no futuro estar à venda no site banggood.<br/>
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs6H0WPwz-GapQ3gixpy8fprimx_mjbsYqprCdcuvgYGda7twYwts4KzAvQrJwf2Sme2mzjYqHL6fos9l3vfcW5SgOMaq1x4I1FMYlHM2c97_WYxl54HkUeQ0s5L0a6sbwM4vsF7LrZLeEfG9y081AfdWdo1PBGMxG-bGI1LFK1CsTMJ3IoGcCIFlYYg/s1600/guitto-pos-vendas-sobre-porta-usb.png" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" data-original-height="364" data-original-width="680" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs6H0WPwz-GapQ3gixpy8fprimx_mjbsYqprCdcuvgYGda7twYwts4KzAvQrJwf2Sme2mzjYqHL6fos9l3vfcW5SgOMaq1x4I1FMYlHM2c97_WYxl54HkUeQ0s5L0a6sbwM4vsF7LrZLeEfG9y081AfdWdo1PBGMxG-bGI1LFK1CsTMJ3IoGcCIFlYYg/s1600/guitto-pos-vendas-sobre-porta-usb.png"/></a></div>
Para mim não faz sentido a empresa colocar no circuíto uma porta usb sem função, seria um gasto inútil, ainda vou descobrir e conto com a sua ajuda nessa missão!<br/>
Não deixe de mencionar seu parecer nos comentários.
<hr/>
<h4>Sobre a bateria 18650 no Guitto GGP-02 da Joyo.</h4>
Eu uso um carregador normal para "smartphone" da marca Siemens com saída 5 volts e 620mA, a carga é feita em torno de duas horas.<br/>
Quando carregando o mostrador do controlador fica com o led vermelho ligado, como mostra a imagem abaixo.<br/>
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih3NVLVs7AqB1GxC_JGNWWxvf-7s5ue8WON01qEA5aMPrP01nSFQd8RNfgrRYdEkQW9ZFaEy6Xx6u39fBcuvKm9Fjc0gbo3tFrhQnuk-58MIwA6hP14FMjXxNxgoVGLnsR5GIlyAL15VzsoJwl5HZBMNuXVdfk5xBsO3OlMCvtIRq8vleFbCmppVYLZA/s1600/bateria-carregando-18650.jpg" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" data-original-height="3088" data-original-width="3088" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih3NVLVs7AqB1GxC_JGNWWxvf-7s5ue8WON01qEA5aMPrP01nSFQd8RNfgrRYdEkQW9ZFaEy6Xx6u39fBcuvKm9Fjc0gbo3tFrhQnuk-58MIwA6hP14FMjXxNxgoVGLnsR5GIlyAL15VzsoJwl5HZBMNuXVdfk5xBsO3OlMCvtIRq8vleFbCmppVYLZA/s1600/bateria-carregando-18650.jpg"/></a></div>
<br/>
Depois de completa a carga o controlador irá ligar o led verde, como mostra a imagem abaixo.
<br/>
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF3dxh7x6pneJQAOAFQR0yFFB8BEVx7VWr822jmb_ulhHtHNZb3lOggPqdCdo1A7RrK6zBx3VfnskKfTc__TiAlVr8H71nMDnssP-Y84OQUt4r-9v1NvaED_dQehSMZeln2Tdc8KRCSSQLpqoxvRx3w7NMSux-alxpFjwZDOQ9QrNW9TRiOYqn7elS-Q/s1600/bateria-carregada-18650.jpg" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" data-original-height="3088" data-original-width="3088" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF3dxh7x6pneJQAOAFQR0yFFB8BEVx7VWr822jmb_ulhHtHNZb3lOggPqdCdo1A7RrK6zBx3VfnskKfTc__TiAlVr8H71nMDnssP-Y84OQUt4r-9v1NvaED_dQehSMZeln2Tdc8KRCSSQLpqoxvRx3w7NMSux-alxpFjwZDOQ9QrNW9TRiOYqn7elS-Q/s1600/bateria-carregada-18650.jpg"/></a></div>
<br/>
Minha opinião é que se mantenha duas baterias carregadas, pois notei que o os timbres se alteram, então conforme a bateria vai descarregando se nota isso muito claramente e o melhor no caso de estar em público é trocar a bateria nesse momento.<br/>
Se continuar usando o led do aparelho Guitto GGP-02 irá começar a piscar, indicando que a carga está fraca.<br/>
Cloncluo que com boa qualidade de som a carga de uma bateria nova 18650, com o violão plugado e no volume máximo, dura 3 horas.<br/>
Talvez ocorra uma variação nesse contexto, devido as diferentes configurações de equipamentos. Cabe a cada usuário fazer seus próprios testes.<br/>
<hr/>
Ei amigos!<br/>
Eu gostaria de enviar a você um novo pacote de presente de usuário Banggood.
Embora tenha um baixo custo e alta qualidade, acredito que você também pode fazer compras aqui e ganhar mais um <b>desconto especial</b>. <br/>
Vamos! <br/>
Junte-se a nós para receber seu desconto sobre GGP-02!<br/>
<a href='https://br.banggood.com/Guitto-GGP-02-Pickup-Deliver-Chorus-Delay-and-Reverb-Sounds-Direct-from-Acoustic-Guitar-p-1813479.html?warehouse=CN&ID=0&p=DJ200669098485202203&custlinkid=1795250'>
Comprar Guitto GGP-02
</a><div class="blogger-post-footer"><a herf=" https://www.verbratec.com.br/" target="_blank"> Verbratec - Jair de Jesus</a> | Reprodução proibida.</div>Jair de Jesushttp://www.blogger.com/profile/03590002350038063650noreply@blogger.com0tag:blogger.com,1999:blog-5239447796149211682.post-50121781175221291842022-03-07T14:11:00.016-03:002022-05-02T16:55:16.255-03:00Guerra na Ucrânia.<br/>OTAN-UCRANIA-NAZISMO essas são as bandeiras <b>A3OB</b>!<br/>
Esse artigo trás um pouco de luz para toda essa escuridão.<br/>
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEj3F8VRZdmWg66LPj4OeDzySTSKhnjoo_AsZMGQ7LXltPoQ6xROivBg1_jKm7VM7zfVumjK8yitWBrZJOWbkFhhtAXDayz3Zetiz4ilY7tCtS778p-Zl_7U6TjnKFbN5ltEDkubmrOMFt6M6tCU-mTR6peCm5zWChMzBUBLGqGGQXQDICVjabjVBacoJA" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" data-original-height="477" data-original-width="848" src="https://blogger.googleusercontent.com/img/a/AVvXsEj3F8VRZdmWg66LPj4OeDzySTSKhnjoo_AsZMGQ7LXltPoQ6xROivBg1_jKm7VM7zfVumjK8yitWBrZJOWbkFhhtAXDayz3Zetiz4ilY7tCtS778p-Zl_7U6TjnKFbN5ltEDkubmrOMFt6M6tCU-mTR6peCm5zWChMzBUBLGqGGQXQDICVjabjVBacoJA"/></a></div>
<br/>
Ao usar a Ucrânia para combater a Rússia, os EUA provocaram a guerra de Putin
Depois de apoiar um golpe de extrema-direita em 2014, os EUA alimentaram uma guerra por procuração no leste da Ucrânia que deixou 14.000 mortos. A invasão da Rússia é uma resposta ilegal e catastrófica.
<br/>
Aaron Mate
5 de março<br/><br/>
"Os Estados Unidos ajudam a Ucrânia e seu povo", declarou Adam Schiff em janeiro de 2020 , "para que possamos lutar contra a Rússia lá, e não temos que lutar contra a Rússia aqui".
<br/><br/>
Schiff fez essa declaração durante a abertura do primeiro julgamento de impeachment de Donald Trump, onde a tentativa do Partido Democrata de garantir a venda de armas dos EUA para a Ucrânia foi apresentada, e amplamente aceita, como uma valente defesa da democracia e da segurança nacional dos EUA .
<br/><br/>
Dois anos depois, o uso da Ucrânia pelos EUA para "combater a Rússia por lá" atingiu seu fim lógico: ilegal, assassina e catastroficamente, a Rússia invadiu a Ucrânia para encerrar a luta.
<br/><br/>
A invasão russa da Ucrânia é uma violação da Carta da ONU. Sem autorização da ONU, os estados podem usar a força armada apenas em casos de autodefesa ou para evitar um ataque iminente. Embora os EUA tenham usado a Ucrânia como um substituto em sua luta contra os rebeldes ucranianos apoiados pela Rússia no Donbas, esse conflito ainda está dentro das fronteiras soberanas da Ucrânia. Mesmo que se possa argumentar que a Rússia tem o direito de defender russos étnicos sitiados, esse argumento é prejudicado pela decisão da Rússia de atacar muito mais profundamente o território ucraniano. Se defender o Donbas era o objetivo da Rússia, então poderia ter pressionado mais por uma força internacional de manutenção da paz , ou qualquer número de opções diplomáticas não militares.
<br/><br/>
Embora a invasão da Rússia não possa ser desculpada, também não pode ser compreendida e resolvida sem reconhecer que a guerra na Ucrânia não começou no mês passado.
<br/><br/>
Putin realizou uma grande escalada de um conflito que dura oito anos, ao custo de mais de 14.000 vidas. Tudo começou com um golpe de 2014, apoiado pelos EUA e liderado pela extrema-direita, que derrubou o governo democraticamente eleito da Ucrânia em Kiev. Em seu lugar veio um regime escolhido não pelo povo ucraniano, mas por Washington.
<br/><br/>
O governo golpista encorajou ataques à população de língua russa da Ucrânia, que pegou em armas para se defender com o apoio de Moscou. Em vez de pressionar seu cliente em Kiev a implementar um acordo negociado sob os Acordos de Minsk de 2015, os EUA despejaram armas e conselheiros militares para ajudar as forças armadas fascistas da Ucrânia na guerra por procuração que ajudaram a iniciar. Embora agora aclame o presidente ucraniano Volodymyr Zelensky como um herói nacional, os EUA se aliaram aos nacionalistas ucranianos de extrema-direita sobre a plataforma de paz na qual Zelensky foi eleito em 2019.
<br/><br/>
A política dos EUA de usar a Ucrânia como bucha de canhão acompanhou uma tentativa de incorporá-la à OTAN. Para agravar os perigos de uma aliança militar hostil nas fronteiras da Rússia, os EUA também desmantelaram metodicamente os tratados de controle de armas da era da Guerra Fria que limitavam os arsenais das duas maiores potências nucleares do mundo.
<br/><br/>
Desde 2007, o presidente russo, Vladimir Putin, advertiu repetidamente que as políticas dos EUA na Ucrânia e em outros ex-estados soviéticos estavam ultrapassando os limites russos e forçariam uma reação russa.
<br/><br/>
Após anos de escalada impulsionada pelos EUA, as advertências de Putin se concretizaram na forma de uma invasão ilegal que colocou o mundo em um de seus momentos mais perigosos desde a Segunda Guerra Mundial.
<br/><br/>
<h3 style='text-align:center;'>"A Ucrânia é o maior prêmio"</h3>
Nos Estados Unidos, a invasão russa é amplamente retratada como uma campanha de Putin para colonizar a Ucrânia e subverter seu esforço para ingressar na União Europeia. Se esse é de fato o objetivo de Putin agora, ele o está fazendo apenas depois de um esforço de anos, liderado pelos EUA, para forçar o país profundamente dividido a entrar na órbita ocidental. Pelas suas próprias contas, os EUA gastaram US$ 5 bilhões nessa cruzada desde 1991, complementados com dezenas de milhões a mais da União Européia.
<br/><br/>
A agenda dos EUA ficou clara em setembro de 2013, quando Carl Gershman, chefe do National Endowment for Democracy, vinculado à CIA, declarou que "a Ucrânia é o maior prêmio". Se a Ucrânia pudesse ser puxada para a ordem liderada pelos EUA, explicou Gershman, "Putin pode se encontrar no lado perdedor não apenas no exterior, mas dentro da própria Rússia". Em suma, aos olhos de Washington, a mudança de regime em Kiev também poderia repercutir em Moscou.
<br/><br/>
A oportunidade de reivindicar o prêmio chegou dois meses depois, com a eclosão dos protestos de Maidan na Ucrânia. O Maidan é comumente descrito nos EUA como uma "revolução democrática". Esse é um termo justo para suas semanas iniciais, quando dezenas de milhares de ucranianos se reuniram na praça Maidan, em Kiev, para protestar contra a corrupção desenfreada do governo e para apoiar a integração europeia. Mas esses protestos logo foram cooptados pelas forças de extrema direita da Ucrânia, que transformaram um movimento popular em uma campanha violenta por mudança de regime. Maidan culminou no que George Friedman, chefe da empresa de inteligência americana Stratfor, teria descrito como "o golpe mais flagrante da história".
<br/><br/>
A faísca para os protestos de Maidan foi uma decisão do presidente Viktor Yanukovych de desistir de um acordo comercial oferecido pela União Europeia. A narrativa convencional é que Yanukovych foi intimidado por seu principal patrono em Moscou. Na realidade, Yanukovych esperava desenvolver laços com a Europa e "persuadiu e intimidou qualquer um que pressionasse a Ucrânia a ter laços mais estreitos com a Rússia", informou a Reuters na época . Mas o presidente ucraniano se assustou ao ler as letras miúdas do acordo da UE. A Ucrânia não só teria que reduzir seus profundos laços culturais e econômicos com a Rússia, mas aceitar medidas de austeridade duras como " aumentar a idade de aposentadoria e congelar pensões e salários." Longe de melhorar a vida dos ucranianos médios, essas demandas apenas teriam garantido a privação e a morte política de Yanukovych.
<br/><br/>
A Rússia aproveitou o nervosismo de Yanukovych oferecendo um pacote mais generoso de US$ 15 bilhões e ameaçando reter pagamentos se os termos da UE fossem aceitos. Ao contrário das narrativas ocidentais subsequentes, a Rússia não exigiu "um compromisso de aderir à união aduaneira [liderada pelos russos] ou qualquer outro quid pro quo evidente", segundo o New York Times .
<br/><br/>
Ao contrário de seus pares ocidentais, a Rússia também não exigiu que a Ucrânia abandonasse suas ambições europeias. Yanukovich, informou o Times em dezembro de 2013 , "insistiu que a Ucrânia acabaria por se mudar para a Europa e até considerar assinar os acordos em uma data posterior". Mas havia um obstáculo: "um alto funcionário da União Européia disse que essas discussões foram interrompidas".
<br/><br/>
A essa altura, em vez de ajudar a intermediar um acordo, os EUA haviam apoiado figuras da oposição de extrema direita que haviam assumido o comando do Maidan.
<br/><br/>
Enquanto grupos de extrema-direita ocupavam prédios governamentais em toda a Ucrânia, os bipartidários Cold Warriors de Washington invadiram para reivindicar o prêmio. Os senadores John McCain e Chris Murphy visitaram o acampamento central de protesto em Kiev e ficaram ao lado de Oleh Tyahnybok, líder do partido de extrema-direita Svoboda. Tyahnybok certa vez instou seus partidários a lutar contra a "máfia moscovita-judaica que governa a Ucrânia".
<br/><br/>
"A Ucrânia tornará a Europa melhor e a Europa tornará a Ucrânia melhor", prometeu McCain à multidão. Dando o jogo, Murphy disse à CNN que a missão dos senadores era "causar uma transição pacífica aqui".
<br/><br/>
Os senadores se juntaram em Kiev à alta autoridade do Departamento de Estado Victoria Nuland, que agora ocupa uma posição semelhante sob Biden. Em 4 de fevereiro, um telefonema interceptado, supostamente gravado e divulgado pela inteligência russa ou ucraniana, expôs o plano de Nuland para realizar a "transição". Falando com Geoffrey Pyatt, o embaixador dos EUA na Ucrânia, Nuland expôs como os EUA apoiariam um novo governo ucraniano, liderado por líderes Maidan e escolhido a dedo por Washington. O Departamento de Estado respondeu ao vazamento desconsiderando-o como " artesanato russo ".
<br/><br/>
Embora Nuland tivesse saltitado, junto com McCain e Murphy, com Tyahnybok na praça Maidan, o líder fascista foi considerado inadequado para o cargo. O russófobo anti-semita, preocupava Nuland, seria um "problema", e melhor "do lado de fora".
<br/><br/>
Também foi discutido o ex-boxeador e figura da oposição Vitaly Klitschko, mas ele foi rapidamente descartado. "Não acho que Klitsch deva entrar no governo", disse Nuland. "Não acho que seja necessário. Não acho que seja uma boa ideia." Um dos motivos foi a proximidade de Klitschko com a União Européia. Apesar das palavras calorosas de McCain para a UE diante da multidão de Maidan, os europeus irritaram Washington ao apoiar uma proposta de compromisso que deixaria Yanukovych no poder. Como Nuland disse a Pyatt: "Foda-se a UE".
<br/>
[ads-post]
<br/>
Os dois funcionários americanos decidiram pelo tecnocrata Arseniy Yatsenyuk. "Yats é o cara", decretou Nuland. A única questão pendente foi garantir a bênção do então vice-presidente, Joe Biden, e seu então conselheiro sênior, Jake Sullivan, "para um garoto atta e para obter os detalhes [detalhes]".
<br/><br/>
Os detalhes foram realizados dias depois. Em 20 de fevereiro, franco-atiradores mataram dezenas de manifestantes na praça Maidan. O massacre foi atribuído às forças de Yanukovych, desencadeando uma nova rodada de violência e ameaças à vida de Yanukovych. Em outro telefonema interceptado que surgiu semanas depois, o ministro das Relações Exteriores da Estônia, Urmas Paet, disse à secretária de Relações Exteriores da UE, Catherine Ashton , que suspeitava de culpa das forças pró-Maidan . Em Kiev, relatou Paet, "há agora um entendimento cada vez mais forte de que por trás dos atiradores não era Yanukovych, mas alguém da nova coalizão [de oposição]".
<br/><br/>
Ivan Katchanovski, da Universidade de Ottawa, que conduziu uma pesquisa exaustiva sobre o massacre , concorda com a suspeita inicial de Paet. O ataque, ele conclui, foi "perpetrado principalmente por membros da oposição Maidan, especificamente seus elementos de extrema-direita".
<br/><br/>
Em 21 de fevereiro, um acordo entre Yanukovich e a oposição, mediado pela Europa, pedia a formação de um novo governo de coalizão e eleições antecipadas. As forças de segurança de Yanukovich retiraram-se imediatamente da área de Maidan. Mas a base de extrema-direita do acampamento não tinha interesse em fazer concessões. "Não queremos ver Yanukovych no poder", declarou o líder do esquadrão Maidan, Vladimir Parasyuk. "... E a menos que esta manhã você venha com uma declaração exigindo que ele renuncie, então vamos pegar em armas e ir embora, eu juro." Yanukovich, não mais protegido por suas forças armadas e sob forte ameaça, recebeu a mensagem e fugiu para a Rússia.
<br/><br/>
Um novo governo foi rapidamente formado, apesar da falta de maioria parlamentar suficiente. Essa violação da lei ucraniana teve pouca consequência: com Yatsenyuk, ungido por Nuland, nomeado o novo primeiro-ministro da Ucrânia, os Estados Unidos conseguiram seu "cara".
<br/><br/>
A centralidade de elementos fascistas no golpe Maidan foi recentemente anunciada por uma de suas figuras-chave. Em um evento público em Kiev no mês passado, Yevhen Karas, da gangue neonazista C14, proclamou que "Maidan foi uma vitória para as forças nacionalistas". Descartando o que ele chamou de "embaixadas LGBT e estrangeiras" que "dizem 'não havia muitos nazistas em Maidan'", Karas ofereceu uma correção: "Se não fosse por esses oito por cento [de neonazistas] a eficácia [do golpe de Maidan ] teria caído 90 por cento."
<br/><br/>
Sem seus aliados de extrema-direita, acrescentou Karas, "a coisa toda teria se transformado em uma parada gay". Ele não mencionou o apoio crítico dos burocratas de Washington, que merecem crédito igual por evitar o desfile e garantir um golpe.
<br/><br/>
<div class="tweet" data-attrs="{"url":"https://twitter.com/RealAlexRubi/status/1497747535783411714","full_text":"Watch Yevhen Karas the leader of Ukraine's neo-Nazi terror gang C14's speech from Kiev earlier this month. Straight from the horses' mouth, he dispels the many narratives pushed by the left, the mainstream media and the State Department. ","username":"RealAlexRubi","name":"Alex Rubinstein","date":"Sun Feb 27 01:36:53 +0000 2022","photos":[{"img_url":"https://cdn.substack.com/image/upload/w_728,c_limit/l_twitter_play_button_rvaygk,w_120/qxam6m4xh5wnnhahg1su","link_url":"https://t.co/VWJqWPUGUp","alt_text":null}],"quoted_tweet":{},"retweet_count":4208,"like_count":6041,"expanded_url":{},"video_url":"https://video.twimg.com/ext_tw_video/1497746237084377090/pu/vid/1280x720/BJ1odmiT_D6Tvo6L.mp4?tag=12"}"><a href="https://twitter.com/RealAlexRubi/status/1497747535783411714" target="_blank" rel=""><div class="tweet-header"><img class="tweet-user-avatar" src="https://cdn.substack.com/image/twitter_name/w_36/RealAlexRubi.jpg" alt="Avatar do Twitter para @RealAlexRubi"><span class="tweet-author-name"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Alex Rubinstein</font></font></span><span class="tweet-author"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">@RealAlexRubi</font></font></span></div><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Assista ao discurso de Yevhen Karas, líder da gangue terrorista neonazista ucraniana C14, de Kiev no início deste mês. </font><font style="vertical-align: inherit;">Direto da boca dos cavalos, ele dissipa as muitas narrativas empurradas pela esquerda, pela grande mídia e pelo Departamento de Estado.</font></font></a><div class="tweet-video-wrapper"><video class="tweet-video" controls="" src="https://video.twimg.com/ext_tw_video/1497746237084377090/pu/vid/1280x720/BJ1odmiT_D6Tvo6L.mp4?tag=12" alt="Vídeo"></video></div><a href="https://twitter.com/RealAlexRubi/status/1497747535783411714" target="_blank" rel=""><div class="tweet-footer"><p class="tweet-date"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">27 de fevereiro de 2022</font></font></p><span class="retweets"><span class="rt-count"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">4.208</font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> retuítes</font></font></span><span class="likes"><span class="like-count"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">6.041</font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> curtidas</font></font></span></div></a></div>
<h3 style="text-align:center;">Superando "o principal obstáculo"</h3>
Ao apoiar um golpe de extrema-direita em Kiev, os EUA superaram o inconveniente obstáculo da opinião popular ucraniana.
<br/><br/>
Resumindo pesquisas contemporâneas dias antes do golpe de fevereiro de 2014, os cientistas políticos Keith Darden e Lucan Way observaram no Washington Post que "nenhuma mostra uma maioria significativa da população apoiando o movimento de protesto e várias mostram uma maioria contra". A pesquisa mais precisa "mostra a população quase perfeitamente dividida em seu apoio ao protesto: 48% a favor, 46% contra". Apesar de ser alvo dos protestos de Maidan e profundamente corrupto, Yanukovych "ainda é aparentemente a figura política mais popular do país", acrescentaram.
<br/><br/>
A divisão da população ucraniana sobre os protestos de Maidan também se estendeu à questão que ajudou a despertá-la: a rejeição de Yanukovych de um acordo comercial com a União Europeia. De acordo com Darden e Way, "há poucas evidências de que uma clara maioria de ucranianos apóie a integração na União Europeia", com a maioria das pesquisas mostrando "cerca de 40-45% de apoio à integração europeia em comparação com cerca de 30 a 40% de apoio à União Aduaneira [liderada pela Rússia] – uma pluralidade para a Europa, mas dificilmente um mandato claro."
<br/><br/>
O mesmo pode ser dito para a adesão à OTAN. "O principal obstáculo" para a ascensão da Ucrânia à aliança, escreveu F. Stephen Larrabee, ex-especialista soviético do Conselho de Segurança Nacional dos EUA, em 2011 , "não é a oposição russa... mas o baixo apoio público à adesão à própria Ucrânia". O apoio ucraniano à adesão à Otan "é muito menor na Ucrânia em comparação com outros estados da Europa Oriental", acrescentou, com apenas 22% a 25% no geral.
<br/><br/>
Uma pesquisa Gallup divulgada em março de 2014 descobriu que "mais ucranianos viam a OTAN como uma ameaça do que como uma proteção". Embora essa tendência tenha se revertido desde então, o apoio ucraniano à Otan aumentou para pouco mais de 50% nas pesquisas que excluem os 3,8 milhões de moradores de Donetsk e Luhansk, controlados pelos rebeldes.
<br/><br/>
As vítimas indignas da Ucrânia
Embora saudado pelos EUA como uma expressão das aspirações democráticas da Ucrânia, o governo ucraniano pós-golpe foi dominado pelas forças de direita que o levaram ao poder. Pelo menos cinco cargos-chave no gabinete foram para membros do Svoboda de extrema-direita e outro partido de direita, o Right Sector, incluindo os ministérios de segurança nacional, defesa e jurídico. Andriy Parubiy, o cofundador de extrema-direita do partido de origem do Svoboda, foi nomeado chefe do Conselho Nacional de Segurança e Defesa da Ucrânia. Durante os protestos de Maidan, Parubiy serviu como "comandante" do acampamento Maidan e chefe de sua segurança.
<br/><br/>
No outono de 2014, o batalhão neonazista Azov foi formalmente incorporado à Guarda Nacional da Ucrânia, tornando a Ucrânia pós-Maidan "a única nação do mundo a ter uma formação neonazista em suas forças armadas", disse o jornalista ucraniano-americano Lev Golinkin. posteriormente observado .
<br/><br/>
Yatsenyuk, o tecnocrata escolhido por Nuland, presidiu o que a NPR chamou de "Primavera da Austeridade" da Ucrânia e o que o próprio primeiro-ministro descreveu como uma " missão kamikaze ", impondo os cortes de pensão e subsídios de aquecimento aos quais o deposto Yanukovych havia resistido.
<br/><br/>
Membros do batalhão Azov.
Enquanto aplaca o " Regime de Austeridade do FMI", o governo golpista também se volta para a população de etnia russa da Ucrânia, uma importante base de apoio de Yanukovych. Uma das primeiras votações do parlamento pós-golpe foi rescindir uma lei, há muito contestada pela extrema-direita, concedendo às regiões a autoridade de declarar uma segunda língua oficial.
<br/><br/>
O sentimento anti-russo do governo golpista culminou em um massacre horrível na cidade de Odessa. Em 2 de maio, uma multidão de direita atacou um local anti-Maidan, forçando os manifestantes a entrarem em um prédio sindical próximo. Presos lá dentro, os manifestantes anti-Maidan foram queimados vivos. Aqueles que tentavam escapar das chamas foram brutalmente agredidos. O número oficial do estado é de 48 mortos, mas o número real pode ser muito maior. Nenhuma investigação credível jamais foi realizada. Isso pode estar relacionado à presença de Parubiy, que viajou para Odessa para enfrentar o campo anti-Maidan, com centenas de membros do Setor Direita a reboque.
<br/><br/>
O massacre de Odessa ajudou a acelerar a crescente insurgência na região de Donbas, a região leste da Ucrânia dominada por russos étnicos. Recusando-se a viver sob um governo golpista instalado pelos EUA e liderado por nacionalistas de extrema direita, os rebeldes em Donetsk e Luhansk pegaram em armas na primavera de 2014 com o apoio limitado da Rússia .
<br/><br/>
O governo apoiado pelos EUA respondeu com guerra econômica e uma "Operação Antiterrorista" infundida pelos nazistas. O Yatsenyuk, apoiado pelos EUA, então bem versado na austeridade neoliberal amigável a Washington, decretou que todos os moradores de Donbas, controlados pelos rebeldes , perderiam seus pagamentos e pensões do setor público . Entre aqueles que lutam contra os rebeldes, o New York Times reconheceu discretamente em julho de 2015, estava o batalhão Azov "abertamente neonazista", bem como "uma variedade de milícias de direita e islâmicas" convocadas da Chechênia. De acordo com o Ministério do Interior da Ucrânia, Azov foi um dos primeiros batalhões a receber treinamento militar dos EUA para a guerra.
<br/><br/>
A guerra em Donbas, desde então, deixou mais de 14.000 mortos. De acordo com números da ONU , 81% das baixas civis desde 2018 ocorreram no lado pró-Rússia, controlado pelos rebeldes.
<br/><br/>
Esses ucranianos de língua russa, no entanto, são o que Noam Chomsky e Edward Herman descreveram em "Manufacturing Consent" como "vítimas indignas": civis estrangeiros mortos com o apoio dos EUA e, portanto, indignos de nossa simpatia ou mesmo atenção.
<br/><br/>
Não importa o quão profundamente enraizado no establishment político e na mídia dos Estados Unidos, nenhuma quantidade de branqueamento em torno do golpe de 2014 e suas consequências pode negar a realidade de que, para milhões de pessoas no Donbas, a guerra na Ucrânia não começou com a invasão de Putin no mês passado. . Isso inclui o uso de munições de fragmentação ilegais, supostamente pela Rússia hoje e pelos militares ucranianos em 2014 , para reações globais muito diferentes.
<br/><br/>
Em vez de acabar com a guerra por procuração que ajudou a iniciar na Ucrânia, os EUA apenas a alimentaram nos últimos oito anos com bilhões em armas, um esforço para incorporar a Ucrânia à OTAN, uma expansão de armas ofensivas dos EUA em torno da Rússia e uma rejeição da soluções diplomáticas, como abordaremos na segunda parte deste relatório.
[full-post]
<br/><hr/><br/>
O artigo original está em: <a rel='nofollow' target='_blank' href='https://mate.substack.com/p/by-using-ukraine-to-fight-russia?s=r'>https://mate.substack.com/p/by-using-ukraine-to-fight-russia?s=r </a>
<br/>
<hr/><br/>
É difícil para mim entender que esse secretário de estado americano se apresente com o símbolo -n*a-z*i- ao seu lado. Mas isso facilita entender que estejam colocando tanto dinheiro na Ucrânia, enquanto seu povo tem a maior população carcerária, um grande número e viciados, moradores de rua e vários outros problemas, até mesmo o das pontes que estão ruindo e a enorme dívida que beira os 30 trilhões de dólares.
<br/>
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9LGklNs8po2SzbNIVHn9FyYwlhZ_Mfqx2D0_Zmz0NlsJ2NeHdJD9uADQ16gOYMkHZ8qdmXBXm8_19pqHbImWH58lae1uT7kmxaUUEJ7N9iFbQLEnHWQC8fxhOaxiJCwr_4RH2mnPoq9jr5cxEWpjqyv833fO1JUtSsqth_bw0UimyfH9xk4JGOQxulQ/s1600/antony-secretario-americano.png" style="display: block; padding: 1em 0; text-align: center; ">
<img alt="" border="0" data-original-height="691" data-original-width="878" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9LGklNs8po2SzbNIVHn9FyYwlhZ_Mfqx2D0_Zmz0NlsJ2NeHdJD9uADQ16gOYMkHZ8qdmXBXm8_19pqHbImWH58lae1uT7kmxaUUEJ7N9iFbQLEnHWQC8fxhOaxiJCwr_4RH2mnPoq9jr5cxEWpjqyv833fO1JUtSsqth_bw0UimyfH9xk4JGOQxulQ/s1600/antony-secretario-americano.png"/></a>
</div>
<br/>
<div class="blogger-post-footer"><a herf=" https://www.verbratec.com.br/" target="_blank"> Verbratec - Jair de Jesus</a> | Reprodução proibida.</div>Jair de Jesushttp://www.blogger.com/profile/03590002350038063650noreply@blogger.com0tag:blogger.com,1999:blog-5239447796149211682.post-75106697541557858622021-06-26T18:08:00.010-03:002021-12-08T00:48:00.043-03:00Bem-vindo à verbratec!
Teste imagem Blogger<br/>
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMS-YoHH7EBLtVNqRqNeOWfV4cHNAOMHgY23DSgUSHdjLLVX-9DsPrWGHAu7UC6Y2qLJCfY98FbuOD5-c9ByRGlLpl3Q8dOy0-jvpvqT-zMqrbPEUrmJDAlPteExHzHOHiB1bf8-X_oZqo/s0/teste-Blogger-comunidade-postando-imagem.png" style="display: block; padding: 1em 0; text-align: center; "><img alt="Teste de postagem de imagem em 21 de agosto 2021, Blogger." border="0" data-name="Teste-imagem-Blogger-post" original-height="465" data-original-width="840" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMS-YoHH7EBLtVNqRqNeOWfV4cHNAOMHgY23DSgUSHdjLLVX-9DsPrWGHAu7UC6Y2qLJCfY98FbuOD5-c9ByRGlLpl3Q8dOy0-jvpvqT-zMqrbPEUrmJDAlPteExHzHOHiB1bf8-X_oZqo/s0/teste-Blogger-comunidade-postando-imagem.png"/></a></div>
<br/><hr/><p><span style='size:1.17em'>A</span>inda com alguns erros no código do blog/site, mas com toda a segurança possível.</p>
<p>Muito trabalho por aqui, para que tudo funcione bem. Novas funcionalidades sendo implementadas, encerrando 2020 com uma ótima expectativa para 2021, é <b>preciso fazer acontecer!</b></p>
<p>O objetivo é atualizar tudo o que for possível. Em cada publicação deverá constar a data da atualização em 2021.</p>
<p>Alguns problemas do Blogger estão sendo contornados no momento, esperamos uma solução definitiva em breve, então farei o meu melhor, dentro das condições, buscando sempre subir mais na escala.</p>
<img border="0" data-original-height="0" data-original-width="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL4AypLCgWKqefLSdyD6CwxtlV8xE986OMauMCqoPKaHpjXCr_bPHaxsmWRWI5IPicWzEfv_N_EH1Ls3Risr4Cbpe5Sblf-FevTQEiBESrsAH-vn1SvK8dUUkniL7luGeuJypillsu42uu/s1600/site-seguro-blogger-dominio-personalizado.jpg" style="display: none;" />
<br />
<div class="foto">
<img border="0" height="252" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHl1sOKZ8-NIFxMqF5guuwf9k17DP78t24caWhHP6-So5zAa9pVhZPn_OKy3tsGC17BQMWB3ZqLOAJEp8GqtsLh8nIW-paS6AUYWf79XOeaobsJWGdDVwEbxejTrR1wWHLXu3oRM-LX3rz/s1600/verbratec+ajuda+blogger.png" width="544" />
</div>
<div class="Verbratectexto">
Este é o local </div>
<h2 style="color: blue; font-size: 18px;">
<a href="javascript:void(0);" id="ryjuaa" rel="nofollow" style="display: block;" title="Mostrar ocultar mapa!">Coloque o seu local no mapa!</a></h2>
<script type="text/javascript">
<!--
$(document).ready(function($,undefined) {
$("#jqryeaa").show(3000,function(){
});
$("#ryjuaa").click(function () {
$("#jqryeaa").toggle(3000,function(){});
$("#suaa").hide(3000,function(){});
$("#suaa").show(3000,function(){});
});
});
-->
</script>
<br />
<div id="jqryeaa" style="display: block;">
<br />
<div style="border: 2px outset rgb(0, 100, 0);">
<div class="jair" style="border-left: 2px;">
Obrigado pela visita!</div>
<br />
<iframe frameborder="0" height="454" marginheight="0" marginwidth="0" scrolling="no" src="https://maps.google.com.br/maps?ie=UTF8&cid=2681344148402830931&q=Verbratec+servi%C3%A7os+de+manuten%C3%A7%C3%A3o+de+computadores.&gl=BR&hl=pt-BR&t=h&z=16&iwloc=A&output=embed" width="100%"></iframe><br />
<small><a href="https://maps.google.com.br/maps?ie=UTF8&cid=2681344148402830931&q=Verbratec+servi%C3%A7os+de+manuten%C3%A7%C3%A3o+de+computadores.&gl=BR&hl=pt-BR&t=h&z=16&iwloc=A&source=embed" style="color: blue; text-align: left;">Exibir mapa ampliado</a></small>
</div>
</div>
<hr />
<div class="Verbratectexto">
</div>
<div class="branco">
Novidades aqui são inseridas desta forma; com cores diferentes e data para que o internauta tenha conhecimento de quanto atualizado está o material do site. <br />
[success title="Atualizando!" icon="check-circle"]
Estamos tendo sucesso com o novo script construtor.<br />
Toda atualização constará desta forma: revisado em 12 de julho de 2021.<br/>
Obtenha seu template por R$50,00 em português do Brasil, com painel fácil de entender e controlar suas inúmeras funções.
[/success]<br/>
Veja o template funcionando <a href='https://testartemplatecodigo.blogspot.com/' rel='nofollow'>Blogando com VBT</a>.
Imagem ilustrativa do painel de controle administravo de widgets Blogger e funções de um template.<br/>
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8KJHqrFSjHKhqlpfvw5mF8hv1tkZh3LPpDFUUx9YsuK65-X5tlcELPjjUycqB6mEj_sxU18Wkf35Bs887PuZ_VgfTNdLa-DuC_ktgZH9xcmFyqtgMce8DjgYKyv6fsmd_K57bH70JHPvP/s0/painel+administrativo+Blogger+Verbratec.png" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" data-original-height="470" data-original-width="711" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8KJHqrFSjHKhqlpfvw5mF8hv1tkZh3LPpDFUUx9YsuK65-X5tlcELPjjUycqB6mEj_sxU18Wkf35Bs887PuZ_VgfTNdLa-DuC_ktgZH9xcmFyqtgMce8DjgYKyv6fsmd_K57bH70JHPvP/s0/painel+administrativo+Blogger+Verbratec.png"/></a></div>
<br/>
O Blogger muda tudo muito rápido e isso é bom, mas muitos tutoriais deverão ser reeditados já que ficam obsoletos. Qualquer dúvida entre em contacto e terei o maior prazer em ajudar!<br />
É uma nova web e estamos usando os recursos possibilitando melhores condições para o usuário! <br />
<br />
<div style="text-align: right;">
Editado 04-10-2020</div>
</div>
<hr />
<a href="https://support.google.com/blogger/?page=start.cs" rel="nofollow" target="_blank">Central de Ajuda</a><br />
ipconfig/flushdns comando cmd Windows limpar DNS<br />
<hr />
Para ver os videos visite o canal <a href="https://www.youtube.com/user/verbratec/videos" rel="nofollow" title="Acede o canal Verbratec no YouTube.">Verbratec no YouTube</a> por favor! Obrigado por sua visita!
<br />
<hr />
<br />
[info title="Informação política Google de armazenamento." icon="info-circle"]
Agende para não deixar seus serviços inativos. O Glogle só precisa ver sua atuação em: https://drive.google.com/drive/ até 20/jun/2021. Movimente seu Gmail e Google Photos. Não exceda o espaço de armazenamento.
[/info]
<br />
<hr />
<div id="bpslidein_place_holder">
</div>
https://alamcorretor.blogspot.com/<div class="blogger-post-footer"><a herf=" https://www.verbratec.com.br/" target="_blank"> Verbratec - Jair de Jesus</a> | Reprodução proibida.</div>Jair de Jesushttp://www.blogger.com/profile/03590002350038063650noreply@blogger.comtag:blogger.com,1999:blog-5239447796149211682.post-54076220365536792722021-06-26T10:18:00.043-03:002021-08-20T01:55:01.692-03:00Trabalho com imagem espetacular.
<br/><hr/>Eu encontrei um trabalho <b>'show'</b>, muito bonito, uma ideia incrível no meu entender. Não resisti e fui para a reprodução.<br/>
Quem quer dar 'trabalho' ao homem dos códigos faz esse tipo de coisa. <br/>
Quem quer pegar a imagem, simplesmente recorta a tela. O download da imagem é que é o segredo da coisa, kkkk.<br/>
No fim das contas só dá trabalho mesmo, para o homem que codifica.<br/> Mas que ficou bonito o trabalho, ah ficou!<br/>
Se discorda ou concorda diz ali nos comentários.
<img alt="Imagem meramente ilustrativa para melhor funcionamento do programa." height="auto" width="96%" src="https://2.bp.blogspot.com/-vyuT3XP3Ukw/WtOmYEm4FSI/AAAAAAAAO1I/QXSkwSKi17ccDcDsJ1aoAdqmjAiGQNT3QCLcBGAs/s640/Biaya%2BMengikuti%2BKursus%2BMake%2BUp.jpg" style="display: none;" title="Imagem meramente ilustrativa para melhor funcionamento do programa." width="640">
<style>
#caixax {width:85%;
padding-left: 20%;
}
.main-banner .banner-image img {
position: absolute;
}
.banner-image {
position: relative;
}
.elementor img {
height: auto;
max-width: 100%;
border: none;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.main-banner .banner-image img{border:none}
.main-banner .banner-image img:nth-child(1) {
z-index: 3;
top: -129px;
left: -79px;
}
.main-banner .banner-image img:nth-child(2) {
right: 145px;
top: -247px;
}
.main-banner .banner-image img:nth-child(3) {
left: 25px;
top: -20px;
}
.main-banner .banner-image img:nth-child(4) {
right: 12%;
top: 118px;
z-index: 1;
}
.main-banner .banner-image img:nth-child(5) {
left: 28%;
top: -120px;
z-index: 2;
}
.main-banner .banner-image img:nth-child(6) {
right: 34%;
z-index: 1;
top: -165px;
}
.main-banner .banner-image img:nth-child(7) {
right: 20px;
top: -110px;
}
.main-banner .banner-image img:nth-child(8) {
right: 25px;
top: -140px;
}
.main-banner .banner-image img:nth-child(9) {
right: 17%;
z-index: 1;
top: -52px;
}
.main-banner .banner-image img:nth-child(10) {
left: 38%;
top: -40px;
z-index: 1;
}
.main-banner .banner-image img:nth-child(11) {
left: 67%;
top: -20px;
z-index: 1;
}
.main-banner .banner-image img:nth-child(12) {
left: 90px;
top: -110px;
}
.main-banner .banner-image img:nth-child(13) {
left: 60%;
top: -25px;
z-index: 2;
}
</style>
<div style='min-height:250px; width:100%'></div>
<div id='caixax'>
<div class='main-banner'>
<div class="banner-image">
<img class="smartify wow fadeInDown" sm-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVAzmbE-vVc8hBTkqefPoC7WufVOyZm_Rt554cDPjyaz1QI7k0wVg8gmGQiC3u6Ar5-zfEK4P1l3ED1sUJvDudl3xv3vX2M2TVK5fWsD1TwZol3gxMopTQWe07ddcb-yAtBH2xkyADq8Ma/s0/programador.png" data-wow-delay="0.6s" alt="homem" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVAzmbE-vVc8hBTkqefPoC7WufVOyZm_Rt554cDPjyaz1QI7k0wVg8gmGQiC3u6Ar5-zfEK4P1l3ED1sUJvDudl3xv3vX2M2TVK5fWsD1TwZol3gxMopTQWe07ddcb-yAtBH2xkyADq8Ma/s0/programador.png" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInDown;">
<img class="smartify wow fadeInUp" sm-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC2OKI-5mmwU2j2pIB1gzieR-vYr-_3iFdEph1OzJoap7XtC7sksH-Nw6NoD3rAWhpXIV093PWtf8SDbCrl_E6zuAVSU3YHXqYEO4S_MoRua7_va-q-PW87xmfKUVfqgviGTFDn7zdtXCn/s0/tag.png" data-wow-delay="0.6s" alt="código" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC2OKI-5mmwU2j2pIB1gzieR-vYr-_3iFdEph1OzJoap7XtC7sksH-Nw6NoD3rAWhpXIV093PWtf8SDbCrl_E6zuAVSU3YHXqYEO4S_MoRua7_va-q-PW87xmfKUVfqgviGTFDn7zdtXCn/s0/tag.png" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
<img class="smartify wow fadeInLeft" sm-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_-BT26YvzxRK3wKbv_p3qWkxRohHxUv7fAE-R7vNNZWB8fq-j5KGcVTc_MgPlJBNunWO-6Edvbb8C_hYuOtjPPkFoSV-PXlztc8mE7xNHWZuaRnRrriElWnDto2d-x7gP8MtxcDyQ7HNV/s0/tapete.png" data-wow-delay="0.6s" alt="tapete" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_-BT26YvzxRK3wKbv_p3qWkxRohHxUv7fAE-R7vNNZWB8fq-j5KGcVTc_MgPlJBNunWO-6Edvbb8C_hYuOtjPPkFoSV-PXlztc8mE7xNHWZuaRnRrriElWnDto2d-x7gP8MtxcDyQ7HNV/s0/tapete.png" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInLeft;">
<img class="smartify wow zoomIn" sm-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNCvWbeWf2evukiazYuPMzum-h26JmIQ1IlNJzt3-xB5RS4nDDnFduO4xYpUAkWRD_5YM7IKqJpnvd21I2YieSMsNTS9osnABikvE2JbYA_QObDKoi5uz-hGh-AZaAMdck42F4SMaR3HAZ/s0/lixeira.png" data-wow-delay="0.6s" alt="bin" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNCvWbeWf2evukiazYuPMzum-h26JmIQ1IlNJzt3-xB5RS4nDDnFduO4xYpUAkWRD_5YM7IKqJpnvd21I2YieSMsNTS9osnABikvE2JbYA_QObDKoi5uz-hGh-AZaAMdck42F4SMaR3HAZ/s0/lixeira.png" style="visibility: visible; animation-delay: 0.6s; animation-name: zoomIn;">
<img class="smartify wow bounceIn" sm-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEyXAPzXifLBTYe7TP22Ph-s9wrpCYG1tIJrqbEEickKY66RuKMCmYWYTucIUp4MvnqdNulBU5K82foHlUyovvD29s0bAVDaKME3sjyiH-dE8jsdFdufaKiY_q7vGc-yGIBw7GrFiSygbI/s0/livros.png" data-wow-delay="0.6s" alt="livro" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEyXAPzXifLBTYe7TP22Ph-s9wrpCYG1tIJrqbEEickKY66RuKMCmYWYTucIUp4MvnqdNulBU5K82foHlUyovvD29s0bAVDaKME3sjyiH-dE8jsdFdufaKiY_q7vGc-yGIBw7GrFiSygbI/s0/livros.png" style="visibility: visible; animation-delay: 0.6s; animation-name: bounceIn;">
<img class="smartify wow fadeInDown" sm-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp_bvmkUglyJYW_IRpKNVttNvNITJYbZUJLz_sbgmob9F0jDb4n04YD64q4L8Ejd4wZybtbKcxuHUQd-hAKyethZR2Y_Ye0JH2N8AbVs0SOm0OthGtahjhqgBN7VuTAq-E50Bn9C_31xiY/s0/monitor.png" data-wow-delay="0.6s" alt="dekstop" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp_bvmkUglyJYW_IRpKNVttNvNITJYbZUJLz_sbgmob9F0jDb4n04YD64q4L8Ejd4wZybtbKcxuHUQd-hAKyethZR2Y_Ye0JH2N8AbVs0SOm0OthGtahjhqgBN7VuTAq-E50Bn9C_31xiY/s0/monitor.png" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInDown;">
<img class="smartify wow zoomIn" sm-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHv1aM9EcTow8uQNsR6G6aXqD_Nh5BmbmWe-Y86tfTMrMHBGzY0L3YwY2WLg2g22HHhZhRL6Njnfa57Um1vGUlKplwvVSOGzlkMjolcGNniJdIFXSVUT3PTlKd3C3-AFwBTXRNtHlyrctj/s0/pontos.png" data-wow-delay="0.6s" alt="ponto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHv1aM9EcTow8uQNsR6G6aXqD_Nh5BmbmWe-Y86tfTMrMHBGzY0L3YwY2WLg2g22HHhZhRL6Njnfa57Um1vGUlKplwvVSOGzlkMjolcGNniJdIFXSVUT3PTlKd3C3-AFwBTXRNtHlyrctj/s0/pontos.png" style="visibility: visible; animation-delay: 0.6s; animation-name: zoomIn;">
<img class="smartify wow fadeInUp" sm-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOEK7OhRa3js_3iXhBXUKk7UbkdjsljhDQv10dDdjttT8ruDr5gDLUyp5w3JbXjf1BcUwTFLZG645JEseOy74Sa4DIkHONDsxT95c_WboFn0qxspEJU2Xk6IcDr7n2GwANyromPpX79PnG/s0/planta.png" data-wow-delay="0.6s" alt="flor no topo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOEK7OhRa3js_3iXhBXUKk7UbkdjsljhDQv10dDdjttT8ruDr5gDLUyp5w3JbXjf1BcUwTFLZG645JEseOy74Sa4DIkHONDsxT95c_WboFn0qxspEJU2Xk6IcDr7n2GwANyromPpX79PnG/s0/planta.png" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
<img class="smartify wow rotateIn" sm-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWiuHoqt5YZWFM27PzXT0_FPKVJuK8Qd-Ogi8tv7VXQWVgVNVAKSeCZVnFHJhZQi_kYTc4ItRUzuGfr-MQa4qy0QBXdxz92aaWKtVLVFCFhHtSXUr_asmhz_NL7GnSOe8Hghub8Moo7s3E/s0/plantinha.png" data-wow-delay="0.6s" alt="flor-topo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWiuHoqt5YZWFM27PzXT0_FPKVJuK8Qd-Ogi8tv7VXQWVgVNVAKSeCZVnFHJhZQi_kYTc4ItRUzuGfr-MQa4qy0QBXdxz92aaWKtVLVFCFhHtSXUr_asmhz_NL7GnSOe8Hghub8Moo7s3E/s0/plantinha.png" style="visibility: visible; animation-delay: 0.6s; animation-name: rotateIn;">
<img class="smartify wow fadeInUp" sm-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjirGlfgJHcYNW8vnLkBu8huca0B_9ExxcL-Bftqdm7M2Yq8xiM7E4MOp3E8mEjmlOKB7I5he6HARymW1Hc51OE8AT9SuxmKiN2cKrZIgezgWV24NZ6NOY1Ysb6YBcx3dooXm8OhjOqmRws/s0/teclado.png" data-wow-delay="0.6s" alt="teclado" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjirGlfgJHcYNW8vnLkBu8huca0B_9ExxcL-Bftqdm7M2Yq8xiM7E4MOp3E8mEjmlOKB7I5he6HARymW1Hc51OE8AT9SuxmKiN2cKrZIgezgWV24NZ6NOY1Ysb6YBcx3dooXm8OhjOqmRws/s0/teclado.png" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
<img class="smartify wow zoomIn" sm-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZBES6wCjS1v-EVq_DdGS98V7XjV9XL5WpD2Mzf6Yq41Gmy-KE_xacMnKow6mLciKT6yXwmrm2QJhuLbHBCyIyqraYdIEt6kXamVblELMH1SxbnHWyrd2OIQEhHJKfwd56gvhDtEOTvT5N/s0/porta-canetas.png" data-wow-delay="0.6s" alt="caneta" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZBES6wCjS1v-EVq_DdGS98V7XjV9XL5WpD2Mzf6Yq41Gmy-KE_xacMnKow6mLciKT6yXwmrm2QJhuLbHBCyIyqraYdIEt6kXamVblELMH1SxbnHWyrd2OIQEhHJKfwd56gvhDtEOTvT5N/s0/porta-canetas.png" style="visibility: visible; animation-delay: 0.6s; animation-name: zoomIn;">
<img class="smartify wow zoomIn" sm-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhg3mznZb8Bp_pUyDjAyIW5vpIky-mnIGyBHkhvsi_cUF5lopUfz8Zvs6kA6ekjc94-AovbKvXgGJetfQtiZMLxCMD3tCDfiva7waAZL_PNqvbkztJrN-c_OwKp2GNaygDOR_kMopi8ShD/s0/mesa.png" data-wow-delay="0.6s" alt="tabela" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhg3mznZb8Bp_pUyDjAyIW5vpIky-mnIGyBHkhvsi_cUF5lopUfz8Zvs6kA6ekjc94-AovbKvXgGJetfQtiZMLxCMD3tCDfiva7waAZL_PNqvbkztJrN-c_OwKp2GNaygDOR_kMopi8ShD/s0/mesa.png" style="visibility: visible; animation-delay: 0.6s; animation-name: zoomIn;">
<img class="smartify wow fadeInLeft" sm-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHB-OKXoxODmGUqhXEiV2kGSgbvuEHMDh3w8DkoPhTl24LGbYiZUG1Vej4kNHJKisWOEKz4-hq75SzPqU8f-xbAx-L87p2KpR6YbVTYgoO6GlMXAFJhbEdWrmsw9Ay6ekWjH12PKA9J6RM/s0/cafe%25CC%2581.png" data-wow-delay="0.6s" alt="xícara de chá" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHB-OKXoxODmGUqhXEiV2kGSgbvuEHMDh3w8DkoPhTl24LGbYiZUG1Vej4kNHJKisWOEKz4-hq75SzPqU8f-xbAx-L87p2KpR6YbVTYgoO6GlMXAFJhbEdWrmsw9Ay6ekWjH12PKA9J6RM/s0/cafe%25CC%2581.png" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInLeft;">
</div></div>
</div>
<div style='min-height:350px; width:100%'></div>
<br/>
<hr />
<a href='#' name='bookmarklets'></a>
<br/>
<h3> Bookmarklet extrator js</h3>
Para mim é um trecho de código que inicia com o protocolo <b>javascript:</b> mas isso não é um bom conceito, kkkk!<br/>
É gratuíto, uma grande vantagem.<br/>
Conhecido também por <b>Favlets</b> adicionam funções ao navegador.<br/>
Gostei de poder extrair o javascript de uma página de forma mais fácil.<br/>
Tudo o que precisa fazer é arrastar o link até a sua barra de favoritos.<br/>
Em qualquer blog/site que você estiver visitando, click no <b>Bookmarklet</b> e veja tudo que existe de javascript, abrirá em nova aba pra facitar as coisas.<br/>
Tudo muito simples e fácil para o bom uso.<br/>
<br/>
<style>
#favvbt::before{color:lime;content:'\f061'} #favvbt::after{content:' Arraste-me para a barra de favoritos.'}</style>
<div>
<b style="text-align: left;">
<span style="background-color: #004400; border-radius: 5px; border-style: dashed; color: #009900; font-size: large; padding: 1%;">
<a id='favvbt' href="javascript:(function(){s=document.getElementsByTagName('SCRIPT');tx = '';sr = [];for(i=0;i<s.length;i++){with(s.item(i)) { t = text;if (t) {tx += t;} else { sr.push(src)};}}; with(window.open()) {document.write('<textarea style="background-color:#e8faf2;width:98%;height:95%"; id="t">' + (sr.join("\n")) + "\n\n-----\n\n" + tx + '</textarea><script src="https://jsbeautifier.org/beautify.js"></script><script>with(document.getElementById("t")){value=js_beautify(value);with(style){width="99%";height="99%";borderStyle="none";}};</script>'); document.close(); } })();" style="color: white;" target="_blank"> Verbratec (JS Extractor)</a></span></b>
</div>
<br/>
<hr/>
<br/>
Também deve ser usado em modelos Blogger, uma vez que do <b>includable</b> escrito uma única vez, se pode e deve usar <b>include</b> em todos os artigos, como nesse exemplo de link para compartilhar no <a class="bookmarklets" href="javascript:var%20d=document,f='https://www.facebook.com//share',l=d.location,e=encodeURIComponent,p='.php?src=bm&v=4&i=1250537391&u='+e(l.href)+'&t='+e(d.title);1;try%7Bif%20(!/%5E(.*.)?facebook.%5B%5E.%5D*%24/.test(l.host))throw(0);share_internal_bookmarklet(p)%7Dcatch(z)%20%7Ba=function()%20%7Bif%20(!window.open(f+'r'+p,'sharer','toolbar=0,status=0,resizable=1,width=626,height=436'))l.href=f+p%7D;if%20(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%7Ba()%7D%7Dvoid(0)"><strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Facebook</font></font></strong></a>. Uma facilidade incrível!
<br/>
<br/>
<div class="inlinestyle frame-shrt-youtube">
<iframe src="https://www.youtube.com/embed/XW9qks404Fs?rel=0&controls=1&showinfo=1" allowfullscreen="" width="100%" height="400" frameborder="0"></iframe>
</div>
<br/>
<br/>
Aproveite e compartilhe para que seus amigos possam também fazer um bom uso da internet.<br/>
Um abraço e até a próxima.<br/>
<div class="blogger-post-footer"><a herf=" https://www.verbratec.com.br/" target="_blank"> Verbratec - Jair de Jesus</a> | Reprodução proibida.</div>Jair de Jesushttp://www.blogger.com/profile/03590002350038063650noreply@blogger.com1tag:blogger.com,1999:blog-5239447796149211682.post-63203165380687720552021-06-14T11:26:00.014-03:002021-06-18T10:01:30.997-03:00Desenvolver modelo Blogger.<div>Criar um modelo é algo admirável, pois é preciso ir muito além do gosto do cliente. Tem que atender os navegadores mais usados, os diferentes tipos de tela e tantos outros detalhes. Hoje mostro aqui um pedacinho do empenho de Justin Avery, nesse trabalho. Uma criação incrível, de uma ferramenta que é muito útil para qualquer pessoa que trabalhe com sites, seja webmaster, webdesigner, pra trabalhar o front-end precisa disso:<br/>
<div class="separator" style="clear: both;"><img alt="" border="0" height="auto" width="100%" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaUnrbSJSGRkSgYU2dnyzs7VxYotnATg5eQiCRCL6W6P0lUA-5e9tyMLjHe9JdIlNt0_7Qn7TDutQex0x1a-CYYLiOXdc5a3Hpc_58ch7bMsE4bOnq1tU8S0U770RYcP2HFb7p75Rvo67u/s0/template+verbratec+responsivo.png"/></div>
<br/>
O experimento vai muito além da primeira imagem, se pode pegar e arrastar os dispositivos simuladores e ainda navegar em cada um deles, descobrindo o que precisa ser ajustado, em cada tipo de tela.
<br/>
<iframe style='width: 100%; min-height: 700px;' id='ferramenta-sora' src='https://vbt-tema.blogspot.com/'></iframe>
<p style='color:lime;background-color: #000;position: relative; margin-top: -50px; float: left;'> Verbratec na tela! </p>
</div>
<br/>
Digite o url do seu blog/site Blogger no campo acima, use<b> https</b> e <b>barra no final</b> e click em renderize, veja se está tudo certo.<br/>
Ainda tenho muito para aprender.<br/>
[success title="Configuração básica." icon="check-circle"]
Funcionalidades podem ser adicionadas e removidas.<br/>
Obrigado por sua visita! atualizado em 18/06/2021
[/success]
Se você pode usar em seu site? Criar base de um 'plug-in'? Pergunte ao Justin.<br/>
<div class="separator" style="clear: both;">
<img title="Justin responde sobre o uso do código de Eu sou responsivo." alt="Justin responde sobre o uso do código de Eu sou responsivo." border="0" height="auto" width="98%" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAFvB1S4f_-wdOK8-IWNGrOMfVFFQNMPFeJd_GnkqFcM_OMFT9u-Bcd5BWp6Ka849OldiH2UHLfnc6Nwpa52YnCru4jetCE7eoGPXEsPCFAxRN-a3JEbAtFF0M4R6u61Zn0tZfVvD5rktt/s0/verbratec+captura+de+tela+site+responsivo.png"/></div>
Um abraço e até a próxima!<br/>
[full-post]
<br/>
<div class="blogger-post-footer"><a herf=" https://www.verbratec.com.br/" target="_blank"> Verbratec - Jair de Jesus</a> | Reprodução proibida.</div>Jair de Jesushttp://www.blogger.com/profile/03590002350038063650noreply@blogger.com0tag:blogger.com,1999:blog-5239447796149211682.post-24972447382311175232021-06-06T08:40:00.009-03:002021-06-09T06:05:47.578-03:00Desenvolver com Blogger<h2>Serviços para blog/sites Blogger.</h2>
<br/>
Tudo pode começar pela instalação de um modelo(template) o que é para muitos uma grande dificuldade, devido aos detalhes que envolvem a missão.<br/> Noutros casos, basta copiar e colar, salvou e foi feliz!<br/>
Em muitos casos o usuário apenas usa o padrão do Blogger, mas quem quer ter algo diferente, precisa ou estudar muito e explorar cada detalhe da plataforma Blogger, ou contratar o serviço.<br/>
Para os templates mais sofisticados existem alguns detalhes que são necessários e precisam estar no modo de compatibilidade para que funcionem. Aproveitando essa leitura, se pode resolver eventual "problema" no caminho das pedras.<br/>
Para um template como este que estou usando no momento, as configurações Blogger precisam estar assim:<br/>
0 - Realize antes num "blog de testes", sempre tenha uma cópia salva de seus trabalhos.<br/>
1 - A maioria das funções dependem de dados existentes, faça ao menos 15 artigos.<br/>
2 - Adicione ao menos 15 frases e uma imagem em cada artigo, aplicando também marcadores.<br/>
3 - No feed do site em 'Permitir feed do blog' marque versão completa. <br/>
4 - Tem detalhes que precisam ser pensados antes da compra do template, não fique na imaginação, tenha certeza das possibilidades, antes da compra. Analogia é comprar um prédio de 2 andares e querer construir mais um andar no meio, isso é impossível, resta fazer sobre, lá no alto e se a estrutura permitir mais peso, do contrário tudo desmorona.
<br/>Da mesma forma pode ocorrer algo similar nos templates complexos, até por já possuirem todas as funções necessárias, pensadas no bom desempenho.<br/>
5 - Configurações - Permissões - Acesso ao leitor, Blogger precisa ser <b>público</b> para que as funções possam acessar os dados também via feed.<br/>
6 - São muitas funções disponíveis, não queira usar tudo simultâneamente e lembre-se de que muitas delas podem ser <b>ativas e desativadas</b>, antes do desespero confira se está tudo ativado e configurado corretamente.<br/>
<hr>
<br/><div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht9ZdcnwRjHgBEq5C8kaTMKaeRz8IObkDgl3vnR4x-oEnvDxcyoZM8WxY4GL3rb9ctPRWCXik257k1Qgd9CwRmFdGS02-S4mCtiFNRt8KlALzhxR1pFZOtdVVUTOR1dfQIlBZiurJjySSP/s0/SELF-CHECKOUT-PERTO.jpeg" style="display: block; padding: 1em 0; text-align: center; "><img alt="Agradecimento à tecnologia aplicada pela Perto Digicon." border="0" data-original-height="350" data-original-width="379" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht9ZdcnwRjHgBEq5C8kaTMKaeRz8IObkDgl3vnR4x-oEnvDxcyoZM8WxY4GL3rb9ctPRWCXik257k1Qgd9CwRmFdGS02-S4mCtiFNRt8KlALzhxR1pFZOtdVVUTOR1dfQIlBZiurJjySSP/s0/SELF-CHECKOUT-PERTO.jpeg"/></a>
Conheça a <a href='https://www.facebook.com/pertotecnologia/' target='_Blank' title='Conhecer a página Perto no Facebook!'>Perto no seu Facebook</a>
</div>
<br>
Agora vou listar algumas funções, que fazem parte da maioria dos templates sofisticados e atualizados. Não esquece de consultar e guardar a <b>documentação</b> para futuras consultas. <br/>
01 - Responsivo, significa que a função organiza os widgets, adequando-os ao tamanho da tela em que o blog/site será renderizado, smartphone, notbook, televisão etc.<br/>
02 - Layout é a função que lhe permite escolher entre coluna na esquerda, coluna na direita e sem coluna, algo muito útil em alguns artigos, geralmente é ativada individualmente em cada artigo.<br/>
<img title='Configurações de layout neste template Verbratec no Blogger.' alt="Configurações de layout do template no Blogger." border="0" data-original-height="302" data-original-width="571" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihlJlZnRU93j6uZOazsjyCzuqZbLwGpTWBhipkWOGLaf5qRJVwzQCeRsLPyrvKG8ZA82IJQDTfgTjz-HUul9OEq4QZnTryViBtUd1iD8cWnK_f3NIclxdBGrSXxfllpHfiBz_bUwyRrtU9/s0/tipos+de+renderizac%25CC%25A7a%25CC%2583o+do+template.png" /><br/>
03 - Menu, precisa atender o conjunto da obra, sendo fácil de operar, fácil de inserir dados e que aceite links de todos os tipos, preferencialmente com campo de pesquisa.<br/>
04 - Pesquisa ajax, é fundamental, exceto para quem vai ter poucas páginas.<br/>
05 - Redes socias, função que facilite o compartilhamento do seu material, acesso ao canal YouTube, Instagram e etc.
<br/>
06 - Sistemas de comentários, função que facilita ativar comentários do Facebook, Disqus e que mantem Blogger, atendendo todos os gostos.<br/>
07 - Função parar menu no topo, caminha junto a de emparelhamento coluna lateral e conteúdo principal, geralmente no mesmo plugin(Theia Sticky Sidebar) um dos mais usados.<br/>
08 - Função de paginador na homepage.<br/>
09 - Função "news ticker" é algo interessante ter algum movimento.<br/>
10 - Widget de todos os tipos, inclusive com slider.<br/>
11 - Que exagero, na verdade só precisa escrever, não quebre a cabeça com tudo isso!
<br/>
<hr/>
<br/>
Sempre usando a lógica, se um template custa 50 dólares, como pode-se fazer download gratuitamente?<br/>
A dica principal é use a lógica, ninguém trabalha de graça, logo algo está embarcado nesse template 'gratuito', ou pode ser uma versão "free" a qual não possui todas as funções. Muito se fala de vírus, mas não é bem isso, já vi várias coisas diferentes, desde um simples link que por sinal fica oculto aos olhos do usuário, a preocupação dos meninos é não mostrar no rodapé, mas para a pesquisa o que importa é estar no código do blog/site, mesmo na posição fora da tela, gera autoridade, isso é algo bom para o desenvolvedor do template, pois assim está aumentando a relevância de seu site nos buscadores.<br/>
Outro detalhe é o redirecionamento de um visitante por dia, para uma propaganda, anúncio vinculado à conta do desenvolvedor do template, demora até o usuário desautorizado, perceber que está pagando o uso do template.<br/>
Por último a forma toda certa, versão "free" para baixar e usar, versão "preview" permite conhecer por fora o template, sem acessar o código principal que é a versão "premium", essa enviada por e-mail após o pagamento.<br/>
<br/>
<div class="separator" style="clear: both;">
<img title="Exemplo de código para versões diferentes de um mesmo template; free, preview e premium." alt="Exemplo de código para versões diferentes de um mesmo template; free, preview e premium." border="0" width="90%" height="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgG-t0DYCnAt6gwF6d_lWzxUayIAe1YxIp1Rf8WV9Mo-o78QKLj-om1lTx7Ib5-14uRkYvW_CoxfwVh_w22cgEhqU_pILVzps647rx736qaChxHDc1r2NGXmk_-y-52EHJq3jpAZOWumUY_/s1200/tre%25CC%2582s+verso%25CC%2583es+de+um+template.png"/></div>
<br/>
Não faço ideia de quem foi o primeiro no uso dessa ideia, mas creio que seja uma ótima ideia para o negócio dos templates, principalmente para os desenvolvedores, mas também uma boa ideia para os usuários.<br/>
Eu uso um mesmo template por muitos anos, mas entendo que muitas pessoas gostam de experimentos e trocam o template seguidamente, como algo prazeroso.<br/>
É interessante que grande parte dos usuários se desviam do foco principal, tomados pela beleza das combinações de cores e imagens, esquecendo das funcionalidades. Há certamentamente grandes trabalhos de muitos "designers" e soma-se o fato de o Jair ser péssimo na escolha de cores. Simplesmente não consigo fazer bonito e continuo focado na parte interna, códigos me fascinam.<br/>
Veja como exemplo algumas entradas de dados Blogger na imagem que segue.<br/>
<div class="separator" style="clear: both;">
<img alt="Foto de códigos de entrada Blogger b class e attr." title=' Códigos de entrada Blogger b class e attr.' border="0" data-original-height="auto" width="90%" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuwYDqXbWnyOEGQmZSv2KBaW_L-DDb7d2wG9t9nYCPamQqJV_ByBxuY3_KXSNiogBLEqQy7O11jp7WNBvk4cYBHM9OJpv5j3OtBsHejkLkzfJkIoGdwGVzN_3wMlvCeRQ6cMiB6mm7K8Ci/s0/entrada+xml+b+class+attr+comment+Blogger+Verbratec.png"/></div>
<br/>
E suas respectivas saídas.<br/>
<div class="separator" style="clear: both;">
<img alt="Foto de códigos de saída Blogger b class e attr." title='Códigos de saída Blogger b class e attr.' border="0" height="auto" width="90%" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW7LMYMcBfWqM3G4errBxblw9nLWngoz03MYJqULWRYDeffOnqqWz__1kJT2pBK8Mvn21X2-Ta7GYYMxo3i1AvpFpkUClD4HuKAsPGx49JX1cW__88_HaIK_nLAWQPn1zXcp9mI3F8kTtl/s0/sai%25CC%2581da+b+class+attr+comment+Blogger+Verbratec.png"/></div>
Note que é impossível para alguém de fora, saber se a div teve seu id e sua classe ou quaisquer outros parâmetros criados diretamente ou por outras funções. Por isso muitas vezes é impossível ajudar, sem ter acesso ao código fonte, o qual o Blogger concede apenas aos administradores do blog. <br/>
<br/>
Tendo alguma dificuldade, ou dúvida, entre em contato, será um prazer lhe ser útil.<br/>
Não tendo dúvida, nem curiosidade, comente, só pra eu ficar sabendo que alguém leu por aqui.<br/>
Um abraço e o ensejo de uma boa navegação!<br/>
<div class="blogger-post-footer"><a herf=" https://www.verbratec.com.br/" target="_blank"> Verbratec - Jair de Jesus</a> | Reprodução proibida.</div>Jair de Jesushttp://www.blogger.com/profile/03590002350038063650noreply@blogger.com2tag:blogger.com,1999:blog-5239447796149211682.post-21752522450690367082021-05-27T15:15:00.117-03:002021-06-10T13:58:17.573-03:00O linkList padrão Blogger e mais o segredo.Observação: este código é simples o bastante, para estudar o funcionamento da dinâmica de pegar dados inseridos pelo gadget linkList padrão do Blogger e manipular para exibir nesse caso, num menu suspenso. Isso está obsoleto por não ser responsivo, não se adequa aos diferentes tamanhos de tela. <br />
Adicione o css na head do seu blog. Como é só para estudo recomendo que use um blog de testes. Também recomendo que aproveite sempre a oportunidade para praticar o que já sabe, como por exemplo, fazer uso de tag condicional para que este menu renderize apenas em páginas estáticas, ou só numa postagem específica.<br />
Obs: não esqueça de adicionar a tag <b>CDATA</b>.<br/>
<textarea style="height: 450px; width: 100%;">
<style>
.vbt-contain.container{
max-width:1040px;
margin:0 auto;
}
.LinkList{opacity:0;}
.menulist {
width:100%;
height:48px;
background:#030;
color:#fff;
position:relative;
}
.menulist h2 {display:none}
.menulist .r-nav ul li a:link, .menulist .r-nav ul li a:visited {
color:#fff;
text-decoration:none;
font-size:15px;
}
.menulist .r-nav ul li {
display:inline-block;
position:relative;
margin:0px 20px;
height:48px;
line-height:48px;
}
.menulist .r-nav ul li ul {
position:absolute;
left:-10px;
min-width: 250px;
background:#040;
opacity:0;
z-index:-1;
}
.menulist .r-nav ul li ul li {
display:block;
border-bottom: 1px solid #070;
}
.menulist .r-nav a:hover {
opacity:0.8;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.menulist .r-nav ul li ul li:last-child {
border:none;
}
.menulist .r-nav ul li:hover ul {
opacity:1;
z-index:10;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-name: raintemplates-hang;
animation-name: raintemplates-hang;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.hasdrop svg {
width:13px;
height:13px;
position:relative;
top:3px;
left:8px;
}
.menulist .r-nav ul li:hover svg{
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.search-box svg {
display:none;
}
.r-nav {
position: relative;
width: 100%;
height: 100%;
}
.searchbox form, .searchbox input{
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin-top: auto;
margin-bottom: auto;
}
.searchbox input.sb-search-input.placeholder {
height: 29px;
border: none;
padding-left: 12px;
font-size: 13px;
}
.searchbox .submit {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3pC_bYazCrwfbQ2bIKJTrMkuzyU6HZPZ12rDvTUOrCsEfjYjvRX7A0Xe7-X5-nEcW4gMLnXgBMmG3stzFs3dSxsgHBKYd8m0xWLzmwLvilCSI5wZy6C9E7_Eq9ZSxxo4FiaXzdGcDm5GC/s50/search.png) no-repeat;
border: none;
height: 16px;
width: 16px;
background-size: 100%;
margin-right: 10px;
font-size: 0px;
}
@-webkit-keyframes raintemplates-hang {
0% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
50% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
100% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
}
@keyframes raintemplates-hang {
0% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
50% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
100% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
}
</style>
</textarea>
Insere o script no modelo xml Blogger, próximo ao final do corpo, lá embaixo, bem no final. Isso é o que recomenda o desenvolvedor, faça seus próprios testes, veja onde funciona e onde deixa de funcionar, certifique-se de ter inserido corretamente e salvo todo o código, sem nenhuma deformação.
<br />
Obs: não esqueça de adicionar a tag <b>CDATA</b>.<br/>
<textarea style="height: 450px; width: 100%;">
<script>
// este código requer o uso da biblioteca ajax do google https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js
.
$.extend($.expr[":"], {startsWith:function(a,c,b){return 0===$(a).text().trim().indexOf(b[3])}});
function vbttemplatesmenu(){
$(".LinkList li:not(:startsWith(_))").each(function(){
$(this).next("li:startsWith(_)").length&&$(this).find("a").addClass("hasdrop").append('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 407.4 407.4" width="512" height="512"><polygon points="386.3 91.6 203.7 273.5 21.2 91.6 0 112.8 203.7 315.9 407.4 112.8 " fill="#888"/></svg>');
$("<ul/>",{html:$(this).nextUntil(".LinkList li:not(:startsWith(_))"),appendTo:this})})}
$(".LinkList").each(function(){
var a=$(this).find("h2");
if(a.is(':contains("Verbratectemplates")'))vbttemplatesmenu(),$(this).attr("id","listmenu1"),$(this).attr("class","menulist"),$(this).attr("data-version","vbttemplates-linklist"),$(this).find(".widget-item-control").remove(),$(this).find(".widget-content").attr("class","r-nav"),$(this).find(".clear").remove(),a.html('\x3c!--Widget de verbratec.com.br--\x3e<a href="//verbratec.com.br/">Verbratec Templates</a>'),$(".container").length?$(this).wrapInner('<div class="container"></div>'):$(idlist).wrapInner('<div class="vbt-contain container"></div>'),$(".r-nav ul li ul li a").each(function()
{$(this).text($(this).text().replace(/[_]/,""))}
),$(".r-nav").append('<div class="searchbox"><a href="javascript:void(0)" class="search-box"><svg fill="#dddddd" viewBox="0 0 57.93 58.68" xmlns="http://www.w3.org/2000/svg"><path class="cls-1" d="M1,57.68a3.4,3.4,0,0,1,0-4.81L14.37,39.5l-.3-.39A24.39,24.39,0,1,1,33.53,48.8a24.2,24.2,0,0,1-13.86-4.33l-.39-.27L5.81,57.68a3.4,3.4,0,0,1-4.81,0ZM15.93,24.4A17.6,17.6,0,1,0,33.53,6.8,17.62,17.62,0,0,0,15.93,24.4Z"></path></svg></a><form accept-charset="utf-8" action="/search" class="navbar-form" method="get"><input class="sb-search-input placeholder" name="q" placeholder="'+searchtxt+'" type="text" value=""><input value="Search" class="submit" type="submit"/></form></div>');
else return!1; $(this).css({opacity:"1"})});
</script>
</textarea>
A orígem do código: http://raintemplates.com/2017/10/09/using-linklist-widget-to-create-the-awesome-dropdown-navigation-menu-for-your-blogger-blog/ vale sempre citar alguém que lhe é útil.<br />
Demostrado ao vivo neste link: <a href="https://construtorjavascript.blogspot.com/" rel="nofollow" target="_blank" title="Ver menu funcionando no construtor.">https=//construtorjavascript.blogspot.com/</a>
A imagem que segue dá uma idéia de como editar o gadget, que deve ser inserido de forma normal pelo <b>layout</b> do seu painel admin Blogger.
<br />
<img alt="Imagem do gadget linkList padrão do Blogger no painel de layout." height="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqyM3Ixxuxof_HsMQCkBMgGmwDGRbswhqeVEDAooX556ZGt5UNho413Fqoz3u7eQd_U4nKBvVQtiv02j6CcdDTn1Aix_RBDoh_nwW5tIu1D50pmpiVtP1TB6b4faFciNJPBTQKjqS_R1xT/w711-h450-rw-no/" title="Imagem do gadget linkList padrão do Blogger no painel de layout." width="90%" />
<br />
Uma imagem da <b>section</b> com o widget e o já conhecido código padrão do Blogger.
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEiy6sZwzpctAh_6Y0g0pTqrB_i7HVJmNVpjgSdp05ZALVHZsSonWdDXxH33B_33S2-JW60P28LwUpchLU4aQtXjbOlMFQwOyLaVlIx7pSOaSF1nvGEEWGVjbKW-iEUWIt5JOE6qMzdRuM/s0/construtor+estudo+menu+lista+de+links.png" style="display: block; padding: 1em 0px; text-align: center;"><img alt="" border="0" data-original-height="450" data-original-width="561" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEiy6sZwzpctAh_6Y0g0pTqrB_i7HVJmNVpjgSdp05ZALVHZsSonWdDXxH33B_33S2-JW60P28LwUpchLU4aQtXjbOlMFQwOyLaVlIx7pSOaSF1nvGEEWGVjbKW-iEUWIt5JOE6qMzdRuM/s0/construtor+estudo+menu+lista+de+links.png" /></a></div>
O Blogger não quer funcionar, nem do computador, nem pegando URL da imagem, <b>problema</b> vish!
<br />Solução colocar direto pelo código.<br /> Eu ia gravar, mas pensei, se der problema com vídeo será tempo perdido.<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='600' height='498' src='https://www.blogger.com/video.g?token=AD6v5dwr5lTyVXNnOUKJJEWtjTC68cEVWq4WfIGzPC57HT9eoYdp1xGgV_JRW54JsGHmPnsT7MILL0iuXqxQ4WXGpQ' class='b-hbp-video b-uploaded' frameborder='0'></iframe></div>
<br />
Espero que tenha um bom estudo e que realmente isso lhe seja útil para o estudo da plataforma Blogger.<br />
Um abraço e até a próxima!
<div class="blogger-post-footer"><a herf=" https://www.verbratec.com.br/" target="_blank"> Verbratec - Jair de Jesus</a> | Reprodução proibida.</div>Jair de Jesushttp://www.blogger.com/profile/03590002350038063650noreply@blogger.com0tag:blogger.com,1999:blog-5239447796149211682.post-57300801078143281782021-05-24T19:40:00.022-03:002021-05-31T11:49:15.883-03:00O segredo do Blogger
<img style="display:none;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtuD9BqcAKOvKCF_IHwXWH75EprvWo5T74jy4nZS_AV6BF4zITUdxLpxscKWIOron66Nmsn6GikZSB8tanmfkO8nerF1avQFiIIHJC5rpROL01udTc7Ajytr4eiZrcAPgk_shvRadByGwn/s1600/Curiosidades.png" />
Há coisas que realmente nos tornam cada vez mais curiosos, quando o assunto é codificar alguma função para blog/site usando o Blogger.<br />
Realmente alguns são elaborados, bonitos e funcionais. Existem pessoas que são incríveis no uso das imagens e cores, outras são boas em escrever e alheias ao restante, outras pessoas são fantásticas na criação de funções e há quem confunde tudo e se atrapalha até para o mais básico uso da internet.<br/>
Tudo faz parte da normalidade das coisas, eu sou dos que gostam um pouco, sabem uma quantia e me falta escrever mais, tenho muitas histórias, me falta contá-las.<br/>
Não lembro com 100% de exatidão, mas acredito que comecei no Blogger em 2011, seguindo as próprias publicações aqui pela data, o fato é que tive outro blog/site antes desse, então com certeza no início da vida desse blog, eu estava já participando ativamente da <b>comunidade Blogger</b> que na época era um fórum de ajuda e tinha mais pessoas ativas que entendiam mais de códigos, ao menos é o que tenho na lembrança. <br/>
Até mesmo uma imagem pode dar algum trabalho, ainda agora ao postar essa do widget na área do perfil do autor, no layout Blogger, ocorreu um erro e tive que usar uma ponte, um atalho, a edição de widget, sabemos mudou tem poucos dias, pois o Google quer priorizar os <b>smartphones</b> e eu não gostei dessa limitação de tamanho, mas não tenho poder para mudar isso, kkkk!
<div class="separator" style="clear: both;"><img alt="Foto do widget na área do perfil do autor, no layout Blogger." title='Foto do widget na área do perfil do autor, no layout Blogger.' border="0" height="auto" width="90%" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZaQR0BsGMOKsyKzebXoNabUnW8QqQ0fuiHV0l66dSmtmyLLnA4IOzH5-oUb6umAowGTipLMNIqLeyopV3PYZb8Grx_KJVsn3rEWJaee8MaIAN-TiFf46xGsK3xfuInI29gSroEqbTnTxl/,100,0.8,0,306630/widget%2Bperfil%2Bblogger.png"/></div>
<br/>
Sempre tentando entender como fazer, tem que aprender html, as regras do xml é a parte mais fácil, depois aprendi como aplicar css e isso também é simples, mas quando cheguei no javascript, json e as aplicações com feed e querendo aprender o codificação Blogger ao mesmo tempo, foi uma loucura.<br/>
E hoje eu resolvi abordar esse assunto, pois tem muito para aprender e o retorno é só satisfação de saber e poder ajudar os outros usuários. Mas tem muitos que aprenderam e querem ter um retorno financeiro de qualquer jeito, então eles fazem o que vou mostrar aqui.<br>
Esse é um código apresentado de três formas diferentes.<br />
Primeiro o código totalmente <b>ofuscado</b>, impossibilitando o entendimento do ser humano.
[code type='javascript']
var _0x3d1d=["\x24\x28\x4D\x28\x29\x7B\x24\x28\x27\x2E\x34\x2E\x33\x20\x61\x5B\x31\x2A\x3D\x22\x76\x2E\x41\x22\x5D\x20\x69\x27\x29\x2E\x32\x28\x22\x30\x20\x30\x2D\x76\x22\x29\x3B\x24\x28\x27\x2E\x34\x2E\x33\x20\x61\x5B\x31\x2A\x3D\x22\x6B\x2E\x35\x22\x5D\x20\x69\x27\x29\x2E\x32\x28\x22\x30\x20\x30\x2D\x6B\x22\x29\x3B\x24\x28\x27\x2E\x34\x2E\x33\x20\x61\x5B\x31\x2A\x3D\x22\x77\x2E\x35\x22\x5D\x20\x69\x27\x29\x2E\x32\x28\x22\x30\x20\x30\x2D\x77\x22\x29\x3B\x24\x28\x27\x2E\x34\x2E\x33\x20\x61\x5B\x31\x2A\x3D\x22\x42\x2E\x35\x22\x5D\x20\x69\x27\x29\x2E\x32\x28\x22\x30\x20\x30\x2D\x4A\x22\x29\x3B\x24\x28\x27\x2E\x34\x2E\x33\x20\x61\x5B\x31\x2A\x3D\x22\x78\x2E\x35\x22\x5D\x20\x69\x27\x29\x2E\x32\x28\x22\x30\x20\x30\x2D\x78\x22\x29\x3B\x24\x28\x27\x2E\x34\x2E\x33\x20\x61\x5B\x31\x2A\x3D\x22\x62\x2E\x35\x22\x5D\x20\x69\x27\x29\x2E\x32\x28\x22\x30\x20\x30\x2D\x62\x22\x29\x3B\x24\x28\x27\x2E\x34\x2E\x33\x20\x61\x5B\x31\x2A\x3D\x22\x63\x2E\x64\x2E\x35\x22\x5D\x20\x69\x27\x29\x2E\x32\x28\x22\x30\x20\x30\x2D\x64\x2D\x63\x22\x29\x3B\x24\x28\x27\x2E\x34\x2E\x33\x20\x61\x5B\x31\x2A\x3D\x22\x65\x2E\x35\x22\x5D\x20\x69\x27\x29\x2E\x32\x28\x22\x30\x20\x30\x2D\x65\x22\x29\x3B\x24\x28\x27\x2E\x34\x2E\x33\x20\x61\x5B\x31\x2A\x3D\x22\x66\x2E\x35\x22\x5D\x20\x69\x27\x29\x2E\x32\x28\x22\x30\x20\x30\x2D\x66\x22\x29\x3B\x24\x28\x27\x2E\x34\x2E\x33\x20\x61\x5B\x31\x2A\x3D\x22\x7A\x2E\x35\x22\x5D\x20\x69\x27\x29\x2E\x32\x28\x22\x30\x20\x30\x2D\x7A\x2D\x70\x22\x29\x3B\x24\x28\x27\x2E\x34\x2E\x33\x20\x61\x5B\x31\x2A\x3D\x22\x68\x2E\x35\x22\x5D\x20\x69\x27\x29\x2E\x32\x28\x22\x30\x20\x30\x2D\x68\x2D\x4C\x22\x29\x3B\x24\x28\x27\x2E\x34\x2E\x33\x20\x61\x5B\x31\x2A\x3D\x22\x6A\x2E\x35\x22\x5D\x20\x69\x27\x29\x2E\x32\x28\x22\x30\x20\x30\x2D\x6A\x2D\x50\x22\x29\x3B\x24\x28\x27\x2E\x34\x2E\x33\x20\x61\x5B\x31\x2A\x3D\x22\x6C\x2E\x43\x22\x5D\x20\x69\x27\x29\x2E\x32\x28\x22\x30\x20\x30\x2D\x6C\x22\x29\x3B\x24\x28\x27\x2E\x34\x2E\x33\x20\x61\x5B\x31\x2A\x3D\x22\x6D\x2E\x35\x22\x5D\x20\x69\x27\x29\x2E\x32\x28\x22\x30\x20\x30\x2D\x6D\x22\x29\x3B\x24\x28\x27\x2E\x34\x2E\x33\x20\x61\x5B\x31\x2A\x3D\x22\x48\x2E\x35\x22\x5D\x20\x69\x27\x29\x2E\x32\x28\x22\x30\x20\x30\x2D\x49\x22\x29\x3B\x24\x28\x27\x2E\x34\x2E\x33\x20\x61\x5B\x31\x2A\x3D\x22\x6E\x2E\x35\x22\x5D\x20\x69\x27\x29\x2E\x32\x28\x22\x30\x20\x30\x2D\x6E\x22\x29\x3B\x24\x28\x27\x2E\x34\x2E\x33\x20\x61\x5B\x31\x2A\x3D\x22\x6F\x2E\x35\x22\x5D\x20\x69\x27\x29\x2E\x32\x28\x22\x30\x20\x30\x2D\x6F\x22\x29\x3B\x24\x28\x27\x2E\x34\x2E\x33\x20\x61\x5B\x31\x2A\x3D\x22\x71\x2E\x35\x22\x5D\x20\x69\x27\x29\x2E\x32\x28\x22\x30\x20\x30\x2D\x71\x22\x29\x3B\x24\x28\x27\x2E\x34\x2E\x33\x20\x61\x5B\x31\x2A\x3D\x22\x72\x2E\x35\x22\x5D\x20\x69\x27\x29\x2E\x32\x28\x22\x30\x20\x30\x2D\x72\x22\x29\x3B\x24\x28\x27\x2E\x34\x2E\x33\x20\x61\x5B\x31\x2A\x3D\x22\x73\x2E\x35\x22\x5D\x20\x69\x27\x29\x2E\x32\x28\x22\x30\x20\x30\x2D\x73\x22\x29\x3B\x24\x28\x27\x2E\x34\x2E\x33\x20\x61\x5B\x31\x2A\x3D\x22\x74\x2E\x44\x22\x5D\x20\x69\x27\x29\x2E\x32\x28\x22\x30\x20\x30\x2D\x74\x22\x29\x3B\x24\x28\x27\x2E\x34\x2E\x33\x20\x61\x5B\x31\x2A\x3D\x22\x75\x2E\x35\x22\x5D\x20\x69\x27\x29\x2E\x32\x28\x22\x30\x20\x30\x2D\x75\x22\x29\x3B\x24\x28\x27\x2E\x34\x2E\x33\x20\x61\x5B\x31\x2A\x3D\x22\x45\x22\x5D\x20\x69\x27\x29\x2E\x32\x28\x22\x30\x20\x30\x2D\x46\x22\x29\x3B\x24\x28\x27\x2E\x34\x2E\x33\x20\x61\x5B\x31\x2A\x3D\x22\x47\x22\x5D\x20\x69\x27\x29\x2E\x32\x28\x22\x30\x20\x30\x2D\x37\x2D\x38\x22\x29\x3B\x24\x28\x27\x2E\x34\x2E\x33\x20\x61\x5B\x31\x2A\x3D\x22\x39\x2F\x4B\x2F\x79\x22\x5D\x20\x69\x27\x29\x2E\x32\x28\x22\x30\x20\x30\x2D\x36\x22\x29\x3B\x24\x28\x27\x2E\x34\x2E\x33\x20\x61\x5B\x31\x2A\x3D\x22\x39\x2F\x4E\x2F\x79\x22\x5D\x20\x69\x27\x29\x2E\x32\x28\x22\x30\x20\x30\x2D\x36\x22\x29\x3B\x24\x28\x27\x2E\x34\x2E\x33\x20\x61\x5B\x31\x2A\x3D\x22\x39\x2E\x4F\x2E\x35\x22\x5D\x20\x69\x27\x29\x2E\x32\x28\x22\x30\x20\x30\x2D\x36\x22\x29\x3B\x24\x28\x27\x2E\x34\x2E\x33\x20\x61\x5B\x31\x2A\x3D\x22\x67\x2E\x35\x22\x5D\x20\x69\x27\x29\x2E\x32\x28\x22\x30\x20\x30\x2D\x37\x2D\x38\x22\x29\x3B\x24\x28\x27\x2E\x34\x2E\x33\x20\x61\x5B\x31\x2A\x3D\x22\x67\x2E\x35\x22\x5D\x20\x69\x27\x29\x2E\x32\x28\x22\x30\x20\x30\x2D\x37\x2D\x38\x22\x29\x7D\x29\x3B","\x7C","\x73\x70\x6C\x69\x74","\x66\x61\x7C\x68\x72\x65\x66\x7C\x61\x64\x64\x43\x6C\x61\x73\x73\x7C\x4C\x69\x6E\x6B\x4C\x69\x73\x74\x7C\x77\x69\x64\x67\x65\x74\x7C\x63\x6F\x6D\x7C\x72\x73\x73\x7C\x73\x68\x6F\x70\x70\x69\x6E\x67\x7C\x63\x61\x72\x74\x7C\x66\x65\x65\x64\x73\x7C\x7C\x66\x6C\x69\x63\x6B\x72\x7C\x70\x6C\x75\x73\x7C\x67\x6F\x6F\x67\x6C\x65\x7C\x69\x6E\x73\x74\x61\x67\x72\x61\x6D\x7C\x6C\x69\x6E\x6B\x65\x64\x69\x6E\x7C\x65\x74\x73\x79\x7C\x76\x69\x6D\x65\x6F\x7C\x7C\x79\x6F\x75\x74\x75\x62\x65\x7C\x66\x61\x63\x65\x62\x6F\x6F\x6B\x7C\x76\x69\x6E\x65\x7C\x73\x6F\x75\x6E\x64\x63\x6C\x6F\x75\x64\x7C\x64\x65\x76\x69\x61\x6E\x74\x61\x72\x74\x7C\x66\x6F\x75\x72\x73\x71\x75\x61\x72\x65\x7C\x7C\x72\x65\x64\x64\x69\x74\x7C\x74\x75\x6D\x62\x6C\x72\x7C\x73\x70\x6F\x74\x69\x66\x79\x7C\x74\x77\x69\x74\x63\x68\x7C\x76\x6B\x7C\x62\x65\x68\x61\x6E\x63\x65\x7C\x74\x77\x69\x74\x74\x65\x72\x7C\x64\x72\x69\x62\x62\x62\x6C\x65\x7C\x64\x65\x66\x61\x75\x6C\x74\x7C\x70\x69\x6E\x74\x65\x72\x65\x73\x74\x7C\x6E\x65\x74\x7C\x62\x6C\x6F\x67\x6C\x6F\x76\x69\x6E\x7C\x63\x6F\x7C\x74\x76\x7C\x6D\x61\x69\x6C\x74\x6F\x7C\x65\x6E\x76\x65\x6C\x6F\x70\x65\x7C\x73\x68\x6F\x70\x7C\x67\x6F\x6F\x64\x72\x65\x61\x64\x73\x7C\x62\x6F\x6F\x6B\x7C\x68\x65\x61\x72\x74\x7C\x70\x6F\x73\x74\x73\x7C\x73\x71\x75\x61\x72\x65\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x63\x6F\x6D\x6D\x65\x6E\x74\x73\x7C\x66\x65\x65\x64\x62\x75\x72\x6E\x65\x72\x7C\x70\x6C\x61\x79","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function(_0xa6a3x1,_0xa6a3x2,_0xa6a3x3,_0xa6a3x4,_0xa6a3x5,_0xa6a3x6){_0xa6a3x5=function(_0xa6a3x3){return (_0xa6a3x3<_0xa6a3x2?_0x3d1d[4]:_0xa6a3x5(parseInt(_0xa6a3x3/_0xa6a3x2)))+((_0xa6a3x3=_0xa6a3x3%_0xa6a3x2)>35?String[_0x3d1d[5]](_0xa6a3x3+29):_0xa6a3x3.toString(36))};if(!_0x3d1d[4][_0x3d1d[6]](/^/,String)){while(_0xa6a3x3--){_0xa6a3x6[_0xa6a3x5(_0xa6a3x3)]=_0xa6a3x4[_0xa6a3x3]||_0xa6a3x5(_0xa6a3x3)};_0xa6a3x4=[function(_0xa6a3x5){return _0xa6a3x6[_0xa6a3x5]}];_0xa6a3x5=function(){return _0x3d1d[7]};_0xa6a3x3=1;};while(_0xa6a3x3--){if(_0xa6a3x4[_0xa6a3x3]){_0xa6a3x1=_0xa6a3x1[_0x3d1d[6]]( new RegExp(_0x3d1d[8]+_0xa6a3x5(_0xa6a3x3)+_0x3d1d[8],_0x3d1d[9]),_0xa6a3x4[_0xa6a3x3])}};return _0xa6a3x1;}(_0x3d1d[0],52,52,_0x3d1d[3][_0x3d1d[2]](_0x3d1d[1]),0,{}));
[/code]
<hr/>
Uma segunda versão do mesmo código, ainda difícil de entender o todo, mas já passível de observarmos que se refere ao Instagram, YouTube e tal.
[code type='javascript']
var _0x3d1d = ["$(M(){$(\'.4.3 a[1*=\"v.A\"] i\').2(\"0 0-v\");$(\'.4.3 a[1*=\"k.5\"] i\').2(\"0 0-k\");$(\'.4.3 a[1*=\"w.5\"] i\').2(\"0 0-w\");$(\'.4.3 a[1*=\"B.5\"] i\').2(\"0 0-J\");$(\'.4.3 a[1*=\"x.5\"] i\').2(\"0 0-x\");$(\'.4.3 a[1*=\"b.5\"] i\').2(\"0 0-b\");$(\'.4.3 a[1*=\"c.d.5\"] i\').2(\"0 0-d-c\");$(\'.4.3 a[1*=\"e.5\"] i\').2(\"0 0-e\");$(\'.4.3 a[1*=\"f.5\"] i\').2(\"0 0-f\");$(\'.4.3 a[1*=\"z.5\"] i\').2(\"0 0-z-p\");$(\'.4.3 a[1*=\"h.5\"] i\').2(\"0 0-h-L\");$(\'.4.3 a[1*=\"j.5\"] i\').2(\"0 0-j-P\");$(\'.4.3 a[1*=\"l.C\"] i\').2(\"0 0-l\");$(\'.4.3 a[1*=\"m.5\"] i\').2(\"0 0-m\");$(\'.4.3 a[1*=\"H.5\"] i\').2(\"0 0-I\");$(\'.4.3 a[1*=\"n.5\"] i\').2(\"0 0-n\");$(\'.4.3 a[1*=\"o.5\"] i\').2(\"0 0-o\");$(\'.4.3 a[1*=\"q.5\"] i\').2(\"0 0-q\");$(\'.4.3 a[1*=\"r.5\"] i\').2(\"0 0-r\");$(\'.4.3 a[1*=\"s.5\"] i\').2(\"0 0-s\");$(\'.4.3 a[1*=\"t.D\"] i\').2(\"0 0-t\");$(\'.4.3 a[1*=\"u.5\"] i\').2(\"0 0-u\");$(\'.4.3 a[1*=\"E\"] i\').2(\"0 0-F\");$(\'.4.3 a[1*=\"G\"] i\').2(\"0 0-7-8\");$(\'.4.3 a[1*=\"9/K/y\"] i\').2(\"0 0-6\");$(\'.4.3 a[1*=\"9/N/y\"] i\').2(\"0 0-6\");$(\'.4.3 a[1*=\"9.O.5\"] i\').2(\"0 0-6\");$(\'.4.3 a[1*=\"g.5\"] i\').2(\"0 0-7-8\");$(\'.4.3 a[1*=\"g.5\"] i\').2(\"0 0-7-8\")});", "|", "split", "fa|href|addClass|LinkList|widget|com|rss|shopping|cart|feeds||flickr|plus|google|instagram|linkedin|etsy|vimeo||youtube|facebook|vine|soundcloud|deviantart|foursquare||reddit|tumblr|spotify|twitch|vk|behance|twitter|dribbble|default|pinterest|net|bloglovin|co|tv|mailto|envelope|shop|goodreads|book|heart|posts|square|function|comments|feedburner|play", "", "fromCharCode", "replace", "\\w+", "\\b", "g"];
eval(function (_0xa6a3x1, _0xa6a3x2, _0xa6a3x3, _0xa6a3x4, _0xa6a3x5, _0xa6a3x6) {
_0xa6a3x5 = function (_0xa6a3x3) {
return (_0xa6a3x3 < _0xa6a3x2 ? _0x3d1d[4] : _0xa6a3x5(parseInt(_0xa6a3x3 / _0xa6a3x2))) + ((_0xa6a3x3 = _0xa6a3x3 % _0xa6a3x2) > 35 ? String[_0x3d1d[5]](_0xa6a3x3 + 29) : _0xa6a3x3.toString(36))
};
if (!_0x3d1d[4][_0x3d1d[6]](/^/, String)) {
while (_0xa6a3x3--) {
_0xa6a3x6[_0xa6a3x5(_0xa6a3x3)] = _0xa6a3x4[_0xa6a3x3] || _0xa6a3x5(_0xa6a3x3)
};
_0xa6a3x4 = [function (_0xa6a3x5) {
return _0xa6a3x6[_0xa6a3x5]
}];
_0xa6a3x5 = function () {
return _0x3d1d[7]
};
_0xa6a3x3 = 1;
};
while (_0xa6a3x3--) {
if (_0xa6a3x4[_0xa6a3x3]) {
_0xa6a3x1 = _0xa6a3x1[_0x3d1d[6]](new RegExp(_0x3d1d[8] + _0xa6a3x5(_0xa6a3x3) + _0x3d1d[8], _0x3d1d[9]), _0xa6a3x4[_0xa6a3x3])
}
};
return _0xa6a3x1;
}(_0x3d1d[0], 52, 52, _0x3d1d[3][_0x3d1d[2]](_0x3d1d[1]), 0, {}));
[/code]
<hr/>
Na última fase temos a função de uma forma apresentável.
[code type='javascript']
$(function(){
$('.widget.LinkList a[href*="behance.net"] i').addClass("fa fa-behance");
$('.widget.LinkList a[href*="facebook.com"] i').addClass("fa fa-facebook");
$('.widget.LinkList a[href*="twitter.com"] i').addClass("fa fa-twitter");
$('.widget.LinkList a[href*="bloglovin.com"] i').addClass("fa fa-heart");
$('.widget.LinkList a[href*="dribbble.com"] i').addClass("fa fa-dribbble");
$('.widget.LinkList a[href*="flickr.com"] i').addClass("fa fa-flickr");
$('.widget.LinkList a[href*="plus.google.com"] i').addClass("fa fa-google-plus");
$('.widget.LinkList a[href*="instagram.com"] i').addClass("fa fa-instagram");
$('.widget.LinkList a[href*="linkedin.com"] i').addClass("fa fa-linkedin");
$('.widget.LinkList a[href*="pinterest.com"] i').addClass("fa fa-pinterest-p");
$('.widget.LinkList a[href*="vimeo.com"] i').addClass("fa fa-vimeo-square");
$('.widget.LinkList a[href*="youtube.com"] i').addClass("fa fa-youtube-play");
$('.widget.LinkList a[href*="vine.co"] i').addClass("fa fa-vine");
$('.widget.LinkList a[href*="soundcloud.com"] i').addClass("fa fa-soundcloud");
$('.widget.LinkList a[href*="goodreads.com"] i').addClass("fa fa-book");
$('.widget.LinkList a[href*="deviantart.com"] i').addClass("fa fa-deviantart");
$('.widget.LinkList a[href*="foursquare.com"] i').addClass("fa fa-foursquare");
$('.widget.LinkList a[href*="reddit.com"] i').addClass("fa fa-reddit");
$('.widget.LinkList a[href*="tumblr.com"] i').addClass("fa fa-tumblr");
$('.widget.LinkList a[href*="spotify.com"] i').addClass("fa fa-spotify");
$('.widget.LinkList a[href*="twitch.tv"] i').addClass("fa fa-twitch");
$('.widget.LinkList a[href*="vk.com"] i').addClass("fa fa-vk");
$('.widget.LinkList a[href*="mailto"] i').addClass("fa fa-envelope");
$('.widget.LinkList a[href*="shop"] i').addClass("fa fa-shopping-cart");
$('.widget.LinkList a[href*="feeds/posts/default"] i').addClass("fa fa-rss");
$('.widget.LinkList a[href*="feeds/comments/default"] i').addClass("fa fa-rss");
$('.widget.LinkList a[href*="feeds.feedburner.com"] i').addClass("fa fa-rss");
$('.widget.LinkList a[href*="etsy.com"] i').addClass("fa fa-shopping-cart");
$('.widget.LinkList a[href*="etsy.com"] i').addClass("fa fa-shopping-cart")});
[/code]
Mas é claro que isso é só uma parte das dificuldades do aprendizado, 5 ou 6 linhas acima temos uma referência <b>feeds/posts/default</b> só que cada coisa é uma coisa, então se peço <a href='https://www.verbratec.com.br/feeds/posts/default/?alt=json-in-script' target='_blank' title='Requisitando a função gdata.io.handleScriptLoaded para uso com JavaScript.'>https://www.verbratec.com.br/feeds/posts/default/?alt=json-in-script</a> o programa retornará a função: <b>gdata.io.handleScriptLoaded</b> como se pode observar no início do código.<br/>
Se fizer a requisição com <a href='https://www.verbratec.com.br/feeds/posts/default/?alt=json' target='_blank' title='Requisitando dados JSON de postagens do blog.'>https://www.verbratec.com.br/feeds/posts/default/?alt=json</a> já não terei a função gdata.io.handleScriptLoaded. E se lhe aparece algo como:<br/>
<span style='color:#000;'> https://www.verbratec.com.br/feeds/posts/default/-/solda?published-min=2012-03-16T00:00:00&published-max=2020-03-16T00:00:00&orderby=updated&alt=json
</span> <br/>
Estamos requisitando dados com o marcador <b>solda</b> que tenha sido publicado entre 16/03/2012 a no máximo 16/03/2020 pela ordem de edição(orderby=updated), no formato json, claro que entendemos que o dia começa em zero hora, kkkk!<br />
Tenho nesse blog um perfil que trabalha de forma dinâmica, ou seja, quando altero a imagem da conta Google/Blogger por exemplo, ele automaticamente se altera e mostra a nova imagem. Cito isso apenas para me oportunizar uma amostragem do que me refiro quanto a codificação interna do Blogger, é uma codificação diferente, uma forma digamos que exclusiva do Blogger, vamos ver então o dito código para um perfil dinâmico.
[code type='HTML']
<b:widget id='Profile1' locked='false' title='Quem sou eu' type='Profile' visible='true'>
<b:widget-settings>
<b:widget-setting name='showaboutme'>true</b:widget-setting>
<b:widget-setting name='showlocation'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='authorProfileImage'>
<img class='profile-img' expr:alt='data:messages.myPhoto' expr:height='data:authorPhoto.height' expr:src='data:authorPhoto.image' expr:width='data:authorPhoto.width'/>
</b:includable>
<b:includable id='content'>
<b:if cond='data:team'>
<div class='widget-content team'>
<b:include name='teamProfile'/>
</div>
<b:else/>
<div class='widget-content individual'>
<b:include name='userProfile'/>
</div>
</b:if>
</b:includable>
<b:includable id='defaultProfileImage'>
<div class='default-avatar'/>
</b:includable>
<b:includable id='profileImage'>
<b:if cond='data:authorPhoto.image'>
<b:include name='authorProfileImage'/>
<b:else/>
<b:include name='defaultProfileImage'/>
</b:if>
</b:includable>
<b:includable id='teamProfile'>
<ul>
<b:loop values='data:authors' var='author'>
<li>
<div class='team-member'>
<b:include data='author' name='teamProfileLink'/>
</div>
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='teamProfileLink'>
<a class='profile-link g-profile' expr:href='data:userUrl' rel='nofollow'>
<b:include name='profileImage'/>
<span class='profile-name'><data:display-name/></span>
</a>
</b:includable>
<b:includable id='userGoogleProfile'>
<div class='g-follow' data-annotation='bubble' data-height='20' expr:data-href='data:userUrl'/>
</b:includable>
<b:includable id='userLocation'>
<dd class='profile-data location'><data:location/></dd>
</b:includable>
<b:includable id='userProfile'>
<b:include name='userProfileImage'/>
<b:include name='userProfileInfo'/>
</b:includable>
<b:includable id='userProfileData'>
<dt class='profile-data'>
<b:include name='userProfileLink'/>
<b:include cond='data:hasgoogleprofile' name='userGoogleProfile'/>
</dt>
</b:includable>
<b:includable id='userProfileImage'>
<a expr:href='data:userUrl' rel='nofollow'>
<b:include name='profileImage'/>
</a>
</b:includable>
<b:includable id='userProfileInfo'>
<div class='profile-info'>
<dl class='profile-datablock'>
<b:class cond='data:showlocation and data:location != &quot;&quot;' name='has-location'/>
<b:include name='userProfileData'/>
<b:include cond='data:showlocation and data:location != &quot;&quot;' name='userLocation'/>
<b:include cond='data:aboutme != &quot;&quot;' name='userProfileText'/>
</dl>
<b:include name='viewProfileLink'/>
</div>
</b:includable>
<b:includable id='userProfileLink'>
<a class='profile-link g-profile' expr:href='data:userUrl' rel='author nofollow'>
<data:displayname/>
</a>
</b:includable>
<b:includable id='userProfileText'>
<dd class='profile-textblock'>
<data:aboutme/>
</dd>
</b:includable>
<b:includable id='viewProfileLink'>
<a class='profile-link' expr:href='data:userUrl' rel='author nofollow'>
<data:messages.viewMyCompleteProfile/>
</a>
</b:includable>
</b:widget>
[/code]
Esse código Blogger imediatamente acima trabalha em conjunto com aquele da primeira imagem lá "arriba" com funções javascript, o que possibilita essa dinâmica de inserir dados ou alterar de uma maneira bem fácil, por exemplo no widget, aquele da imagem, se retirar a parte Twitter, o link do Twitter aqui no perfil abaixo, irá desaparecer, simples.<br />E o segredo? Se conto não será mais segredo. É esse <b>teamProfile</b> que possibilita mostrar os dados do autor do artigo, mesmo que um blog tenha várias pessoas trabalhando. Pronto contei. Bah!<br/>
Se você gosta da forma dinâmica, confira se seu blog favorito está ativo.<br/>
Digite o nome do seu blog favorito abaixo e veja-o na forma dinâmica:<br />
<br />
<div style="text-align: left;">
<input 100px;"="" 14px;="" border:="" font-size:="" id="__blogname" none;="" outline:="" right;="" text-align:="" value="" width:="" /><span style="color: #666666;">.blogspot.com</span> <button onclick="window.open('http://' + document.getElementById('__blogname').value + '.blogspot.com/view');">ver Blog dinâmico</button></div>
<div style="text-align: left;">
<br /></div><hr/>
<br/>
Por hoje era isso, na próxima eu conto mais, um abraço e o ensejo de tudo de bom!<br/>
Obrigado por visitar está página!<div class="blogger-post-footer"><a herf=" https://www.verbratec.com.br/" target="_blank"> Verbratec - Jair de Jesus</a> | Reprodução proibida.</div>Jair de Jesushttp://www.blogger.com/profile/03590002350038063650noreply@blogger.com1tag:blogger.com,1999:blog-5239447796149211682.post-81645208934529838202021-05-14T23:45:00.020-03:002021-06-10T13:50:23.042-03:00Site Blogger fraudulento!<style>.ert{text-align:center;}.tre{ width: 97%;
height: 250px;}</style><br/>Blogger usa servidores para imagens de forma automática, servidores Google claro.<br/>
O que acontece é que é muita coisa, vários programas trabalhando com muitas funções diferentes, isso requer uma equipe grande de programadores das diferentes linguagens.<br/>
É algo complexo por ter que satisfazer diferentes equipamentos, diferentes sistemas operacionais, diferentes, navegadores e integrar as coisas de forma que tudo funcione bem nem sempre tudo sincroniza de forma razoável.<br/>
O objetivo do Google eu acredito ser dar prioridade aos smartphones, por isso agora seu painel Blogger, clicando em adicionar gadget, a janela aberta é adequada ao smartphone, mesmo estando num leptop, notebook ou desktop.<br/>
<br />
Algo não ocorreu bem durante a atualização do sistema e um erro nos servidores de imagens 1.bp.blogspot.com e 2.bp.blogspot.com levou ao 'extermínio' de postagens em centenas de blogs Blogger. Dando como fraudulento inclusive os blog/sites oficiais do Google, como vemos na imagem abaixo.<br/>
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJQYi-Mo1T1APWSjqP9dVBZ_IMFk0O0j9yOwSCY_A1IN9dH2iIiLW4nt5rISnN8mkASA6_nKC7aD3GUbWgJhpOkca9i3gyJXUpEary9NWf2ip_v52zlWnMvmeZveTEjogFsjMduxTy71A4/s0/google+Brasil+enganoso.png" style="display: block; padding: 1em 0; text-align: center; "><img alt="Erro no Blogger gera alerta de site perigoso." border="0" data-original-height="679" data-original-width="975" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJQYi-Mo1T1APWSjqP9dVBZ_IMFk0O0j9yOwSCY_A1IN9dH2iIiLW4nt5rISnN8mkASA6_nKC7aD3GUbWgJhpOkca9i3gyJXUpEary9NWf2ip_v52zlWnMvmeZveTEjogFsjMduxTy71A4/s0/google+Brasil+enganoso.png" title='Erro no Blogger gera tela de aviso de site perigoso.' /></a></div>
Para muitos usuários os danos serão irreparáveis, muitas pessoas apenas fazem uso de forma muito automatizada, sem aquela preocupação de investir algum tempo, para estudar o funcionamento da plataforma. Assim sendo impossível recuperar dados por exemplo.<br />
Para quem sabe um pouco, consegue recuperar cópias de cache do Bing, quando no Google nada consta.<br/>
O artigo no Blogger gera um código para imagem similar a este:<br/>
<a href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJQYi-Mo1T1APWSjqP9dVBZ_IMFk0O0j9yOwSCY_A1IN9dH2iIiLW4nt5rISnN8mkASA6_nKC7aD3GUbWgJhpOkca9i3gyJXUpEary9NWf2ip_v52zlWnMvmeZveTEjogFsjMduxTy71A4/s0-g/google+Brasil+enganoso.png' target='_Blank' rel='nofollow' title='Ver xml gerado em nova aba do navegador.'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJQYi-Mo1T1APWSjqP9dVBZ_IMFk0O0j9yOwSCY_A1IN9dH2iIiLW4nt5rISnN8mkASA6_nKC7aD3GUbWgJhpOkca9i3gyJXUpEary9NWf2ip_v52zlWnMvmeZveTEjogFsjMduxTy71A4/s0/google+Brasil+enganoso.png</a>
<br/><p class='ert'>Clique para ver o arquivo xml em nova aba do navegador.</p>
Note que no xml gerado a segurança cai usando <b>http</b>, quando deveria ser <b>https</b> e o servidor agora é: <i>lh3.googleusercontent.com</i>
<textarea class='tre'>
<TileInfo tile_width="512" tile_height="512" full_pyramid_depth="2" origin="TOP_LEFT" base_url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhygtn7g4WJ53wF5pvleI5cXE1F-ZxhQGqhy_adoF_o2gJl3W1_yByummZxHaMRG5EjRbEANf8PkproT5sHwdgEkd5e0jcgmGRuXivQsA_MU0rtrkC9RiviozHm8a_gkteLVlVsDdZv6HAj/" tiler_version_number="2" image_width="975" image_height="679">
<pyramid_level num_tiles_x="1" num_tiles_y="1" inverse_scale="2" empty_pels_x="25" empty_pels_y="173"/>
<pyramid_level num_tiles_x="2" num_tiles_y="2" inverse_scale="1" empty_pels_x="49" empty_pels_y="345"/>
</TileInfo>
</textarea>
<br />
Nada que a equipe de engenharia, não resolva num tempo apreciável, mas o estrago fica 'sobre a cabeça' dos usuários do Blogger.<br/>
Há muitos casos em que o artigo foi reposto, porém como 'rascunho', devendo o usuário fazer a publicação novamente. Percebi um artigo em que o código se perdeu, felizmente consegui recuperá-lo.<br/>
<br/>
O interessante desse evento ficou por conta das diferenças entre navegadores, enquanto para o Safari o carregamento de páginas Blogger ocorria de forma normal, com todas as imagens, o Firefox barrava as imagens dos servidores 1.bp.blogspot.com e 2.bp.blogspot.com mostrando o restante, já o Chrome avisava sobre o perigo e nada carregava, mostrando a tela vermelha, mesmo usando o view/flipcard, modo dinâmico do Blogger, o Chrome não carregava as imagens, como podemos ver na gravação abaixo.<br/>
<div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='520' height='366' src='https://www.blogger.com/video.g?token=AD6v5dwwfauCn5AmE3uhrwv0zvff_tp24EEFo8AOV2nn9sdJN5TTpmRsAdWwH_ZCzkO_7h7WmlHX-hom1tr02wTogA' class='b-hbp-video b-uploaded' frameborder='0'></iframe></div>
Lamentável quando isso acontece, o que mais me deixa 'pasmo' é o fato de ninguém do Google dizer 'nadinha'.
<br/><br/>
Espero que consigas contornar algum problema que lhe tenha restado, caso eu possa ajudar, deixe-me saber, use os formulários de comentário por favor.<br />
Um abraço e obrigado por visitar!
<div class="blogger-post-footer"><a herf=" https://www.verbratec.com.br/" target="_blank"> Verbratec - Jair de Jesus</a> | Reprodução proibida.</div>Jair de Jesushttp://www.blogger.com/profile/03590002350038063650noreply@blogger.com2tag:blogger.com,1999:blog-5239447796149211682.post-44891554685928460942021-05-04T07:50:00.091-03:002021-07-05T16:10:11.872-03:00Nuvem de Tags HTML
<img alt="" border="0" data-original-height="412" data-original-width="676" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLfaluKKA4rFJuXwfOd2Oqor7iZEGUp7tdE_8Gxcan-HPKlPRm1cOMdzu32UvRaUAqp6ACUs5WWjghMa0KX5HwjWSVWRomZsSiHbuPuHGUbKK2q0bVlqIMzenco3Uv9Myg_3Nf5S-fPK34/s0/nuvem+de+tags+animada+verbratec.png"/>
<h3>Nuvem de "palavras chaves" em 2021, código atualizado.</h3>
Hoje compartilho algo já tão antigo, que volta a ser especial novamente.<br />
Não <a href="https://codepen.io/wind_hill/pen/rLAKLx" target="_blank" title="Click para ver o código original.">sei quem fez</a> mas, agradeço por eles existirem.<br />
A nuvem de tags funciona sem usar arquivos de terceiros, sem javascript externo, os códigos que são adicionados ao HTML do blog, são divididos em três partes, html, css e javascript.<br />
<br/>
Coloque o css acima do html, o javascript insira no final do seu modelo xml usando a tag 'cdata' e por fim coloque o html onde deseja que sua nuvem seja renderizada. Nada diferente da grande maioria dos tutoriais, creio que a maioria das pessoas que costumam editar seus modelos, já estão habituadas com esses procedimentos.
<br/>
Aqui o código <b>css</b> usado no exmplo para o estilo:
<style>
#tanque {
background: #003300;
margin-top: 5px;
}
#all {
margin: 40% auto;
width: 50%;
height: auto;
-webkit-animation: grow 4s;
-webkit-animation-delay:0.5s;
animation-fill-mode: forwards;}
.script {
font-family: Microsoft YaHei;
color: #fff;
font-size: 40px;
display: block;
position: relative;}
.java {
font-family: Microsoft YaHei;
color: #fff;
font-size: 40px;
display: block;
position: relative;}
.java:before {
color:#004400;
content: "www.verbratec.com.br";
display: block;
position: absolute;
left: 20%;
margin-top:20%;
width: 70%;
height: 70%;
background-color: #004400;
-webkit-animation-delay: 2s ;
-webkit-animation: grow 4s;
-webkit-animation-delay:0.5s;
animation-fill-mode: forwards;}
@-webkit-keyframes grow
{
from {
width: 0px;
}
to {
width: 480px;
}
}
#agua {
position: relative;
width: 100%;
height: 450px;
margin: -300px auto 0;}
#agua a {
position: absolute;
top: 0px;
left: 0px;
font-family: Microsoft YaHei;
color: #fff;
font-weight: bold;
text-decoration: none;
padding: 3px 6px;}
#agua a:hover {border: 1px solid lime; background: #003300; }
#agua .blue {
color: blue;}
#agua .esverdeado {
color: lime;}
#agua .yellow {
color: yellow;}
p9 {
font: 16px Microsoft YaHei;
text-align: center;
color: #ba0c0c;}
p9 a {
font-size: 20px;
color: #ba0c0c;}
p9 span {
font-size: 14px;
color: #ba0c0c;}
</style>
[code type='CSS']
<style>
#tanque {
background: #003300;}
#all {
margin: 185px auto;
width: 100px;
height: 100px;
-webkit-animation: grow 4s;
-webkit-animation-delay:0.5s;
animation-fill-mode: forwards;}
.script {
font-family: Microsoft YaHei;
color: #fff;
font-size: 40px;
display: block;
position: relative;}
.java {
font-family: Microsoft YaHei;
color: #fff;
font-size: 40px;
display: block;
position: relative;}
.java:before {
color:#004400;
content: "www.verbratec.com.br";
display: block;
position: absolute;
left: 185px;
top:151px;
width: 20px;
height: 100%;
background-color: #004400;
-webkit-animation-delay: 2s ;
-webkit-animation: grow 4s;
-webkit-animation-delay:0.5s;
animation-fill-mode: forwards;}
@-webkit-keyframes grow
{
from {
width: 0px;
}
to {
width: 480px;
}
}
#div1 {
position: relative;
width: 800px;
height: 450px;
margin: -300px auto 0;}
#div1 a {
position: absolute;
top: 0px;
left: 0px;
font-family: Microsoft YaHei;
color: #fff;
font-weight: bold;
text-decoration: none;
padding: 3px 6px;}
#div1 a:hover {border: 1px solid lime; background: #003300; }
#div1 .blue {
color: blue;}
#div1 .esverdeado {
color: lime;}
#div1 .yellow {
color: yellow;}
p9 {
font: 16px Microsoft YaHei;
text-align: center;
color: #ba0c0c;}
p9 a {
font-size: 20px;
color: #ba0c0c;}
p9 span {
font-size: 14px;
color: #ba0c0c;}
</style>
[/code]
<div class="separator" style="clear: both; text-align: center;">...........</div>
<br/><br/><br/>
<div id='tanque'>
<div class="java"></div>
<div id="all">
<div class="script"></div>
</div>
<div id="agua">
<a href="/p/configuracao-e-controle.html" class="esverdeado">Cconfigurações</a>
<a href="/2011/11/como-aceder-o-html-do-blog.html" class="yellow">HTML5</a>
<a href="/2012/07/link-ao-topo.html">Link ao topo</a>
<a href="/2020/11/modo-escuro.html" class="blue">Modo noturno</a>
<a href="/2020/10/favicon-blogger-2020-nova-interface.html">Favicon</a>
<a href="/p/archive.html" class="esverdeado">Mapa do site</a>
<a href="/search/label/script" class="yellow">JavaScript</a>
<a href="/2019/06/codigos-de-erro-em-cooktops-de-inducao.html">Error code cooktop</a>
<a href="/2015/03/projeto-solda-caseira-parte-um.html" class="esverdeado">Máquina solda</a>
<a href="/2018/03/json-em-paginas-blogger.html">JSON páginas</a>
<a href="/" class="blue">Verbratec</a>
<a href="/2018/03/aprender-json-blogger.html" class="yellow">JSON Blogger</a>
<a href="/2018/03/dica-de-contexto-tooltip.html" class="esverdeado">Tooltype</a>
<a href="/2018/04/feed-blogger-json.html" class="blue">JSON Feed</a>
<a href="/p/download.html">Template</a>
</div>
</div>
<div class="separator" style="clear: both; text-align: center;">Demostração ao vivo.</div>
Aqui o código <b>html</b> usado no exemplo, não esqueça de editar conforme sua necessidade:
[code type='HTML']
<div id='tanque'>
<div id="all">
<div class="java">json</div>
<div class="script"></div>
</div>
<div id="div1">
<a href="/p/configuracao-e-controle.html" class="esverdeado">Cconfigurações</a>
<a href="/2011/11/como-aceder-o-html-do-blog.html" class="yellow">HTML5</a>
<a href="/2012/07/link-ao-topo.html">Link ao topo</a>
<a href="/2020/11/modo-escuro.html" class="blue">Modo noturno</a>
<a href="/2020/10/favicon-blogger-2020-nova-interface.html">Favicon</a>
<a href="/p/archive.html" class="esverdeado">Mapa do site</a>
<a href="/search/label/script" class="yellow">JavaScript</a>
<a href="/2019/06/codigos-de-erro-em-cooktops-de-inducao.html">Error code cooktop</a>
<a href="/2015/03/projeto-solda-caseira-parte-um.html" class="esverdeado">Máquina solda</a>
<a href="/2018/03/json-em-paginas-blogger.html">JSON páginas</a>
<a href="/" class="blue">Verbratec</a>
<a href="/2018/03/aprender-json-blogger.html" class="yellow">JSON Blogger</a>
<a href="/2018/03/dica-de-contexto-tooltip.html" class="esverdeado">Tooltype</a>
<a href="/2018/04/feed-blogger-json.html" class="blue">JSON Feed</a>
<a href="/p/download.html">Template</a>
</div>
</div>
[/code]
Como já citado, coloque abaixo o javascript.
[code type='javascript']
<script type='text/javascript'>
document.getElementById('div1').style.visibility = "hidden";
var change = function changeVisibility() {
document.getElementById('all').style.visibility = "hidden";
document.getElementById('div1').style.visibility = "visible";
}
setTimeout(change, 4000);
var radius = 200;
var dtr = Math.PI / 180;
var d = 300;
var mcList = [];
var active = false;
var lasta = 1;
var lastb = 1;
var distr = true;
var tspeed = 3;
var size = 250;
var mouseX = 0;
var mouseY = 0;
var howElliptical = 1;
var aA = null;
var oDiv = null;
window.onload = function() {
var i = 0;
var oTag = null;
oDiv = document.getElementById('div1');
aA = oDiv.getElementsByTagName('a');
for (i = 0; i < aA.length; i++) {
oTag = {};
oTag.offsetWidth = aA[i].offsetWidth;
oTag.offsetHeight = aA[i].offsetHeight;
mcList.push(oTag);
}
sineCosine(0, 0, 0);
positionAll();
oDiv.onmouseover = function() {
active = true;
};
oDiv.onmouseout = function() {
active = false; };
oDiv.onmousemove = function(ev) {
var oEvent = window.event || ev;
mouseX = oEvent.clientX - (oDiv.offsetLeft + oDiv.offsetWidth / 2);
mouseY = oEvent.clientY - (oDiv.offsetTop + oDiv.offsetHeight / 2);
mouseX /= 5;
mouseY /= 5; };
setInterval(update, 30);
};
function update() {
var a;
var b;
if (active) {
a = (-Math.min(Math.max(-mouseY, -size), size) / radius) * tspeed;
b = (Math.min(Math.max(-mouseX, -size), size) / radius) * tspeed;
} else {
a = lasta * 0.98;
b = lastb * 0.98; }
lasta = a;
lastb = b;
if (Math.abs(a) <= 0.01 && Math.abs(b) <= 0.01) {
return; }
var c = 0;
sineCosine(a, b, c);
for (var j = 0; j < mcList.length; j++) {
var rx1 = mcList[j].cx;
var ry1 = mcList[j].cy * ca + mcList[j].cz * (-sa);
var rz1 = mcList[j].cy * sa + mcList[j].cz * ca;
var rx2 = rx1 * cb + rz1 * sb;
var ry2 = ry1;
var rz2 = rx1 * (-sb) + rz1 * cb;
var rx3 = rx2 * cc + ry2 * (-sc);
var ry3 = rx2 * sc + ry2 * cc;
var rz3 = rz2;
mcList[j].cx = rx3;
mcList[j].cy = ry3;
mcList[j].cz = rz3;
per = d / (d + rz3);
mcList[j].x = (howElliptical * rx3 * per) - (howElliptical * 2);
mcList[j].y = ry3 * per;
mcList[j].scale = per;
mcList[j].alpha = per;
mcList[j].alpha = (mcList[j].alpha - 0.6) * (10 / 6); }
doPosition();
depthSort();}
function depthSort() {
var i = 0;
var aTmp = [];
for (i = 0; i < aA.length; i++) {
aTmp.push(aA[i]); }
aTmp.sort(
function(vItem1, vItem2) {
if (vItem1.cz > vItem2.cz) {
return -1;
} else if (vItem1.cz < vItem2.cz) {
return 1;
} else {
return 0; } } );
for (i = 0; i < aTmp.length; i++) {
aTmp[i].style.zIndex = i; }}
function positionAll() {
var phi = 0;
var theta = 0;
var max = mcList.length;
var i = 0;
var aTmp = [];
var oFragment = document.createDocumentFragment();
for (i = 0; i < aA.length; i++) {
aTmp.push(aA[i]); }
aTmp.sort(
function() {
return Math.random() < 0.5 ? 1 : -1; } );
for (i = 0; i < aTmp.length; i++) {
oFragment.appendChild(aTmp[i]); }
oDiv.appendChild(oFragment);
for (var i = 1; i < max + 1; i++) {
if (distr) {
phi = Math.acos(-1 + (2 * i - 1) / max);
theta = Math.sqrt(max * Math.PI) * phi;
} else {
phi = Math.random() * (Math.PI);
theta = Math.random() * (2 * Math.PI); }
mcList[i - 1].cx = radius * Math.cos(theta) * Math.sin(phi);
mcList[i - 1].cy = radius * Math.sin(theta) * Math.sin(phi);
mcList[i - 1].cz = radius * Math.cos(phi);
aA[i - 1].style.left = mcList[i - 1].cx + oDiv.offsetWidth / 2 - mcList[i - 1].offsetWidth / 2 + 'px';
aA[i - 1].style.top = mcList[i - 1].cy + oDiv.offsetHeight / 2 - mcList[i - 1].offsetHeight / 2 + 'px'; }}
function doPosition() {
var l = oDiv.offsetWidth / 2;
var t = oDiv.offsetHeight / 2;
for (var i = 0; i < mcList.length; i++) {
aA[i].style.left = mcList[i].cx + l - mcList[i].offsetWidth / 2 + 'px';
aA[i].style.top = mcList[i].cy + t - mcList[i].offsetHeight / 2 + 'px';
aA[i].style.fontSize = Math.ceil(12 * mcList[i].scale / 2) + 8 + 'px';
aA[i].style.filter = "alpha(opacity=" + 100 * mcList[i].alpha + ")";
aA[i].style.opacity = mcList[i].alpha; }}
function sineCosine(a, b, c) {
sa = Math.sin(a * dtr);
ca = Math.cos(a * dtr);
sb = Math.sin(b * dtr);
cb = Math.cos(b * dtr);
sc = Math.sin(c * dtr);
cc = Math.cos(c * dtr);}
</script>[/code]
<script type='text/javascript'>
document.getElementById('agua').style.visibility = "hidden";
var change = function changeVisibility() {
document.getElementById('all').style.visibility = "hidden";
document.getElementById('agua').style.visibility = "visible";
}
setTimeout(change, 4000);
var radius = 200;
var dtr = Math.PI / 180;
var d = 300;
var mcList = [];
var active = false;
var lasta = 1;
var lastb = 1;
var distr = true;
var tspeed = 3;
var size = 250;
var mouseX = 0;
var mouseY = 0;
var howElliptical = 1;
var aA = null;
var oDiv = null;
window.onload = function() {
var i = 0;
var oTag = null;
oDiv = document.getElementById('agua');
aA = oDiv.getElementsByTagName('a');
// aA=document.getElementById('div2');
// aA=oDiv.getElementsByTagName('span');
for (i = 0; i < aA.length; i++) {
oTag = {};
oTag.offsetWidth = aA[i].offsetWidth;
oTag.offsetHeight = aA[i].offsetHeight;
mcList.push(oTag);
}
sineCosine(0, 0, 0);
positionAll();
oDiv.onmouseover = function() {
active = true;
};
oDiv.onmouseout = function() {
active = false;
};
oDiv.onmousemove = function(ev) {
var oEvent = window.event || ev;
mouseX = oEvent.clientX - (oDiv.offsetLeft + oDiv.offsetWidth / 2);
mouseY = oEvent.clientY - (oDiv.offsetTop + oDiv.offsetHeight / 2);
mouseX /= 5;
mouseY /= 5; }; setInterval(update, 30);};
function update() {
var a;
var b;
if (active) {
a = (-Math.min(Math.max(-mouseY, -size), size) / radius) * tspeed;
b = (Math.min(Math.max(-mouseX, -size), size) / radius) * tspeed;
} else {
a = lasta * 0.98;
b = lastb * 0.98;
}
lasta = a;
lastb = b;
if (Math.abs(a) <= 0.01 && Math.abs(b) <= 0.01) {
return;
}
var c = 0;
sineCosine(a, b, c);
for (var j = 0; j < mcList.length; j++) {
var rx1 = mcList[j].cx;
var ry1 = mcList[j].cy * ca + mcList[j].cz * (-sa);
var rz1 = mcList[j].cy * sa + mcList[j].cz * ca;
var rx2 = rx1 * cb + rz1 * sb;
var ry2 = ry1;
var rz2 = rx1 * (-sb) + rz1 * cb;
var rx3 = rx2 * cc + ry2 * (-sc);
var ry3 = rx2 * sc + ry2 * cc;
var rz3 = rz2;
mcList[j].cx = rx3;
mcList[j].cy = ry3;
mcList[j].cz = rz3;
per = d / (d + rz3);
mcList[j].x = (howElliptical * rx3 * per) - (howElliptical * 2);
mcList[j].y = ry3 * per;
mcList[j].scale = per;
mcList[j].alpha = per;
mcList[j].alpha = (mcList[j].alpha - 0.6) * (10 / 6); }
doPosition();
depthSort();}
function depthSort() {
var i = 0;
var aTmp = [];
for (i = 0; i < aA.length; i++) {
aTmp.push(aA[i]); }
aTmp.sort(
function(vItem1, vItem2) {
if (vItem1.cz > vItem2.cz) {
return -1;
} else if (vItem1.cz < vItem2.cz) {
return 1;
} else {
return 0; }});
for (i = 0; i < aTmp.length; i++) {
aTmp[i].style.zIndex = i; }}
function positionAll() {
var phi = 0;
var theta = 0;
var max = mcList.length;
var i = 0;
var aTmp = [];
var oFragment = document.createDocumentFragment();
for (i = 0; i < aA.length; i++) {
aTmp.push(aA[i]); }
aTmp.sort(
function() {
return Math.random() < 0.5 ? 1 : -1; });
for (i = 0; i < aTmp.length; i++) {
oFragment.appendChild(aTmp[i]);}
oDiv.appendChild(oFragment);
for (var i = 1; i < max + 1; i++) {
if (distr) {
phi = Math.acos(-1 + (2 * i - 1) / max);
theta = Math.sqrt(max * Math.PI) * phi;
} else {
phi = Math.random() * (Math.PI);
theta = Math.random() * (2 * Math.PI); }
mcList[i - 1].cx = radius * Math.cos(theta) * Math.sin(phi);
mcList[i - 1].cy = radius * Math.sin(theta) * Math.sin(phi);
mcList[i - 1].cz = radius * Math.cos(phi);
aA[i - 1].style.left = mcList[i - 1].cx + oDiv.offsetWidth / 2 - mcList[i - 1].offsetWidth / 2 + 'px';
aA[i - 1].style.top = mcList[i - 1].cy + oDiv.offsetHeight / 2 - mcList[i - 1].offsetHeight / 2 + 'px'; }}
function doPosition() {
var l = oDiv.offsetWidth / 2;
var t = oDiv.offsetHeight / 2;
for (var i = 0; i < mcList.length; i++) {
aA[i].style.left = mcList[i].cx + l - mcList[i].offsetWidth / 2 + 'px';
aA[i].style.top = mcList[i].cy + t - mcList[i].offsetHeight / 2 + 'px';
aA[i].style.fontSize = Math.ceil(12 * mcList[i].scale / 2) + 8 + 'px';
aA[i].style.filter = "alpha(opacity=" + 100 * mcList[i].alpha + ")";
aA[i].style.opacity = mcList[i].alpha; }}
function sineCosine(a, b, c) {
sa = Math.sin(a * dtr);
ca = Math.cos(a * dtr);
sb = Math.sin(b * dtr);
cb = Math.cos(b * dtr);
sc = Math.sin(c * dtr);
cc = Math.cos(c * dtr);
}
</script>
[success title="Atualizando!" icon="check-circle"]
Nuvem de tags, poderá ter que fazer pequenos ajustes no css de seu template.<br />
Artigo revisado em 05 de julho de 2021.
[/success]
<br/>
Em caso de dúvida entre em contato, deixe um comentário.<br/>
Agradeço sua visita aqui e ensejo-lhe uma excelente navegação pelo mundo "web"!<br/><div class="blogger-post-footer"><a herf=" https://www.verbratec.com.br/" target="_blank"> Verbratec - Jair de Jesus</a> | Reprodução proibida.</div>Jair de Jesushttp://www.blogger.com/profile/03590002350038063650noreply@blogger.com1tag:blogger.com,1999:blog-5239447796149211682.post-84779545822631289182021-02-13T21:04:00.007-03:002021-06-13T22:08:36.586-03:00De olhos fechados.Olá terráqueos e terráqueas!<br />
O assunto aqui é algo que me chamou a atenção, ao estudar música já vi centenas de vídeos, das mais variadas interpretações, mas observo mais a guitarra clássica, ou seja, aqui no Brasil, chamamos de "violão" clássico.<br />
No resumo da arte, há um fator "olhos fechados" como veremos nas imagens abaixo.<br />
Quanto mais eu estudo, mais sei, que não sei, kkk. Porém temos esperança, várias pesquisas estão em andamento no globo terrestre, então algumas coisas nós sabemos, por exemplo a boa música é benéfica para os vegetais, tanto quanto para os animais.<br/>
Nós humanos queremos saber como tudo acontece na natureza, porém muito ainda é mistério e permanece baseado em teses. A parte boa é que já sabemos algo útil, como por exemplo o fato da música criar novas conexões neurais, reativar a memória, tranquilizar e etc.<br/>
Logo podemos dizer que a música não só é processada pelo cérebro, mas afeta o seu funcionamento e dessa forma altera os batimentos cardíacos, a quantidade de hormônios no sangue, a oxigenação entre outros fatores.<br/>
A visão é sem dúvida nosso sentido "principal" enquanto simples humanos, mas quando cortamos esse sentido, "fechando os olhos" nosso cérebro atua imediatamente e amplia os demais sentidos, então de olhos fechados temos automaticamente um 'ouvido' muito mais eficiente e como violonistas, um 'tato' muito eficaz também, por outro lado a visão atua como entrada de dados para o cérebro e no momento de executar uma peça ele precisa muito mais da memória, já que a peça foi previamente estudada, é cabível dizer que no momento os dados visuais seriam poluentes desnecesssários <i>(exceto enquanto lendo a partitura</i>). Me atrevo a dizer que a maioria dos violonistas não programa isso de forma consciente, ah nessa parte eu fecho os olhos, em tal compasso eu abro os olhos, creio que o inconsciente comanda isso.<br /> Deixe por favor o seu parecer, sua ideia, sua experiência, ali embaixo nos comentários.<br />
Fechar os olhos no palco, demostra sentimento na interpretação, o violonista mostra o domínio da guitarra e o conhecimento da peça entre outras coisas e isso é de fácil entendimento para a platéia. Isso me causa um certo fascínio específico, ou seja, se fecha os olhos é um fator muito positivo. <br />
Claro que isso é uma coisa minha, de iniciante no estudo de música, no entanto o que me chamou a atenção foi a falta de conteúdo, cientificamente comprovado sobre esse assunto, talvez seja para os mestres algo irrelevante ou simplório, corriqueiro, natural ou talvez esteja passando desapercebido, mas não vi nenhum mestre durante aula de dinâmica por exemplo, dizer: _Feche os olhos, sinta a música. Tentei executar uma peça de olhos fechados e foi um grande desafio, gostei tanto das sensaçãos, do sentir mais o áudio, o tato, a pressão sobre as cordas, a distância do traste, ao fechar os olhos se obtém algo indescritível, com certeza ajuda o aluno a elevar seu nível técnico, o trabalho da dinâmica é simplesmente "sensacional", já se passaram muitas aulas com inúmeros mestres diferentes, nem mesmo Andrés Segovia falou sobre fechar os olhos.<br />
Ao fechar os olhos, a audição realmente amplia e tudo fica mais nítido, inclusive os erros, kkkk. Tudo bem se não conseguir executar uma peça, faça por partes, por compassos, por frases, experimente.<br />
Vou seguir observando e pesquisando de 'olhos abertos', ao encontrar detalhes úteis adicionarei aqui.<br />Talvez essas minhas palavras possam servir como um gatilho, para que outras pessoas, escrevam mais sobre isso.<br/>
Meu especial agradecimento aos violonistas que autorizaram o uso da imagem: <b>Pablo Romero Luis</b> e<b> Esdras Maddalon</b>.
<br/>Um grande abraço e o meu muito obrigado por sua visita aqui!<br /><hr/>
<br />
Da Espanha, uma pessoa com quem tenho aprendido muito, grande mestre <b>Pablo Romero Luis</b>.<br />
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMWmxov67FEfTU9yAWj3aoyBsP9G7fgpyTYar1Y4oBiyB59Xvv5sI8XTN1ixVs6ydIFzzKVDuWuzVWdepSJs-OINUDbrekMdGMn1diVYHI1Ikp_pBK53rODaYp89HCJN-bTZwBQasCXlv7/s0/Pablo+Romero+Luis.png" style="display: block; padding: 1em 0; text-align: center; "><img title='Pablo Romero Luis de olhos fechados tocando guitarra clássica.' alt="Pablo Romero Luis de olhos fechados tocando guitarra clássica." border="0" data-original-height="384" data-original-width="647" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMWmxov67FEfTU9yAWj3aoyBsP9G7fgpyTYar1Y4oBiyB59Xvv5sI8XTN1ixVs6ydIFzzKVDuWuzVWdepSJs-OINUDbrekMdGMn1diVYHI1Ikp_pBK53rODaYp89HCJN-bTZwBQasCXlv7/s0/Pablo+Romero+Luis.png"/></a>
Visite o canal YouTube de <a target='_blank' href='https://www.youtube.com/channel/UCJujK5RTsrc6fT83_0lpS3g' title='Canal de Pablo Romero Luis no YouTube.'> Pablo Romero Luis</a>.
</div>
<br/>
<hr/><br/>
Um violonista brasileiro, residente na Itália, professor, concertista e de "olhos fechados": <b>Esdras Maddalon</b><br/>
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgVjje61Q7xNOmVD6weeYUmmZMq-0Q9vv7fEtUU8pbH_pzLJAfaqQN4oQMlInnK5B9vHY_QzClt0qW3tND2C0UgtQnole-gL5OijZ6IhUlJfkJnjpYsbDnISDyEsAhwGqbvMZAD7pO1Wx_/s0/Esdras+Maddalon.png" style="display: block; padding: 1em 0; text-align: center; "><img title='Esdras Maddalon de olhos fechados tocando guitarra clássica.' alt="Esdras Maddalon de olhos fechados tocando guitarra clássica." border="0" data-original-height="492" data-original-width="741" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgVjje61Q7xNOmVD6weeYUmmZMq-0Q9vv7fEtUU8pbH_pzLJAfaqQN4oQMlInnK5B9vHY_QzClt0qW3tND2C0UgtQnole-gL5OijZ6IhUlJfkJnjpYsbDnISDyEsAhwGqbvMZAD7pO1Wx_/s0/Esdras+Maddalon.png"/></a>
Conheça o canal no YouTube <a href='https://www.youtube.com/channel/UC2l5Y51SDlnRVkWN2-gZBhA' target='_blank'>Esdras Maddalon</a></div>
<br/>
<hr />
Fontes:<br />
Alguns artigos relacionados, que podem contribuir para um melhor entendimento de minha curiosidade:<br/>
Universidade de São Paulo - USP<br/>
<a href='https://jornal.usp.br/ciencias/ciencias-biologicas/musica-pode-estimular-do-desenvolvimento-do-cerebro-a-saude-emocional/' target='_blank' rel='nofollow'>https://jornal.usp.br/ciencias/ciencias-biologicas/musica-pode-estimular-do-desenvolvimento-do-cerebro-a-saude-emocional/</a>
<br />
Universidade de Surrey - Inglaterra<br/>
<a href='https://www.surrey.ac.uk/mediacentre/press/2015/closing-your-eyes-boosts-memory-recall-new-study-finds' target='_blank' rel='nofollow'>https://www.surrey.ac.uk/mediacentre/press/2015/closing-your-eyes-boosts-memory-recall-new-study-finds</a>
<br />
Universidade Nacional de Taiwan<br />
<a href='https://www.frontiersin.org/articles/10.3389/fpsyg.2015.01160/full' target='_blank' rel='nofollow'>https://www.frontiersin.org/articles/10.3389/fpsyg.2015.01160/full</a>
<div class="blogger-post-footer"><a herf=" https://www.verbratec.com.br/" target="_blank"> Verbratec - Jair de Jesus</a> | Reprodução proibida.</div>Jair de Jesushttp://www.blogger.com/profile/03590002350038063650noreply@blogger.com0tag:blogger.com,1999:blog-5239447796149211682.post-71667867553938661852021-01-26T06:20:00.001-03:002021-01-28T22:07:16.589-03:00Licenciamento de veículo 2021 - DETRAN-RSÉ interessante a ideia de economizar, por isso o departamento de trânsito do Rio Grande do Sul não fornece mais o documento impresso, que até então era enviado pelo Correios.<br/> Será que foi isso mesmo que ocorreu?<br/> Não imprime, economiza, não entrega, economiza.
Porém segue sendo obrigatório o uso do documento no veículo. <br />
Penso nas pessoas que não usam "smartphone" e portanto seriam "obrigadas" a mais essa mudança, eu mesmo muitas vezes saio e deixo o celular em casa.<br />
O intuíto deste escrito é de acordo com a existência deste blog/site, ou seja, <b>ajudar</b>.<br />
Depois de ir aqui e ali, resolvi imprimir o documento para deixar no fusca, como sempre, dentro do porta-luvas, para tanto é preciso ter uma conta no site do <a href='https://www.gov.br/pt-br'>governo do Brasil</a>.<br/>
Depois é só ir até o site do <a href='https://portalservicos.denatran.serpro.gov.br/#/crlvdigital/baixarcrlv'>denatran</a> e baixar o CRLV.<br/>
É preciso passar um mínimo de dados, gostei dessa parte.<br/>
<br />
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhslyqo7V_Dm0LfIq2txa4ef_Mc4ICqpIHc0hEn5mYe4RHLmGz9wj56R-ZKhmtmExKC2djPCBId1W-i9M-O1L0YuVwCbKcpwiXeM9GbqENYYAwdeqPv0UQ1kgRtghMM0PytWNq4bHH2Jo1r/s0/crlv.png" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" data-original-height="481" data-original-width="623" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhslyqo7V_Dm0LfIq2txa4ef_Mc4ICqpIHc0hEn5mYe4RHLmGz9wj56R-ZKhmtmExKC2djPCBId1W-i9M-O1L0YuVwCbKcpwiXeM9GbqENYYAwdeqPv0UQ1kgRtghMM0PytWNq4bHH2Jo1r/s0/crlv.png"/></a></div>
<br/>
<b>Importante:</b> O CRLV Digital só pode ser gerado no perfil do proprietário do veículo.<br/> A versão eletrônica do CRLV contém todas as informações do documento impresso e tem a mesma validade jurídica.<br />
Se bem que em se tratando de Brasil, alguns policiais desconhecem a lei. Já vi vários que <b>"pensam"</b> que dirigir sem CNH é crime. Pior que não tem como mudar essa parte atualmente, seria o ideal ter policiais formados em direito. Talvez no futuro muito distante o Brasil mude pra melhor, tenho pouca fé nisso.<br />
A desculpa fica por conta de que tudo passa por um delegado que é formado.<br /> Vish! Até chegar no delegado...
<br/>
Integrar o sistema de informações governametais, resolveria uma boa parcela dos muitos problemas. Hoje "Adalberto" tem o carro roubado, faz um boletim de ocorrência e torce para recuperar, se ele encontrar porventura do destino, deverá chamar a polícia(Brigada Militar), a polícia civil por sua vez irá devolver o veículo ao proprietário, porém como é Brasil, o proprietário poderá ser abordado violentamente pela Brigada Militar na próxima avenida, uma vez que o veículo consta com <b>restrição</b> por furto ou roubo no sistema consultado pela Brigada Militar junto ao departamento de trânsito. <br/>
No futuro muito distante, o policial ao liberar o veículo recuperado para o proprietário deverá dar baixa em tal <b>restrição</b>.
Cômico não fosse trágico. O pobre Adalberto, sofreu o trauma do assalto, ficou sem documento, sem celular, sem carro e quando recupera o carro, se vê em meio de uma 'baita' confusão em que, cinco policiais fortemente armados, gritando... <br /> Deitar no chão e ter o pescoço pisado é normal para o criminoso, que no instante era o que pensavam os policiais, alí estava um criminoso, assaltante, poderia estar armado, ser muito perigoso e tal e tal.<br /> Não lhes tiro a razão.<br/>
<br />
Espero que isso possa ser útil para outras pessoas, eu voltarei aqui sempre que for preciso acessar os referidos sites. Uma maneira de guardar informações, é isso, até a próxima e obrigado por sua visita!<br/><div class="blogger-post-footer"><a herf=" https://www.verbratec.com.br/" target="_blank"> Verbratec - Jair de Jesus</a> | Reprodução proibida.</div>Jair de Jesushttp://www.blogger.com/profile/03590002350038063650noreply@blogger.com0tag:blogger.com,1999:blog-5239447796149211682.post-79062925919280395602020-12-03T12:01:00.007-03:002021-05-08T05:49:36.512-03:00Template.Um template Blogger pode suprir as necessidades iniciais, depois de um tempo a gente quer outras funções, as vezes outro desenho.<br />
Eu vejo muitos casos, em que o internauta sofre para atingir o objetivo. De fato não é algo tão simples, instalar e configurar adequadamente um template. Aqui pretendo compartilhar algumas dicas, de uma maneira geral, por exemplo se tiver uma imagem em cada artigo, todos os templates e aplicativos, gadgets/widgets funcionarão bem, se não tiver imagem, alguns templates terão problema pela falta de tal imagem, então no geral é bom ter uma imagem em cada artigo. Pode ter mais de uma imagem? Sim, sem problema algum, na maioria das vezes os programas irão puxar a primeira imagem do artigo, mesmo que ela não esteja aparente no artigo, para isso pode-se por exemplo usar o estilo <b>display:none</b> em css. <br />
Daí entra o segunda dica, que é ter uma noção básica do html, css e javascript, isso facilitará bastante a vida do internauta que faz uso do Blogger. Entender onde adicionar código, onde se localizam os blocos de código, da pele(skin), do corpo(body), do rodapé(footer), barra lateral(sidebar) e etc.<br />
<br />
Outro detalhe que deve ser considerado é a idade do template, geralmente a última versão de um "software" está em teste e é chamada de "beta", isso por conter problemas ainda não resolvidos, significa que o mais novo pode não ser o melhor. Por outro lado não se deve fazer uso de algo muito antigo, com links quebrados de sites que já fecharam as portas e serviços encerrados como o GooglePlus por exemplo.<br />
Um template que está com um ano de vida hoje, tem maiores chances de possuir uma codificação atualizada e com menos problemas para correção.<br />
É quase que impossível estar 100%, pois as coisas mudam muito rápido e se deve considerar que até mesmo grandes sites tem problemas, falhas as vezes pequenas, que passam desapercebidas por muitos, mas que ali estão e para quem é mais detalhista se tornam algo incômodo.<br />
Eu gosto de ver tudo funcionando bem, mas reconheço que nem sempre isso é possível. Tenho um gosto em especial que nem sequer é perceptível ao público, me refiro aqui ao <b>painel administrativo</b>, que é visto apenas pelo Jair, mas que me dá um gostinho quando aparece nas imagens ou nos vídeos, sei que muitos ficam se perguntando, como o painel dele é cheio de tons e gadgets diferentes?<br />
<br />
<div class="separator" style="clear: both;">
<img alt="Imagem do painel administrativo layout Blogger Verbratec." title='Imagem do painel administrativo layout Blogger Verbratec, por Jair de Jesus em 2020."' border="0" height="auto" width="91%" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWyRqZI11Vs6pV-SYULs-nZ3c0I5BQT3ZKmaP3H99t4K_Z_pSfXO7nj_s2Zw0_V5kPwaRPHHbUWTOBiNthfzDYSC_VLkqIbYWXGI2uRHTsqpj5Bq4wCESfu_mx-v-rjr7efRo1BPupc7bz/s0/painel+blogger+layout+verbratec+.png"/>
</div>
<br />
Acredito que a maioria das pessoas, que gostam de blogar, escolhem seus templates apenas pelo desenho, mas tem uns 30% de usuários que gostam de ter funcionalidades à disposição e a tendência é que esse percentual cresça. Para isso os desenvolvedores precisam estar atentos, atualizados e dispostos para atender a demanda.<br />
Penso que há tão pouco disponível, mas de fato não há procura suficiente. O que rege é a lei da oferta e da procura, por isso até hoje, não há suporte ao <b>PHP</b> no Blogger, infelizmente.<br />
Eu dedico algum tempo pesquisando, para poder inovar, mas há alguns "freios" aqui, daí resta escrever algo lamentando a impossibilidade de fazer algo diferente, seguimos usando apenas o feed na alimentação dos gadgets, que já me parecem velhos conhecidos e que por mais criativos que sejamos, possuem as mesmas funcionalidades de anos atrás. Isso é bah!<br />
Para efeitos de estudo e observação, como exemplos de codificação para templates Blogger, poderás acessar essa <a href='https://www.verbratec.com.br/p/download.html' title='Código template Blogger para estudo.'>página</a>.
<br />
Os códigos na versão 1 e 2 para um mesmo widget.<br />
<div class="separator" style="clear: both;"><img title='Códigos nas versões um e dois para um mesmo widget Blogger.' alt="Códigos nas versões um e dois para um mesmo widget Blogger." border="0" height="auto" width="93%" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSyQfiQEyg50kS2tSbvVf7OrACjTjL2XBOnGSxOxUO2iLTkRdiqosAAtUccWaO2DK2FuFVNHMeufS_Jwbw70SMviugpnYHxOQqd7-kvevF5qqn9kIh5eKuUjMHGsUsSNE1fKS41dE4sCjU/s0/verso%25CC%2583es+Blogger+widgets.png"/></div>
<br />
Por curiosidade, é possível fazer uso de até 999 widgets em um template Blogger, sendo que muitos deles são usados apenas para realizar funções, ficando invisíveis, trabalhando apenas em segundo plano.<br />
Um abraço com o ensejo de um ótimo final de semana e até a próxima!<br />
<hr/>
<div class="blogger-post-footer"><a herf=" https://www.verbratec.com.br/" target="_blank"> Verbratec - Jair de Jesus</a> | Reprodução proibida.</div>Jair de Jesushttp://www.blogger.com/profile/03590002350038063650noreply@blogger.com0tag:blogger.com,1999:blog-5239447796149211682.post-35396406714586554942020-11-11T22:00:00.028-03:002021-10-20T19:25:39.552-03:00Criando uma página no Blogger.<div><p>Gente como é difícil para o leigo, estou bah!</p>
<br />
<p>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!</p>
<p>Pra criar a página já não renderizava, daí tive a ideia de publicar sem texto mesmo, ganhei um ponto, aaah!</p>
<p>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 <b>gadget</b> 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.
</p>
<p>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 <b>tudo</b>, menos que falta uma vírgula.</p>
</div>
<div>
Na imagem o código, <b>completo mesmo</b> 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.</div>
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhguL7AvsmwtemcAVoas3m7u8fxNhyphenhyphen56kuJF7fZzec01bDjO4z69HI9OMTk2Nf94FVNyxSRh0zX5RaVtZQNAOPoXelcHnuwWv7VGywZARamyOPk2KcByWxVKiWhGV79sdIdPhUcmv4dABTr/s0/section+gadget+pages+Blogger+Verbratec.png" style="display: block; padding: 1em 0px; text-align: center;"><img alt="" border="0" data-original-height="467" data-original-width="877" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhguL7AvsmwtemcAVoas3m7u8fxNhyphenhyphen56kuJF7fZzec01bDjO4z69HI9OMTk2Nf94FVNyxSRh0zX5RaVtZQNAOPoXelcHnuwWv7VGywZARamyOPk2KcByWxVKiWhGV79sdIdPhUcmv4dABTr/s0/section+gadget+pages+Blogger+Verbratec.png" /></a></div>
<br />Pra quem não sabe nada, até dá pra aprender alguma coisa, pra quem já sabe pode se divertir e rir muito!<br />
<div> 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!</div>
<p>Enquanto isso esperamos que a engenharia do Google solucione e talvez até venha com algo novo.</p>
<p>Deixe um comentário, me diga se é interessante ver vídeos desse tipo, com a dureza da realidade.</p><p>Um abraço e até a próxima!</p>
<br/>[ads-post]
<br/>
Esse vídeo vai render, gargalhadas!<br/><br/>
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!
<br/><br />
<div class="inlinestyle frame-shrt-youtube">
<iframe width="100%" height="400" src="https://www.youtube.com/embed/wttMbRzV4Wc?rel=0" frameborder="0" allowfullscreen="">
</iframe></div>
https://www.youtube.com/embed/wttMbRzV4Wc
<br/>
<br/>
<br/>
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.<br />
<style>#sde{background-color:#e8faf2; height:500px; width:98%}
#sde2{background-color:#e8faf2; height:200px; width:98%}
#sde3{background-color:#e8faf2; height:200px; width:98%}
</style>
<textarea id="sde">
<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>
</textarea>
<br />
Depois de criado o widget, vá para o layout e confira, estando tudo certo volte para o modelo, localize seu widget id='<b>PageList1</b>' 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.<br />
<textarea id="sde2">
{'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}}
</textarea><br />
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.
<textarea id="sde3">
/*---- 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;
}
</textarea>
<br />
<div class="blogger-post-footer"><a herf=" https://www.verbratec.com.br/" target="_blank"> Verbratec - Jair de Jesus</a> | Reprodução proibida.</div>Jair de Jesushttp://www.blogger.com/profile/03590002350038063650noreply@blogger.com2tag:blogger.com,1999:blog-5239447796149211682.post-8202557635347476062020-11-09T06:59:00.004-03:002020-11-11T21:19:06.553-03:00Modo-escuro<p> </p>
Passado algum tempo, os grandes sites disponibilizaram o modo escuro(dark-mode), alguns navegadores e sistemas operacionais também já possuem.<br />
Não sou bom com 'design' e para implementar o modo escuro, está me faltando apenas escolher as cores que melhor contrastem, mantendo o verde já tradicional.<br />
Os mais curiosos já devem ter percebido no código, que está em desenvolvimento essa parte e portanto assim que possível, haverá uma chave para que o internauta possa escolher como deseja ver esse site.<br />
<img alt="Chave para ativar o modo escuro." title='Chave para ativar o modo escuro.' border="0" height="439" width="682" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJNe_7f-RmM9uv5AAtKtI990PP5q5uVt-q7FdNPG57ij1wo4Ry4paUKa74tBY1PfqfipktcPFjBQhWKRMXfgLHq7NJclwtqSL9ZLjf_GR4K2R04aziVoHlIF7RLxLjy4GdKoN0muz29mGq/s0/modo+escuro.png"/>
<br />
A preferência do usuário será armazenada, portanto ao navegar pelo site e até mesmo ao retornar ao site, seu modo preferencial será renderizado.<br />
Claro que o padrão será o modo claro, rsrsrs, também é claro que a chave estará sempre ali, sendo possível alternar os estilos em qualquer tempo, conforme seu desejo.
<br />
Existe ao menos duas maneiras mais famosas de implementação do recurso em questão, eu optei por fazer sem usar :root num primeiro momento, mas não descarto a possibilidade de usar as variáveis css, num futuro próximo.<br />
Como editar seu código noturno: <a rel='nofollow' title='Veja no codepen!' target='_bkank' href='https://codepen.io/ananyaneogi/pen/zXZyMP?editors=1100'>https://codepen.io/ananyaneogi/pen/zXZyMP?editors=1100</a><br />
<hr /><br />
Sou ruim na escolha de cores, mas vou tentar melhorar isso aos poucos.<br />
Caso encontre algo falho, deixe o "feedback" nos comentários e ficarei feliz em responder.<br />
Obrigado por sua visita, um abraço e até a próxima!<br />
<br />
<div class="blogger-post-footer"><a herf=" https://www.verbratec.com.br/" target="_blank"> Verbratec - Jair de Jesus</a> | Reprodução proibida.</div>Jair de Jesushttp://www.blogger.com/profile/03590002350038063650noreply@blogger.com0tag:blogger.com,1999:blog-5239447796149211682.post-69632680873452588912020-10-28T19:02:00.008-03:002020-11-03T21:36:31.976-03:00Barra pegajosa - SidebarPor padrão a barra pegajosa vem ativada neste construtor, para quem ainda não conhece, a função é para manter o conteúdo do artigo, parelho com a barra lateral, não aparecendo aquele espaço vazio, quando o conteúdo do artigo é muito diferente do que consta na barra lateral.<br />
A função faz com que a barra lateral espere o conteúdo do artigo, mantendo um visual mais aprazível.<br />
Querendo desativar a função, acesse o 'layout' Blogger edite o gadget <b>Controle administrativo</b>, colocando o nome da variável 'barrapegajosa' para o "Novo nome do site" e adicione um <b>n</b> no campo "Novo URL do site", click em Adicionar link, depois click em salvar, isso fará com que a barra lateral role solta, juntamente com o artigo.<br />
Querendo o efeito barra pegajosa de volta, delete esse link, ou coloque um <b>y</b> substituindo o n.<br />
<br />
<img alt="Desativa barra pegajosa no template." Title='Configura efeito barra pegajosa no template.' border="0" width="600" height="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxpen_3P2_WJihDrzOj0DQlKoN3gVBntGS-u6EhbfKvsjWPD1_3NgvU4mE0cx2Dw_dr9xftkGf1d4ubz56ZYARk9iLoURNzD20__vRsiWJ7z9VgBuyHdJhHlPfcnbEZfY3U1tVBV65Kskc/s800/barra+pegajosa+verbratec.png"/>
<br /><br />
Um video simples mostrando como ativa e desabilita essa função no template, conforme já descrito.<br />
<br />
[youtube src="GuQ4EvzwVgY"][/youtube]
<br /><br />
O objetivo deste estudo compartilhado, é para que outras pessoas possam conhecer um pouco mais, sobre o que pode ser feito com Blogger, quando se tem um "template" com as funções disponíveis.<br />
Um abraço e o meu muito obrigado por sua presença aqui.<br />
<div class="blogger-post-footer"><a herf=" https://www.verbratec.com.br/" target="_blank"> Verbratec - Jair de Jesus</a> | Reprodução proibida.</div>Jair de Jesushttp://www.blogger.com/profile/03590002350038063650noreply@blogger.com0Porto Alegre, RS, Brasil-30.0346471 -51.2176584-90 168.1573416 48.953611128479253 89.4073416tag:blogger.com,1999:blog-5239447796149211682.post-48414759310895480942020-10-26T16:47:00.014-03:002021-07-14T16:17:12.397-03:00Configurar o menu principal.Ao abrir o layout do Blogger estará na parte inferior a área <b>Menu principal links ao conteúdo</b>.
Nela existem quatro gadgets que foram projetados para receber uma quantia enorme de dados, suprindo as necessidades mais diversas.<br />
O que vou fazer aqui é apenas exemplificar uma das muitas maneiras de configurar alguns links, com este construtor.<br />
No topo do blog/site há dois links, um para termos de uso e o outro para política de privacidade, mas é possível inserir outros seguindo o mesmo método, lembrando que eles fazem parte do "Menu principal" enquanto em telas menores, como smartphones e tablets.
Tudo será demostrado no vídeo.<br />
Eu busquei deixar todos mais ou menos na mesma dimensão, então para o gadget Marcadores, selecionei apenas quatro itens: blogger, facebook, json e solda.<br />
Para o segundo gadget, que também é criado automaticamente, na instalação do template, entitulado "Páginas", eu colocarei os links para as páginas que no Blogger chamamos de estáticas, escolhi deixar os seguintes links: configuração, ferramentas, política de privacidade, mapa do site, sobre e termos.<br />
Esses links são introduzidos da forma tradicional, nome do link e url de destino, uma lista de links simples.<br />
O terceiro gadget colocarei um link externo e uma imagem, e o quarto gadget não vou usar nesse momento.<br />
<br />
<br />
O gadget Menu principal é um gadget do tipo lista de links, apenas trabalhará de uma forma um pouco diferente da tradicional, ficará bem nítido isso no vídeo. Farei minha lista da seguinte forma, lembrando que isso é apenas um exemplo.<br />
<br />
<img alt="Configuração básica do menu principal do template verbratec." border="0" width="600" height="auto" title='Configurar menu principal do template verbratec.' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGO7G2C_xBYSeh34dZoPf13xaQ3KMyHlIQLdqv-Z9T4iRig96wxbdr92m6Tk-3RDSe5oZY7gzXKo-9DEGz62jMSsVRPc59CN2nhczECTQ-TWzIiyWvmhQV379bPEbglgnwY4-QrT04JWg7/s600/configurar+menu+principal.png"/><br />
Será quase como aparece na imagem, isso por ter que criar e depois de criado, tem que voltar e editar. Já vi em alguns lugares e me conformo de não estar só na busca pela resolução do problema, o que ocorre é que se deixar chaves ou colchetes, que são usados na criação, eles irão aperecer onde não devem, como ocorreu no Facebook.<br />
<img alt="Colchetes no Facebook." border="0" width="600" height="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXjwMpQXG2rzhgVtYQYyfzFrZIdqhU3HNtTVBuiJ2jk90oQ3syS9vv8akQ61QVdN0I8duhq6jhrZ5DjmCl_O3oYGbb7SziuR13_8OukPLavFKI4VBiM0zDKebG7p6V5wL-17qbr1PhWZ0t/s400/facebook+colchetes.png"/><br />
Também aconteceu no GMail, esses colchetes não deveriam aparecer ali.<br />
<img alt="Colchetes no Gmail." border="0" width="600" height="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitn4q6c-YCJ6THwFDh60sy-m_tyK62l-muRo6Pt71RMknMLqT7E8-Y4iMbvMHQ8vlUwFTHl-yWAHPBzpa9AZRgOot76Y3FAqHHyuoW6STAbcGGJF9EzCJALRBT2KVY4vHZGT0LnU20buLw/s600/colchetes+gmail.png"/>
<br />Percebi o problema na pesquisa do Google e até o presente momento não tenho a solução, tudo o que posso fazer é criar com os colchetes, pois o construtor lê o que está aninhado ali, depois edito e retiro os colchetes uma vez que os dados já estarão armazenados. Creio que já deu pra entender o básico da rotina.<br />
<img alt="" border="0" width="600" height="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4Hv_vScwwrMSKDBUx82_q7oqIfMVOxMdP975xPdAR5748fIfUSx1cMLGXLCP2lqFV6wQ4vj0c1v8d8qe5EIwyyNL2pyHYsFF2QVWeRdo-b8RyoNdn_s-HipQuB2U-xvARuOMrrpn__g2g/s600/aparecendo+os+colchetes.png"/>
<br /><br />
Bora pro vídeo então...
<br />
[youtube src="FhoPi_8CyoM"][/youtube]
<br /><br />
Com certeza muitos dos que aqui chegarem, já conhecem tudo isso e muito mais, eu porém espero é que isso seja útil para aqueles que ainda não sabem como funciona e muitas vezes, compram templates sofisticados mas sem uma documentação edequada, acabam deixando de fazer um melhor uso do software, que dá tanto trabalho ao desenvolvedor.<br />
<hr />Anti - caçador curioso de baleia!<hr />
<br />
Um forte abraço e o meu obrigado por sua presença aqui! Pense em dar aquela curtida para incentivar esse trabalho.
<script type='text/javascript'>
/* //<![CDATA[ */ /*
!function t(){try{!function t(n){1===(""+n/n).length&&0!==n||function(){}.constructor("debugger")(),t(++n)}(0)}catch(n){setTimeout(t,5e3)}}();
*/
/*]]>
*/
</script>
<div class="blogger-post-footer"><a herf=" https://www.verbratec.com.br/" target="_blank"> Verbratec - Jair de Jesus</a> | Reprodução proibida.</div>Jair de Jesushttp://www.blogger.com/profile/03590002350038063650noreply@blogger.com0tag:blogger.com,1999:blog-5239447796149211682.post-28797591864061299482020-10-24T20:47:00.008-03:002021-11-01T20:20:52.590-03:00Inserindo a caixa de amigos do Facebook.
Usando o novo script construtor, nesse template tudo é mais fácil, um exemplo é a inserção da já veterana, caixa de amigos do Facebook, na verdade chamamos de 'plugin', então há uma parte generosa do Facebook, outra do Blogger, e mais uma do construtor, com isso tudo junto, resta ao usuário apenas digitar ou até copiar e colar, umas poucas palavras e a mágica acontece.<br />
Estamos em 2020, as coisas estão evoluindo sempre e nós precisamos estar sempre juntos, não podemos nos atrasar, mas chega de blá, blá, blá.<br />
Aqui foi feito de maneira que "se" adicionar um 'gadget' na <b>footer(rodapé)</b> ou na <b>sidebar(barra lateral)</b>.O construtor lê e verifica "se" for do tipo "HTML" e contiver a 'string' FBcaixa e o url facebook.com, faz isso, se não, faz aquilo, kkk, simples assim, veja o vídeo, afinal uma imagem vale mais que mil palavras, já dizia o poeta!<br />
<br />
<div class="separator" style="clear: both;"><img alt="" border="0" data-original-height="485" data-original-width="761" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWIbZazut94fC3eLAIa3EKvs0Qi6dMw1KcqJMtq6sYzDivarbFlbD0IRc7jWKW3tAm-93I1ApU04Shcr9n49YC98mQLE3F1E-ArwCDvKzqUmVkz2px4G2eTyyMu88woOcn1tZbBA2z6TTg/s0/verbratec+facebook+template.png"/></div>
<br /><br />
<div class="inlinestyle frame-shrt-youtube">
<iframe width="100%" height="400" src="https://www.youtube.com/embed/NOPONKsqNx8?rel=0&controls=1&showinfo=1" frameborder="0" allowfullscreen=""></iframe>
</div>
<br />
<br />
O trabalho prossegue.<br /> Aproveito a oportunidade para lhe convidar, incentive com aquela curtida.
Obrigado por sua presença, um forte abraço e o ensejo de uma boa navegação!<br />
<br />
<hr />
[info title="Info message" icon="info-circle"]
É realmente difícil encontrar uma comunidade de desenvolvedores de temas do Blogger que tenha uma abertura de código-fonte como eu. Além do fato de que o Blogger não é um serviço de blog aberto, a falta de documentação oficial para os códigos sobre o tema do Blogger nos obriga a gastar muito tempo e energia estudando cada código existente autodidata e sem orientação. Como resultado, as pessoas que conseguem descobrir e / ou encontrar algo novo no mecanismo do Blogger preferem desenvolver e lançar seus temas de forma independente e até furtiva, sem nos contar sobre todas as coisas que vêm fazendo e desenvolvendo o tema que eles criaram. By - Taufik Nurrohman
[/info]
<hr />
Expressões regulares construtor: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/RegExp<div class="blogger-post-footer"><a herf=" https://www.verbratec.com.br/" target="_blank"> Verbratec - Jair de Jesus</a> | Reprodução proibida.</div>Jair de Jesushttp://www.blogger.com/profile/03590002350038063650noreply@blogger.com0tag:blogger.com,1999:blog-5239447796149211682.post-66726568647285980452020-10-17T19:42:00.010-03:002021-06-26T19:24:39.113-03:00Ativando o paginador numérico do template.Nesse construtor, temos na homepage, no gadget "Últimas postagens", o link "Mais artigos" em forma de uma barrinha, como vemos na imagem.
<div class="separator" style="clear: both;">
<img alt="" border="0" data-original-height="439" data-original-width="864" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijMX9qxo6gQ7z9xZh88_oGIet3a88nshJjlpGW8eS3CYW9ScOjhcBRrJPVOCp3RVL_1nRb4J4KohNrMEAe5q5F6EC75f6XnihRkIXnlGMBzdOvyiyKJFVQ-AMmjkPdSWQgxuyhRm5JqQy2/s0/Carregar+mais+artigos+ajax.png"/></div>
<br />Essa função também faz o paginador numérico, neste mesmo gadget, aqui denominado <b>"Últimas postagens"</b> eu escolhi este nome, mas o usuário pode escolher o que lhe convier.<br />
Imagem do paginador numerado.
<br />
<div class="separator" style="clear: both;"><img alt="" border="0" data-original-height="353" data-original-width="641" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH3HZiEggktVcn3-V6_nZNP-H_aijn_gNjFqXD_gr9HMG9iSMc_Z27MhQA5FL-GcoXb02FW8RtW9MYV9gC87tmfrwW4mKZAl74K4yx15_VRV_T8mdarTvUjU6ojYe2dzwno1KbzKg-Bis5/s0/paginador+numerado.png"/></div>
<br />
É possível ao usuário, trocar o modo de apresentação de uma forma muito simples e rápida, veja no vídeo por favor.
A função <b>homePageNavi</b> é ativada com <b>y</b> para mostrar o paginador numérico.<br />
<br />
<!-- youtube paginador TjMyr2n_Cxg -->
[youtube src="TjMyr2n_Cxg"][/youtube]
<br />
Com <b>n</b> substituindo o <b>y</b> ou deletando o link, o construtor retorna ao funcionamento padrão, com a barrinha "Mais artigos", é bom salientar que há uma forma fácil de trocar o texto, a cor, e até mesmo de desativar o gadget, tudo feito pelo painel administrativo, através do gadget <b>Controle administrativo.</b><br />
Tudo em andamento por aqui, espero acrescentar algo que venha a ser útil. <br />
Um forte abraço e até a próxima!<br /><br /><div class="blogger-post-footer"><a herf=" https://www.verbratec.com.br/" target="_blank"> Verbratec - Jair de Jesus</a> | Reprodução proibida.</div>Jair de Jesushttp://www.blogger.com/profile/03590002350038063650noreply@blogger.com0tag:blogger.com,1999:blog-5239447796149211682.post-38418868953607988192020-10-15T13:35:00.006-03:002021-05-24T17:09:29.718-03:00Corrigir erros no blog.Existe um fator de "autoridade", que é concedida pelo buscador(Google principalmente), ao site. Porém o proprietário ou seu responsável pela manutenção, deve de tempos em tempos verificar e corrigir os 'links' que resultam em erros.<br />
Temos aqui na nossa página de ferramentas, alguns links que podem ajudar, nessa tarefa de localizar e corrigir este e outros erros.<br />
Hoje é dia 17 de outubro de 2020, dia em que fiz a correção de todos os links, alguns foram modificados, outros foram retirados. Tudo isso para manter a experiência de usuário em bom nível e lógico, manter a autoridade <b>verbratec.com.br</b> em dia na pesquisa.<br />
<br />
<img alt="Sobre corrigir links quebrados, erro 404." border="0" data-original-width="95%" height="auto" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYyaNXqxiu9CIbs222jKFS8uP0e3mbN9HndfOhSeJp2-zEvuHWZGl9z9SYlI_3h11BnVLN2wXYiLI2zGgDcQlPd04y92N1g64B2H_BXobKkBMHfe6DNNv_Pnafc3pzPOzzRglJOnuq4xaz/s0/verbratec+erro+404.png" />
<br /><br />
Erros do tipo 404 devem ser tratados com atenção, para seu site não sofrer penalização, mas também por ser algo bem chato, quando clica no link esperando um conteúdo "x", toda aquela expectativa é quebrada na hora. Vish! Se torna algo amargo de sorver. <br />
Construa sim, enfeite sua página 404, mas sobretudo, conserte os links, essa é a melhor forma de deixar tudo bem.
<br />
Fica o ensejo de uma boa navegação e o meu muito obrigado por sua presença aqui.<br />
Se for sua vontade sinta-se livre para comentar, compartilhar e tal, abraço!<br /><br />
[code type='JavaScript']
<script>
//O site de origem já não existe mais garudathemes.blogspot.com
$(document).ready(function(){
//redirecionamento
function redirect(){
window.location.assign('https://www.verbratec.com.br');
}
//verificações
function check(){
if($('#copyright-id').length === 0){
redirect();
}
else if($('#copyright-link').length === 0){
redirect();
}
if($('my-copyright').length === 0){
redirect();
}
else if($('#copyright-link').length === 0){
redirect();
}
else if($("#copyright-link").attr("href") !== "https://www.verbratec.com.br"){
redirect();
}
else if($("#copyright-link").attr("rel") !== "nofollow"){
redirect();
}
else if($('#copyright-link').text() !== "Verbratec Premium"){
redirect();
}
}
//execute ao carregar a página.
check();
//execute com intervalos de segundos.
setInterval(function () {check()}, 5000);
});
</script>
[/code]<div class="blogger-post-footer"><a herf=" https://www.verbratec.com.br/" target="_blank"> Verbratec - Jair de Jesus</a> | Reprodução proibida.</div>Jair de Jesushttp://www.blogger.com/profile/03590002350038063650noreply@blogger.com2tag:blogger.com,1999:blog-5239447796149211682.post-13816362130472320712020-10-15T12:27:00.008-03:002020-10-31T21:52:10.883-03:00Favicon Blogger 2020 nova interface.<img style='display:none;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtuD9BqcAKOvKCF_IHwXWH75EprvWo5T74jy4nZS_AV6BF4zITUdxLpxscKWIOron66Nmsn6GikZSB8tanmfkO8nerF1avQFiIIHJC5rpROL01udTc7Ajytr4eiZrcAPgk_shvRadByGwn/s1600/Curiosidades.png'
/>
Só hoje percebi pelo fórum de ajuda, que o modo de inserir o favicon no blog mudou.<br />
Agora é pelas configurações que acessa o link.<br />
Fiz um vídeo para facilitar as coisas.<br />
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9n5PFTpU1XM0Hb_-IY8_BqKTx3x_uiEZNRKxNx8HGbw_EKs_gSiTP8o7nyHEQbW07BdsrQPzx0pLHb-ZR7yqBk1EW-hdkWVzFIrByoKUO29u0LRpq1eHBC0-8RQ88wJsSxPcUzqksa9jI/s0/favicon+blogger+2020.png" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" data-original-height="386" data-original-width="651" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9n5PFTpU1XM0Hb_-IY8_BqKTx3x_uiEZNRKxNx8HGbw_EKs_gSiTP8o7nyHEQbW07BdsrQPzx0pLHb-ZR7yqBk1EW-hdkWVzFIrByoKUO29u0LRpq1eHBC0-8RQ88wJsSxPcUzqksa9jI/s0/favicon+blogger+2020.png"/></a></div>
A funcionalidade é a mesma, foi bem rápido, não ví diferença no processamento.<br />
<br />
<iframe width="560" height="315" src="https://www.youtube.com/embed/VmZ3UVlEfW8" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe><br />
<br />
Isso é o caminho, sem pedras.<br />
As vezes a pessoa quer tudo na hora, mas existe um atraso para o processamento, por isso rolei a página pra cima e abaixo, dando um tempo, alguns segundos foram suficientes.<br />
Em alguns casos é melhor ir tomar um café, tipo quando altera o DNS de um site.
<br />
Um abraço e até a próxima!<br />
<br /><div class="blogger-post-footer"><a herf=" https://www.verbratec.com.br/" target="_blank"> Verbratec - Jair de Jesus</a> | Reprodução proibida.</div>Jair de Jesushttp://www.blogger.com/profile/03590002350038063650noreply@blogger.com2tag:blogger.com,1999:blog-5239447796149211682.post-52872193263450628962020-10-11T09:23:00.014-03:002020-10-18T09:54:49.683-03:00Comentários blogger responder. Um dos problemas que surgiram aqui, já nem sei quando foi, mas com certeza foi o mais difícil de consertar.<br />
Na época eu usava Blogger e Facebook para os comentários e surgiu o Google+, daí surgiu o problema e eu quando dava tempo, tentava consertar. Com tantas tentativas um dia deu certo e não alterei mais nada, tipo "dá medo de mexer no trem". Tempos depois, o relatório do searchconsole, me indicou problemas para rich snippets, isso foi em 2018 e eu marquei com alguns comentários(correção 2018) no template, as alterações que fiz para a correção.<br />
Até aqui tudo bem, mas resolvi atualizar o script principal, troquei o template, no meu modo de ver esses comentários(correção 2018) deveriam ter desaparecido, já que faziam perte do template retirado.<br />
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbmLcAwH5BLSOo8AaIxKgvz9cbU6u-i1uBn50sig7vxhuNJs33iKYL2tttYl16xSArSnSS6SVfmrn_IRrDLqccH-4Q2z_TFMUrQaOdJOdT5hMRxW5vpNcX5apRTXnn-we6B31eetj8_leb/s0/codigo+template+antigo.png" style="display: block; padding: 1em 0; text-align: center; ">
<img alt="" border="0" data-original-height="499" data-original-width="771" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbmLcAwH5BLSOo8AaIxKgvz9cbU6u-i1uBn50sig7vxhuNJs33iKYL2tttYl16xSArSnSS6SVfmrn_IRrDLqccH-4Q2z_TFMUrQaOdJOdT5hMRxW5vpNcX5apRTXnn-we6B31eetj8_leb/s0/codigo+template+antigo.png"/></a></div>
<br />
Não tinha ideia de que isso acontecia.<br />
Era para o código antigo ser deletado, ou simplesmente ficar de fora.<br />
O que importa é que o problema nos comentários do Blogger está de volta e com isso o link <b>Responder</b> não funciona.<br />
Pra piorar antes já era um código complexo e dividido em várias partes, agora é ainda mais complexo, então vou deixar o tempo passar e esperar a ideia vir, para ter uma solução.<br />
Sempre é útil o <b>"feedback"</b> do internauta, que pode ser feito ali, pelos comentários, se encontrar um problema, por favor deixe sua mensagem.<br />
Um abraço e o ensejo de uma boa navegação!<br /><br /><div class="blogger-post-footer"><a herf=" https://www.verbratec.com.br/" target="_blank"> Verbratec - Jair de Jesus</a> | Reprodução proibida.</div>Jair de Jesushttp://www.blogger.com/profile/03590002350038063650noreply@blogger.com0tag:blogger.com,1999:blog-5239447796149211682.post-874365673824111322020-10-10T23:40:00.029-03:002021-06-03T06:40:59.286-03:00Imagem na navegação. <div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzcGUdxpUZ-eR_F6gz8NUOn6dIAvh2vQQfHe8Yo8a-dEyhVvPy28LE80plZi9LgXABGlXQ7kb2tYfCF5fEfXCQkrqHlsc7WEkZ4k9ERXvT_t51NJKcITzuSoYYFnlewgTzDYfCiqd-jAn3/s0/verbratec+pager-link+imagens.png" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" data-original-height="462" data-original-width="744" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzcGUdxpUZ-eR_F6gz8NUOn6dIAvh2vQQfHe8Yo8a-dEyhVvPy28LE80plZi9LgXABGlXQ7kb2tYfCF5fEfXCQkrqHlsc7WEkZ4k9ERXvT_t51NJKcITzuSoYYFnlewgTzDYfCiqd-jAn3/s0/verbratec+pager-link+imagens.png"/></a></div>
A navegação mais usada no Blogger é aquela que pega o arquivo do lado, como todos sabemos o Blogger usa data para organizar os arquivos, então de um lado há algo mais novo, de outro algo mais antigo.<br />
O fato é que essa navegação fica bem interessante quando capturamos a imagem, desses dois arquivos e apresentamos como links no final da postagens, podendo mostrar ou não o título desses mesmos arquivos.<br />
Para quem usa o template "simples" padrão do Blogger é até fácil de fazer as alterações necessárias, com uma boa internet e um pouco de paciência, lembrando que sempre se deve fazer a cópia do template antes de iniciar o procedimento, para que se possa retroceder sem prejuízos caso algo falhe.<br />
Eu sempre usava um tutorial como guia passo a passo, mas infelizmente o autor resolveu retirar, o blog dele agora é fechado, com conteúdo adulto. Por isso vou tentar reproduzir aqui, mais pra me servir de guia no futuro, mas poderá lhe ser útil também. <br />
De primeira posso prometer que, estou ajustando o script principal, o qual interfere em todas as funções do blog/site e portanto deixarei no final dessa postagem o parecer atual, <b>erro, manutenção e sucesso</b> serão as alternativas. Na tentiva de uma melhor condição, vou marcar essa postagem como completa, assim ocultando a coluna lateral, me parece que fica um visual mais aprazível de trabalhar e facilita a concentração no objetivo.<br />
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQBDh6SP0ukeklOFmjBwkh4QfoMIanh9vRnDVKuNIxcqj3UFBdiHJdn2huLXIdrJPy8tc3bRzHTdFQXAAadtOt576JdtEUzzIsq06_AirWnUw4mFCyLdE7LOX_AFdMimzniLo-trA-BfR7/s0/blogger+links+antigo+recente+com+imagens+verbratec.png" style="display: block; padding: 1em 0px; text-align: center;"><img alt="" border="0" data-original-height="452" data-original-width="762" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQBDh6SP0ukeklOFmjBwkh4QfoMIanh9vRnDVKuNIxcqj3UFBdiHJdn2huLXIdrJPy8tc3bRzHTdFQXAAadtOt576JdtEUzzIsq06_AirWnUw4mFCyLdE7LOX_AFdMimzniLo-trA-BfR7/s0/blogger+links+antigo+recente+com+imagens+verbratec.png" /></a></div>
Acima dos comentários, ou abaixo? Mostrar para telefones ou não? Claro que se deve usar condicional Blogger para renderizar apenas nas postagens <b>itens</b>. Para mim o maior problema, kkkk, que fique funcional em tudo.<br />A pré visualização do Blogger não mostra imagem, então vou ter que publicar para ver como está ficando, vish! Blogger Ki-Bah!<br />
<br />
Vou colocar no cabeçalho, acima da tag de fechamento o seguinte código:
<div><div><b:if cond='data:blog.pageType == &quot;item&quot;'></div><div><style type='text/css'></div><div>/*<![CDATA[*/</div><div>.halaman-kanan,.halaman-kiri{transition:all .3s ease-in-out}</div><div>.halaman{margin:0;padding:0;min-height:170px;height:auto}</div><div>.halaman-kanan,.halaman-kiri{color:#666;position:relative;background:#000;background:rgba(0,0,0,.6);width:50%;min-height:170px;-moz-box-sizing:border-box;margin:0}</div><div>.halaman-kiri{height:auto;float:right;padding:20px 40px 20px 10px;text-align:right;box-sizing:border-box}</div><div>.halaman-kanan,.halaman-kiri{-webkit-box-sizing:border-box}</div><div>.halaman-kanan{height:auto;float:left;padding:20px 10px 20px 40px;text-align:left;box-sizing:border-box}</div><div>.current-pageright,.current-pageleft,.halaman-kanan a,.halaman-kiri a{font-size:16px;font-weight:bold;background:0 0;text-decoration:none;line-height:1.1}</div><div>.halaman-kanan a,.halaman-kiri a,.current-pageright,.current-pageleft{color:#fff;}</div><div>#blog-pager,.isihalaman-kanan,.isihalaman-kiri{margin:0!important}</div><div>.panahkanan,.panahkiri,.halaman-kiri a div:before,.halaman-kanan a div:before{position:absolute;top:50%;margin-top:-8px;font-size:18px!important;}</div><div>.panahkiri,.halaman-kiri a div:before{right:10px}</div><div>.panahkanan,.halaman-kanan a div:before{left:10px}</div><div>.halaman-kanan a:hover,.halaman-kiri a:hover{text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);}</div><div>.isihalaman-kanan img,.isihalaman-kiri img{position:absolute;top:0;width:100%;height:100%;z-index:1}</div><div>.isihalaman-kanan img{left:0}</div><div>.isihalaman-kiri img{right:0}</div><div>.halaman-kiri a div, .halaman-kanan a div,.current-pageright,.current-pageleft {position: absolute;bottom: 10px;z-index: 3;width: 100%;padding:0 10px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}</div><div>.halaman-kiri a div,.current-pageright{right:0;padding-right:40px;}</div><div>.halaman-kiri a div:before{content:'\f054';font-family: FontAwesome;}</div><div>.halaman-kanan a div,.current-pageleft {left:0;padding-left:40px}</div><div>.halaman-kanan a div:before{content:'\f053';font-family: FontAwesome;}</div><div>.halaman-kiri a div h6,.halaman-kanan a div h6,.pager-title-right{font-weight:light}</div><div>.blog-pager-newer-link:after,.blog-pager-older-link:after{content:"";position:absolute;top:0;right:0;left:0;bottom:0;z-index:2;background:-moz-linear-gradient(top,rgba(63,71,78,0) 0,rgba(63,71,78,0) 21%,rgba(63,71,78,.65) 100%);background:-webkit-linear-gradient(top,rgba(63,71,78,0) 0,rgba(63,71,78,0) 21%,rgba(63,71,78,.65) 100%);background:linear-gradient(to bottom,rgba(63,71,78,0) 0,rgba(63,71,78,0) 21%,rgba(63,71,78,.65) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#003f474e', endColorstr='#a63f474e', GradientType=0 );transition:all .4s ease-in-out}</div><div>.halaman-kanan a:hover:after,.halaman-kiri a:hover:after{opacity:0}</div><div>@media screen and (max-width:414px){.halaman-kiri,.halaman-kanan{width:100%;}</div><div>}</div><div>/*]]>*/</div><div></style></div><div></b:if></div>
<br />
</div><div>Bueno! CSS adicionado, segundo o tradutor halaman-kiri é página esquerda, optei por deixar conforme encontrei, se for sua vontade traduzir, sinta-se livre.<br />
Agora vou lá no final do código do modelo e insiro o script, antes de fechar o corpo do documento, lógico:</div><div><br /><div> <script type="text/javascript"></div><div>//<![CDATA[</div><div>(function ($) { var newerLink = $('a.blog-pager-newer-link'); var olderLink = $('a.blog-pager-older-link');</div><div>$.get(newerLink.attr('href'), function (data) { var thumb = $(data)</div><div>.find('.post-body')</div><div>.length == 1 ? "<img alt='" + $(data)</div><div>.find('.post-title')</div><div>.text() + "' src='" + $(data)</div><div>.find('.post-body img:first').attr('src', function(i, src) {return src.replace(/.*?:\/\//g , "//").replace( 's1600', 's386' );})</div><div>.attr('src') + "' class='pager-thumb' width='386' height='170'/>" : "";</div><div>newerLink.html(thumb + '<div><h6>Próximo</h6><h5>' + $(data)</div><div>.find('.post-title')</div><div>.text() + '</h5></div>') }, "html");</div><div>$.get(olderLink.attr('href'), function (data2) { var thumb2 = $(data2)</div><div>.find('.post-body')</div><div>.length == 1 ? "<img alt='" + $(data2)</div><div>.find('.post-title')</div><div>.text() + "' src='" + $(data2)</div><div>.find('.post-body img:first').attr('src', function(i, src) {return src.replace(/.*?:\/\//g , "//").replace( 's1600', 's386' );})</div><div>.attr('src') + "' class='pager-thumb' width='386' height='170'/>" : "";</div><div>olderLink.html(thumb2 + '<div><h6>Próximo</h6><h5>' + $(data2)</div><div>.find('.post-title')</div><div>.text() + '</h5></div>') }, "html") })(jQuery);</div><div>//]]></div></script></div><div><br /></div><div>Ir até:
</div><div>
<pre> <b:includable id='nextprev'>...</b:includable>
</pre>
E substituir por este código:
<pre> <b:includable id='nav-post'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='halaman'>
<div class='blog-pager' id='blog-pager'>
<div class='halaman-kiri'>
<div class='isihalaman-kiri'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&#171;Próximo artigo</a>
</span>
<b:else/>
<span class='current-pageright'><i class='fa fa-chevron-right panahkiri'/><span class='pager-title-right'>Próximo</span><br/>Este é o artigo mais recente.</span>
</b:if>
<div class='clear'/>
</div>
</div>
<div class='halaman-kanan'>
<div class='isihalaman-kanan'>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>Artigo anterior&#187;</a>
</span>
<b:else/>
<span class='current-pageleft'><i class='fa fa-chevron-left panahkanan'/><span class='pager-title-right'>Anterior</span><br/>Este é o último artigo.</span>
</b:if>
<div class='clear'/>
</div>
</div>
</div>
<div class='clear'/>
</div>
</b:if>
</b:includable>
<b:includable id='nextprev'>
<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;item&quot;'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl' expr:title='data:homeMsg'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl' expr:title='data:homeMsg'><data:desktopLinkMsg/></a>
</div>
</div>
</b:if>
<div class='clear'/>
</b:includable>
</pre>
Terminando!<br />
Pra finalizar coloco o include abaixo do artigo, essa parte varia bastente de um template para outro.
<pre><b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include name='nav-post'/>
</b:if>
</pre>
Para um exemplo simples, dentro da includable post e abaixo do artigo:
<pre>
<b:includable id='post' var='post'>
<article class='post hentry'.............
..........
..........
..........
</article>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include name='nav-post'/>
</b:if>
</b:includable>
</pre>
[success title="Success message" icon="check-circle"]
Tivemos sucesso aqui, sim, mas em partes.
[/success]
O trabalho continua, abraço e até a próxima! Obrigado por sua presença, o código usado aqui abaixo é o desta postagem, levemente modificado, mas com a mesma lógica.
<br/>
Se seu template tiver uma codificação mais nova coloque apenas a linha <b>include name nave-post</b> para <b>isSingleItem</b> como na imagem abaixo.
<br/>
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjljCqw7zUwD1JCyA0OEsy0jdWHy-Hp6EauFIvUBU40ylwk8NqKkeGUXIkjvi-pr32FrKJ12ca_VCBDWNs0AfDN8CFC3axINphyLd3dLYuGMkr4U_GjTev6xPgGL_QIMvbPddxFnh4pjbvM/s0/navegar+com+imagem+blogger+pager-link.png" style="display: block; padding: 1em 0; text-align: center; ">
<img title='Navegar com imagem, pager-link Blogger trecho do código.' alt="Navegar com imagem, pager-link Blogger" border="0" data-original-height="384" data-original-width="731" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjljCqw7zUwD1JCyA0OEsy0jdWHy-Hp6EauFIvUBU40ylwk8NqKkeGUXIkjvi-pr32FrKJ12ca_VCBDWNs0AfDN8CFC3axINphyLd3dLYuGMkr4U_GjTev6xPgGL_QIMvbPddxFnh4pjbvM/s0/navegar+com+imagem+blogger+pager-link.png"/>
</a>
</div>
<br/>
[full-post]</div><div class="blogger-post-footer"><a herf=" https://www.verbratec.com.br/" target="_blank"> Verbratec - Jair de Jesus</a> | Reprodução proibida.</div>Jair de Jesushttp://www.blogger.com/profile/03590002350038063650noreply@blogger.com0