Verbratec

Exercícios de técnica para guitarra clássica, do tipo aranha.

2025-01-21T18:58:00.008-03:00

Técnica violão clássico.

Sempre ao iniciar o estudo, afine seu instrumento, alongue-se e faça um aquecimento prévio, sobretudo de suas mãos.

Comece devagar, muito devagar e toque cada um dos exercícios algumas vezes até se sentir confortável. Uma vez que consiga tocar estes exercícios lentamente sem falhas, então pode começar a usar o metrônomo. Mais uma vez comece muito lentamente e aumente o andamento gradualmente. Preste atenção à qualidade sonora. Todas as notas devem soar limpas e claras. Aplique o ataque corretamente, atente-se ao uso dos dedos na mão direita.

Foque-se completamente no exercício. Observe a sua mão esquerda e a sua mão direita enquanto toca e veja se há algo que possa ser corrigido ou melhorado. A mais pequena mudança pode fazer uma grande diferença. Busque premir a corda o mais próximo possível do traste.

Relaxe os músculos dos seus dedos, pulsos, mãos, braços e ombros o suficiente para reduzir a sua tensão geral e prevenir possíveis lesões. Utilize estes exercícios nos seus aquecimentos e nos seus treinos de técnica, introduzindo-os na sua rotina de estudos.

Exercício "aranha" número 1.

Exercício "aranha" número 2.

Exercício "aranha" número 3.

Exercício "aranha" número 4.

Exercício "aranha" número 5.

Exercício "aranha" número 6.

Exercício "aranha" número 7.

Exercício "aranha" número 8.

Visite o roteiro de estudos: https://www.verbratec.com.br/2023/02/roteiro-estudo-guitarra-classica.html

Maestra de música: youtube.com/

Roteiro de estudo para guitarra clássica.

2024-08-30T22:39:00.059-03:00

Acompanhe meu estudo de música com violão clássico, inscreva-se no canal YouTube: @estudoviolaoclassico.
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.

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: Curso iniciante em guitarra clássica. 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.

Iniciante; graus 1 a 3 ou aproximadamente 1 a 3 anos de estudo prático.
Intermediário; graus 4 a 6 ou aproximadamente 4 a 5 anos de estudo prático.
Avançado; grau 7 e acima, 6 anos ou mais de experiência na prática.

Quanto tempo demora pra aprender? O professor 'renomado' Édson Lopes nos conta que começou em 1972 e se formou em 1978.
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.

Para ingressar na primeira série é preciso que o aluno:

1. Conheça os elementos básicos, as partes do instrumento.
2. Conheça a posição do corpo e o posicionamento de ambas as mãos em relação ao instrumento.
3. Nomeie os dedos de ambas as mãos. Ordenação das cordas e localização na pauta (pentagrama).
4. Leia rítmica no campo da primeira posição e situe no instrumento.
5. Ação do polegar da mão direita e dedos 1, 2, 3, 4 da mão esquerda.
6. Ação alternada dos dedos i e m e ação dos dedos 1, 2, 3 e 4.
7. Alterações, domine os acidentes bemol e sustenido.
8. Habilite e estimule a ação dos dedos p-i e p-m da mão direita.
9. Realize arpejo de três e quatro notas p-i-m, p-i-m-i, p-i-m-a.
10. Execute acordes de dois e três notas.
11. Desenvolva a capacidade auditiva de discriminação para afinar o instrumento.
12. Todo esse conhecimento está no curso iniciante em guitarra clássica e será revisto e ampliado, nas primeiras séries, para solidificar o conhecimento base do desenvolvimento técnico do aluno.

Conteúdos didáticos, 1ª série:
1. Descrição dos diferentes elementos da guitarra a nível estrutural, funcional e ornamental.
2. Usar postura corporal adequada, posicionamento do violão e funções de ambas as mãos.
3. Descrição do nomenclato dos diferentes símbolos da partitura: clave, armadura, fórmula de compasso e etc.
4. Conhecimento de valores rítmicos e suas pausas: semibreve, mínima, semínima, colcheia e quiálteras tercinas..
5. Iniciação básica ao dedilhado(arpejo) de guitarra e distinção de planos sonoros.
6 - Sincronização de ambas as mãos. Transferências longitudinais e transversais da mão esquerda.
7 - Ataque tirando e apoiando.
8 - Afinação simples por equísono.

Músicas da 1ª série:

F. Sor: Etudes Op.60, Nº1
F. Sor: Etudes Op.60, Nº2
F. Carulli: 48 Estudos Elementares Nº 8
F. Carulli: 48 Estudos Elementares Nº 9
Dionísio Aguado: 28 estudos progressivos para nível elementar e intermediário, nº2.
N. Coste: 43 Progressive Etudes Nº1

Objetivos didáticos da 2ª série:
1. Desenvolver a capacidade auditiva de discriminação para afinar o instrumento por equisons e oitavas.
2. Conhecer a origem e evolução do instrumento.
3. Usar postura correta e expressiva, demostrando integração com o instrumento.
4. Fazer leitura rítmica no braço do instrumento.
5. Realizar arpejos de 2 notas com pulsação p-i e p-m.
6. Realizar arpejos de 3 notas com pulsação p-i-m.
7. Realize arpejos de 4 notas com pulsação p-i-m-a.
8. Executar acordes com pulsação a-m-i.
9. Fazer ligados simples e compostos, ascendentes e descendentes.
10. Fazer barra(pestana-capotraste), em 2 cordas, 3 cordas, 4 cordas.
11. Introdução à técnica de estudo, organização de rotina diária, semanal, mensal.

Músicas da 2ª série:

Músicas parte—A
F. Sor: Etudes, Op.31, Nº1.
Ferdinando Carulli: Waltz Op. 121, Nº1 vídeo/YouTube partitura+tab
Dionísio Aguado: 28 Estudos Progressivos Elementar-Intermediário Nº9
Matteo Carcassi: Andantino Gracioso, 50 Estudos Progressivos Nº1
Napoléon Coste: 43 Estudos progressivos Nº4

Músicas parte—B
T. Cutting: Greensleeves (tradicional britânica).
F. Sor: Andantino Op.35, Nº2
Mauro Giuliani: Le Papillon Op.50, Nº1 (Borboleta - Butterfly).
F. Carulli: Valsa e Três Variações - 48 Estudos Elementares Nº17
F. Carulli: Country Dance Dança camponesa

Músicas parte—C
Matteo Carcassi: Marcha OP.59, nº17
Carl Henze: Op.92 Nocturne
F. Ferandiere: Contradanza de Los Curtacos
Antônio Alba: Habanera Op.9 (Pensando em ti)
G. Ryan: Barn Dance Dança no celeiro.
Johann Kaspar Mertz: Romance

Conteúdos didáticos da 3ª série:
1. Manter postura com atitude corporal e integração.
2. Toque apoiando e tirando.
3. Fazendo acordes, arpejos e ligaduras ascendentes e descendentes.
4. Mordentes, iniciação.
5. Apagadores, iniciação.
6. Desenvolver a habilidade de afinar por harmônicos naturais.
7. Localização das notas na região 2 do instrumento.
8. Prática de ponto, ponto duplo.
9. Controle de volume do som, timbre e vibrato, iniciação.
10. Análise básica do discurso musical; motivo, frase, melodia, acompanhamento etc.
11. Agógica e dinâmica.
12. Utilização da memória, iniciação.
13. Leitura de pequenos fragmentos em aula.
14. Produção de harmônicos no 12º e 7º trastes.
15. Escalas diatônicas de duas oitavas, com saltos de posição, em todas as tonalidades maiores e menores.

Músicas da 3ª série:
Músicas parte—A
F. Sor: Allegretto moderato Op.31, No.3
F. Carulli: Poco Allegretto, 24 Estudos Técnicos Nº5 partitura+tab.pdf
M. Giuliani: Allegro Op.1, Vol.2, No. 3
M. Carcassi: Etude Op.60, Nº1
M. Carcassi: Estudo nº2 Opus 60
M. Carcassi: Andantino Op.60, nº3
N. Coste: Moderato, 43 Progressive Etudes, Nº10

Música parte—B
F. Sor: Andante Pequeno;
F. Sor: Andantino Op.35, Nº4
F. Carulli: Rondo em C, Op.241
Niccolo Paganini: Sonatina nº1 ms 85 Allegro
Matteo Carcassi: cantiga suíça.
Daniel Fortea: Mi Favorita.
N. Coste: Barcarole
Antônio Cano: Valsa.

Músicas parte—C
J. K. Mertz: Scherzo
Luise Walker: Pequeno romance - Kleine romanze
J. Ferrer: Tango nº 3
P. Roch: Habanera
J. Salvador Sagreras: Maria Luísa
Abel Fleury: A flor chorosa (A flor de llanto)

Conteúdos didáticos 4ª série:
1. Compreensão das estruturas musicais: motivos, temas, períodos, frases, seções etc.
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.
3. Orientações para o desenvolvimento de uma técnica(pomodoro) de estudo.
4. Delimitar partes da obra estudada que apresente dificuldade.
5. Controle do tempo e critérios de estudo.
6. Memorização de pelo menos duas peças incluídas no programa do curso.
7. O aluno deve dominar a leitura de qualquer um dos compassos na obra em estudo.
8. Explicação da tablatura em cifra, aplicada a uma obra dos vihuelistas.
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).
10. Consciência corporal, dando especial ênfase ao relaxamento como aspecto fundamental para obter uma boa interpretação.
11. Conhecimento e domínio das diferentes técnicas de afinação do instrumento (equísono, harmônicos, oitavas).
12. Escalas diatônicas na faixa máxima em todas as tonalidades maiores e menores.

Músicas da quarta série:

Músicas parte—A
D. Aguado: 28 Estudos Progressivos Elementar-Intermediário, Nº4
Mauro Giuliani: (Intermediário) Estudo nº13 Opus 48.
Matteo Carcassi: Estudo nº4 Op.60
Matteo Carcassi: Estudo nº5 Op.60
Matteo Carcassi: Estudo nº6 Op.60
Matteo Carcassi: Estudo nº7 Op.60
N. Coste: Andante 43 Progressive Etudes, Nº23

Músicas parte—B
F. Tarrega: Etude in Em 57 Progressive Etudes, Nº41
Milan: Peacock Dance;
L.Milan: Seis Pavanas Nº1
Balada Espanhola: Romance De Amor; Canción Popular Española: Romanza
Fernando Sor: Estudo (Moderato em D) Opus 35, nº17
Fernando Sor: Galop
Mauro Giuliani: Divertimento Op.40, Nº6
Ferdinando Carulli: Scherzo

Músicas parte—C
J. Ferrer: (Dance of the Water Gods), La Danse Des Naïades Op.35
J. Ferrer: Tango Nº1
F. Tarrega: Lágrima.+. Vídeo YouTube partitura dinâmica.
F. Tarrega: Sueño (Mazurka)
M. Llobet: O Testamento De`Amelia
V. Gomez: (Capela das Dores) Triste Santuario
S. Schneider: (Jugeno) Juventude.
F. Mendelssohn: Marcha nupcial.

Objetivos didáticos 5ª série:
1. Desenvolver os objetivos gerais propostos para o curso, por nível correspondente.
2. Desenvolva a pulsação com as unhas, avançando no autocontrole do seu cuidado e a variedade timbral.
3. Analise formalmente os elementos musicais das obras em estudo.
4. Desenvolver sensibilidade física das distâncias e posições sem apoio visual.
5. Desenvolva o hábito de ouvir música de forma crítica.
6. Desenvolva a memória interpretativa memorizando fragmentos progressivamente maiores (movimentos completos).
7. Desenvolva a leitura a primeira vista.
8. Iniciação na leitura do repertório vihuelístico em suas fontes originais.
9. Obter a capacidade de afinar o instrumento, utilizando o diapasão e diversas técnicas (equisonos, harmônicos, oitavas).

Músicas da quinta série:

Músicas parte—A
Fernando Sor: Estudo nº8 Opus 35
F. Sor: (Etude Moonlight), Etudio Op.35, Nº22
M. Giuliani:Estudo Allegro nº19 Opus 48
M. Carcassi: (Elegant Allegro) Allegretto grazioso Op.60, Nº9
Matteo Carcassi: Estudo nº10 Op.60
Matteo Carcassi: Estudo nº11 Op.60
F. Tarrega: Prelude Nº1
L. Brouwer: Etude Simple Nº1

Músicas parte—B
G. Sanz: Canarios (Da Suite Española).
F. Sor: Minueto en Re Mayor Op.11, Nº5
F. Carulli: Allegretto (Slightly Allegro - da Sonata Op.5)
M. Giuliani: Rondo Op.100, nº16
L. Mozzani: Feste Lariane
L. Legnani: La Mazurka

Músicas parte—C
F. Tarrega: Adelita partitura+tab pdf
F. Tarrega: Rosita - Polca.
Abel Fleury: Milongueo del ayer
Jubert: Song of Pirates;
M. Llobet: Canço del Lladre (A canção do ladrão)
A.Lauro: El Negrito (Little Negro Waltz).
F. M. Torroba: Torija
F. Kleynjans: Fado© (triste).
Lu Zhaoxuan: Sunset Riverside

Objetivos didáticos 6ª série:
1 - Escalas em diferentes posições contendo ligaduras e acordes.
2 - Iniciação à improvisação a partir de uma determinada melodia.
3 - Ornamentação na música renascentista.
4 - Estudo e consolidação dos diferentes ataques dos dedos i, m e a.
5 - Transcrição de música composta para instrumentos relacionados com a guitarra (alaúde renascentista e barroco, vihuela, teorba, guitarra renascentista,...).
6 - Estudos de barras mantidas com extensões.
7 - Máxima coordenação com o resto das disciplinas complementares.
8 - Aprofundar o estudo do dedilhado e suas dificuldades. Redigitação.
9 - Aperfeiçoamento das diferentes formas de ataque dos dedos i, m e a.
10- Trabalhar e melhorar a memória musical através do fraseado.
11- Prática instrumental em grupo “música de câmara”.
12- Audições trimestrais, departamentais e de fim de ano em sala de aula curso.
13- Prática de leitura à primeira vista.
14- Prática de improvisação de pequenas melodias.

Séries 6ª e 7ª
O material musical selecionado para essas séries pode ser descrito como estando no final tecnicamente menos exigente do "continuum" do repertório profissional. O número de tonalidades e assinaturas de tempo que podem ser usadas se estende a toda a gama de possibilidades. O material melódico e rítmico pode incluir um grau significativo de complexidade. A música incluirá passagens onde dinâmica, articulação, fraseado e ornamentação demanda considerável destreza e flexibilidade. O repertório de escalas e arpejos no Componente 1 é expandido em número para incluir um grande número de tipos; além disso, os alunos podem ser solicitados a executá-los com dinâmicas e articulações variadas. A musicalidade é considerada quase tão importante quanto a realização técnica na avaliação, e espera-se que o candidato se comunique com um senso emergente de personalidade musical.

Repertório da sexta série:
Músicas parte—A
F. Sor: Estudio Op.6, Nº3
F. Sor: Estudio Op.6, Nº4
Matteo Carcassi: Allegro Op.60, Nº23
Mauro Giuliani: Estudo nº22 Opus 48
M. Ponce: Prelúdio(s) nº1 e nº2
F. Tarrega: Prelúdio nº 5
F. Tarrega: Estudio en la forma de Minueto.
L. Brouwer: Etude Simple No. 11

Músicas parte—B
L. Narvaez: Diferencias Sobre Guardame Las Vacas
J. S. Bach: Bourrée BWV996 - 5º movimento. -X- Partitura dinâmica com tablatura
J. S. Bach: Cantata BWV147 Jesus alegria dos homens - Cantata BWV 147
F. Sor: Minueto en La Mayor Op.11, Nº6
F. Carulli: Abertura
L. Legnani: Caprice Op.250, Nº2
F. Tarrega: Gran Vals Partitura dinâmica com TAB
F. Tarrega: Marieta (Mazurca).
A. Lauro: Valsa Venezuelana nº2 Andreina
A. Lauro: Valsa Venezuelana nº1 Tatiana

Músicas parte—C
M. Ponce: Estrellita
João Pernambuco: Saudosa viola.
João Teixeira Guimarães (João Pernambuco): Sons de Carrilhões.
J. Cardoso: Milonga
A. Barrios: Julia Florida (Barcarola)
A. Lauro: El Marabino
L. Merlin: Suite del Recuerdo (escolha duas peças - Reminiscence Suite)
J. Jimal: Baden Jazz Suite, 1st mvt.
J. Morel: Danza Brasileira
Lu Chao-Hsuan: Salgueiro

Repertório da sétima série:
Músicas parte—A
F. Sor: Andante Op.6, Nº11
F. Sor: Andante Op.6, Nº12;
Matteo Carcassi: Allegro Op.60, nº25;
L. Legnani: Caprice Op.20, nº7
Villa-Lobos: Estudo nº1.

Músicas parte—B
A. Mudarra: Fantasia
D. Scarlatti: Sonata (em lá maior) K.322
M. Giuliani: Sonata Allegro Spirito Op.15, 1º movimento.
J. K. Mertz: Tarantella Op.13 nº6
N. Coste: Valse Favorito
F. Tarrega: Danza Mora
F. Tarrega: Recuerdos de la Alhambra
F. M. Torroba: Madronos (morangos).

Músicas parte—C
M. Ponce: Scherzino Mexicano
A. Lauro: Valsa venezuelana nº3 Natalia
H. Villa-Lobos: Prelúdio nº1
A. Carlevaro: Campo (Pastoral).
A. Tansman: Dança Pomposa
A. Barrios: Dança Paraguaya
J. S. Sagreras: El Colibri
L. Brower: Danza Caracteristica

8ª série
O material musical selecionado para esta série pode ser descrito como sendo tecnicamente de alguma forma dentro do "continuum" do repertório profissional. O número de tonalidades e assinaturas de tempo que podem ser usadas se estende a toda a gama de possibilidades; além disso, as peças podem incluir variações e mudanças de tonalidade e métrica. O material melódico e rítmico incluirá um grau significativo de complexidade. As demandas de dinâmica, articulação, fraseado e ornamentação serão consistentes e consideráveis. O repertório de escalas e arpejos no Componente 1 é expandido em número para compreender uma gama extremamente ampla de tipos, exigindo diferentes estilos de execução e explorando toda a gama do instrumento. A musicalidade é julgada como quase tão importante quanto a realização técnica na avaliação, e espera-se que o aluno se comunique com um senso emergente ou claro de personalidade musical.

Repertório da 8ª série:
Músicas parte—A
F. Sor: Estudio Op. 31, nº 19
F. Tarrega: Estudio de Velocidad en Mi maior
E. Pujol: El Abejorro (Etude Bumblebee).
A. Barrios: Estudio del Ligado (Slur Study) em lá maior.
H. Villa-Lobos: Estúdio nº11
H. Villa-Lobos: Estúdio nº5
L. Brouwer: Estudio Nº13
L. Brouwer: Estudio Nº20
M. Carcassi: Andantino con espressione em E Op.60, Nº24

Músicas parte—B
D. Scarlatti: Sonata K.178 (em ré maior, Op.178).
F. Sor: Marborough Introdução & Variações
M. Giulliani: Variações sobre um tema das Folies da Espanha.
N. Coste: Caprice sur l`air espagnol la Cachucha Op.13
F. Tarrega: Capricho Arabe, praticando - e - Partitura dinâmica com Tablatura.
A. Barrios: Vals Op.8 nº3
H. Villa-Lobos: Mazurka—Choro No.1 (De Suite Populaire).*
Heitor Villa-Lobos: Prelúdio nº2
M. Giulliani: Variations sur un Theme de G. F. Handel

Músicas parte—C
M. Ponce: Prelúdio em Mi Maior
J. Malats: Serenata Espanola
M. Falla: Homenaje Le Tombeau de Debussy
Regino Sainz de la Maza: Zapateado
J. Turina: Homenaje a Tarrega Op.69
Y. Yocoh: Tema e Variações sobre Sakura (folclore japonês).
A. York: Sunburst (sol quente).
S. Rak: Tentação do Renascimento
A. Carlevaro: Tamboriles
R. Dyens: Saudade No.3

Repertório da 9ª série:

Músicas parte—A
José Fernando Macario Sors (Fernando Sor): Estudio Op.6, Nº6
F. Sor: Estudio Op.6, Nº9
Francisco de Asís Tárrega Eixea: Estúdio Brillante *
G. Regodi: Estudio nº5
H. Villa-Lobos: Estúdio nº 8
Agustín Pío Barrios Ferreira(Mangoré): El Ultimo Tremolo

Músicas parte—B
J. Dowland: Fantasia em Mi Maior *
D. Scarlatti: Sonata K.11 (em dó menor).
F. Sor: Grand Solo *
Mauro Giuseppe Sergio Pantaleo Giuliano: Grande Abertura *
Napoléon Coste: Les Soirées d Auteil Op.23
Johann Kaspar Mertz: Op.28 Fantasia sobre temas do Don Giovanni de Mozart
Luigi Rinaldo Legnani: Fantasia op.19
Julio Gabino Arcas Lacal (Julián Arcas): Polaca Fantastica
Manuel María Ponce Cuéllar: Sonata Clássica (movimentos rápidos e lentos).

Músicas parte—C
A. Barrios: Vals Op.8, Nº4
Isaac Manuel Francisco Albéniz y Pascual: Leyenda *
R. Pipo: Cancion y Danza Nº1
J. Rodrigo: Junto al Generalife.
J. Turina: Fandaguillo
H. Villa Lobos: Estudio Nº12
L. Brouwer: Elogio de la Danza
R. Dyens: Tango en Skai© *
S. Dodgson: Divisões de Fantasia

Nota: As obras marcadas com * já estão com o arranjo de estudo pronto e ainda não publicado no canal.
Algumas obras são contemporâneas e devido aos direitos autorais© não serão publicadas aqui.

Repertório da 10ª série:

Músicas parte—A
Fernando Sor: Estudio Op.29 nº17
Napoleon Coste: 25 Etudes Op.38 nº22
Heitor Villa Lobos: Estudo nº2
Heitor Villa-Lobos: Estudo nº7
A. Gilardino: "Ventanas" do 20 Estudio

Músicas parte—B
J. S. Bach: Fuga BWV1001
F. Sor: Variações sobre um tema de Mozart Op.9 Partitura com TAB dinâmica.-
D. Aguado: Fandango Variado Op.16
N. Coste: Andante et Polonaise Op.14
J. K. Mertz: Elegia
G. Regondi: Revere Nocturne Op.19
J. Arcas: Fantasy on Themes from La Traviata
M. C. Tedesco: Rondo Op.129
C. Domeniconi: Koyunbaba (Shepherd Suite).

Músicas parte—C
A. Barrios: Un sueno en la Floresta (arquivo: un-sueno-en-la-floresta-yt)
J. Rodrigo: En Los Trigales
L. Albeniz: Sevilha
M. Ponce: Variação do Tema e Finale
Mario Castelnuovo Tedesco: Tarantella
Nikita Koshkin: Usher Valse
F. Kleynjans: Arabesque en forme de Caprice (sur le tombeaude Tárrega) Op.99
Paulo Bellinati: Jongo (Jungle Dance).
F. Martin: Quatre Pieces
W. Amadeus Mozart: Marcha Turca
Dilermando Reis: Se ela perguntar.
Dilermando Reis: Alma apaixonada

Nível performance

Músicas parte—A
N. Coste: Abertura e Rondo
Giulio Regondi: Introdução e Capricho, Op. 23
F. Tarrega: Variações sobre o Carnaval de Veneza
F. M. Torroba: Sonatina em lá maior
M. Llobet: Variações sobre um tema de Sor
M. Ponce: Sonatina Meridional (Southern Sonata).
L. Brouwer: Hika: In Memoriam Toru Takemitsu

Músicas parte—B

F. Sor: Sonatina Op.22
J. K. Mertz: Fantasia Húngara
A. Barrios: La Catedral
J. Rodrigo: Invocação e Dança (Oração e Dança).
M. C. Tedesco: Capriccio Diabolico Op. 85
L. Berkeley: Sonatina Op.52
J. Obrovska: Quatro Imagens do Japão

Músicas parte—C

N. Paganini: Grande Sonata
M. Giuliani: Grande Sonate Eroica Op.150
J. W. Duarte: Suite Inglesa
J. Rodrigo: Sonata da Alegria (Sonata Giocosa).
M. Pujol: Tres Piezas Espanolas
L. Brouwer: El Decamaron Negro© (Black Ten Day Tales).
Granados: Psalter Waltz; E. Granados: Valses Poéticos

Nível de jogo mais alto - avançado - recital de formatura:

Músicas parte—A
J. S. Bach: Chaconne - Partita No.2 in D minor, BWV 1004
J. S. Bach: 4 Suites para Alaúde (Uma delas)
J. S. Bach: Prelude, Fuga & Allegro BWV998

Músicas parte—B
M. Giuliani: Rossiniana Nº1-6 (Uma delas)
D. Aguado: Rondo Brillante Opus 2 nº2 - e - Opus 2 nº3 *
M. Ponce: Variações sobre Folia de Espana e Fuga.
A. José: Guitar Sonata.
R. Dyens: Libra Sonatina©
V. Asencio: Sonata

Músicas parte—C
J. Rodrigo: Três Peças Espanholas.
W. Walton: Cinco Bagatelas
M. C. Tedesco: Sonata em ré maior.
A. Tansman: Suíte Cavatina.
B. Britten: Noturno
L. Brouwer: Sonata
S. Assad: Aquarela©
A. Ginastera: Sonata Op.47

Extra, não listado.
Scott Joplin: O entretenimento.

Opus 48 de Mauro Giuliani para iniciantes em violão clássico.
𝕰𝖘𝖊𝖗𝖈𝖎𝖟𝖎𝖔 𝖕𝖊𝖗 𝖑𝖆 𝖈𝖍𝖎𝖙𝖆𝖗𝖗𝖆, 𝖈𝖔𝖓𝖙𝖊𝖓𝖊𝖓𝖙𝖊 24 𝖕𝖊𝖟𝖟𝖎 𝖉𝖊𝖑𝖑𝖆 𝖒𝖆𝖌𝖌𝖎𝖔𝖗𝖊 𝖉𝖎𝖋𝖋𝖎𝖈𝖔𝖑𝖙à, 𝖉𝖎𝖛𝖊𝖗𝖘𝖎 𝖕𝖗𝖊𝖑𝖚𝖉𝖎, 𝖕𝖆𝖘𝖘𝖆𝖌𝖌𝖎, 𝖊𝖉 𝖆𝖘𝖘𝖔𝖑𝖔

Opus 100 de Mauro Giuliani para iniciantes em violão clássico.

Estudo nº 1 Cadense Maestoso: vídeo partitura + TAB
Estudo nº 2 Gracioso: vídeo partitura + TAB
Estudo nº 3 Allegro : vídeo partitura + TAB
Estudo nº 4 Allegretto: vídeo partitura + TAB
Estudo nº 5 Andantino: vídeo partitura + TAB
Estudo nº 6 Allegro: vídeo partitura + TAB
Estudo nº 7 Allegretto: vídeo partitura + TAB
Estudo nº 8 Gracioso em E♭: vídeo partitura + TAB
Estudo nº 9 Allegro em A♭: vídeo partitura + TAB
Estudo nº10 Vivace: vídeo partitura + TAB
Estudo nº11 Allegro: vídeo partitura + TAB
Estudo nº12 Gracioso: vídeo partitura + TAB
Estudo nº13 Affettuoso: vídeo partitura + TAB
Estudo nº14 Allegro: vídeo partitura + TAB
Estudo nº15 Rondó Allegro: vídeo partitura + TAB
Estudo nº16 Rondó Allegretto: vídeo partitura + TAB
Estudo nº17 Prelúdio: vídeo partitura + TAB
Estudo nº18 Allegro: vídeo partitura + TAB
Estudo nº19 Vivace: vídeo partitura + TAB
Estudo nº20 Livre: vídeo partitura + TAB
Estudo nº21 Vivace: vídeo partitura + TAB
Estudo nº22 Allegro em F: vídeo partitura + TAB
Estudo nº23 Allegro em A: vídeo partitura + TAB
Estudo nº24 Vivace em E: vídeo partitura + TAB

A Borboleta Op.50 de Mauro Giuliani.

    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

25 Estudos melódicos e progressivos Op.60 de Matteo Carcassi, completa partitura com tablatura.

Inscreva-se no canal do YouTube para incentivar esse projeto, para obter o arquivo pdf da partitura com tablatura é necessário ser inscrito.

 01. Estudo Allegro em C...................3ª série  Vídeo Youtube  
 02. Estudo Moderato con espressivo em Am..3ª série  Vídeo Youtube  
 03. Estudo Andantino em A.................3ª série  Vídeo YouTube 
 04. Estudo Allegretto em D................4ª série  Vídeo YouTube  
 05. Estudo Moderato em G..................4ª série  Vídeo YouTube
 06. Estudo Moderato em C..................4ª série  Vídeo YouTube  
 07. Estudo Allegro em Am..................4ª série  Vídeo YouTube  
 08. Estudo Moderato em E .................5ª série  Vídeo YouTube  
 09. Estudo Allegro grazioso em A..........5ª série  Vídeo YouTube   
 10. Estudo Allegretto em D................5ª série  Vídeo YouTube  
 11. Estudo Agitato em Dm..................5ª série  Vídeo YouTube  
 12. Estudo Andante mosso em D.............5ª série  Vídeo YouTube   
 13. Estudo Andante grazioso em A..........6ª série  Vídeo YouTube 
 14. Estudo Allegro moderato em D..........6ª série  Vídeo YouTube  
 15. Estudo Allegro moderato em C..........5ª série  Vídeo YouTube    
 16. Estudo Andante em F...................6ª série  Vídeo YouTube 
 17. Estudo Moderato em Am.................6ª série  Vídeo YouTube 
 18. Estudo Allegretto em A................7ª série  Vídeo YouTube 
 19. Estudo Allegro moderato em Em.........7ª série  Vídeo YouTube     
 20. Estudo Allegro brillante em A.........6ª série  Vídeo YouTube   
 21. Estudo Andantino em A.................6ª série  Vídeo YouTube  
 22. Estudo Allegretto em C................7ª série  Vídeo YouTube   
 23. Estudo Allegro em A...................6ª série  Vídeo YouTube  
 24. Estudo Andantino con espressione em E 8ª série  Vídeo YouTube 
 25. Estudo Allegro brillante em A.........7ª série  Vídeo YouTube

Opus 60 Matteo Carcassi e os 25 estudos agrupados por dificuldade

Fácil: 2, 3, 4, 6, 10, 13, 16, 19

Médio: 1, 5, 7, 8, 9, 11, 12, 14, 15, 21, 23

Avançado: 17, 18, 20, 22, 24, 25

Agrupados por técnica
Escalas: 1, 6, 14, 18

Arpejo: 2, 3, 7, 11, 12, 13, 15, 19, 20 + 22 (incluindo ligaduras para mão esquerda)

Ligados: 4, 8, 9, 10, 21, 23, 25 (arpejo de braço da guitarra completo)

Outros: 5 + 17 (Movimento Paralelo e Saltos), 16 (Melodia e Acompanhamento), 24 (Saltos)

Agrupados por comprimento
Curto: 3, 4, 10

Médio: 1, 2, 5, 8, 11, 12, 13, 14, 16, 18, 19, 23

Longo: 2, 6, 7, 9, 15, 17, 20, 21, 22, 24, 25

Violão clássico por Fernando Sor - Opus 35 completa, partitura com tablatura.

Estudo nº1, Op.35, 4ª série - intermediário.
Estudo nº2, Op.35, 4ª série - intermediário.
Estudo nº3, Op.35, 4ª série - intermediário.
Estudo nº4, Op.35, 4ª série - intermediário.
Estudo nº5, Op.35, 4ª série - intermediário.
Estudo nº6, Op.35, 3ª série - iniciante.
Estudo nº7, Op.35, 4ª série - intermediário.
Estudo nº8, Op.35, 5ª série - intermediário.
Estudo nº9, Op.35, 5ª série - intermediário.
Estudo nº10, Op.35, 4ª série - intermediário.
Estudo nº11, Op.35, 4ª série - intermediário.
Estudo nº12, Op.35, 4ª série - intermediário.
Estudo nº13, Op.35, 3ª série - iniciante avançado.
Estudo nº14, Op.35, 3ª série - iniciante avançado.
Estudo nº15, Op.35, 4ª série - intermediário.
Estudo nº16, Op.35, 4ª série - intermediário.
Estudo nº17, Op.35, 4ª série - intermediário.
Estudo nº18, Op.35, 4ª série - intermediário.
Estudo nº19, Op.35, 4ª série - intermediário.
Estudo nº20, Op.35, 4ª série - intermediário.
Estudo nº21, Op.35, 4ª série - intermediário.
Estudo nº22, Op.35, 4ª série - intermediário.
Estudo nº23, Op.35, 4ª série - intermediário.
Estudo nº24, Op.35, 4ª série - intermediário.

Violão clássico por Fernando Sor - Opus 60

A Opus 60 de Fernando Sor, intitulada Introduction à l'étude de la guitare, é uma célebre coletânea de peças de nível iniciante. Foi publicada pela primeira vez em Paris, por volta de 1836/37, sob o título "Introduction à l'étude de la guitare en vingt-cinq leçons progressives" (Introdução ao Estudo da Guitarra em 25 Lições Progressivas). Esta obra representa sua última composição para violão solo. No prefácio, Sor destaca a importância da obra para os iniciantes, explicando que, embora as peças sejam simples, ele as compôs com cuidado, baseando-se em princípios que facilitam o avanço para a execução de peças mais complexas.

Estudo nº01, Op.60, 1ª série
Estudo nº02, Op.60, 1ª série
Estudo nº03, Op.60, 2ª série
Estudo nº04, Op.60, 2ª série
Estudo nº05, Op.60, 3ª série
Estudo nº06, Op.60, 3ª série
Estudo nº07, Op.60, 3ª série
Estudo nº08, Op.60, 2ª série
Estudo nº09, Op.60, 3ª série
Estudo nº10, Op.60, 4ª série
Estudo nº11, Op.60, 4ª série
Estudo nº12, Op.60, 4ª série
Estudo nº13, Op.60, 4ª série
Estudo nº14, Op.60, 4ª série
Estudo nº15, Op.60, 4ª série
Estudo nº16, Op.60, 4ª série
Estudo nº17, Op.60, 4ª série
Estudo nº18, Op.60, 5ª série
Estudo nº19, Op.60, 5ª série
Estudo nº20, Op.60, 5ª série
Estudo nº21, Op.60, 6ª série
Estudo nº22, Op.60, 6ª série
Estudo nº23, Op.60, 7ª série
Estudo nº24, Op.60, 6ª série
Estudo nº25, Op.60, 7ª série

Estamos no Telegram: https://t.me/+Ipdizb3zWEgyMmM5

Estudo de escalas: https://www.verbratec.com.br/p/estudo-de-escalas.html com objetivo - guitarra clássica.

Visite os exercícios de técnica para guitarra clássica, do tipo aranha: https://www.verbratec.com.br/2025/01/aranha-exercicios.html

Playlist do Conservatório Estadual de Música Padre José Maria Xavier, de São João del-Rei, aprender cantando, curso de "violão popular": youtube.com/conservatorio [full-post]

Juan José Buscaglia

2024-08-29T16:20:00.016-03:00

Aqui teremos ao menos uma parte do trabalho do musicista argentino Juan José Buscaglia (22 Outubro 1893 - 14 Fevereiro 1958).

Juan José Buscaglia foi um importante compositor e intérprete argentino, conhecido por suas contribuições à música folclórica do país. Ele nasceu em 1927 e se destacou por sua habilidade em criar canções que capturam a essência da cultura argentina. Suas obras frequentemente abordam temas do cotidiano, da natureza e da vida rural, refletindo a rica tradição musical do folclore.

Buscaglia também é conhecido por seu estilo envolvente e por incorporar elementos de tonada e outros gêneros populares. Além de sua carreira solo, ele colaborou com diversos artistas e teve um papel importante na promoção da música folclórica argentina.

Entre 1964 e 1970, a "Ricordi Americana SARC - Buenos Aires" publicou 3 volumes de 8 miniaturas, cada um deles.

8 miniaturas - Volume 1 (1964):

1 - Don Eugenio (Milonga) Partitura no canal @estudoviolaoclassico YouTube
2 – Cancion Pampeana (Tonada) Partitura no canal @estudoviolaoclassico YouTube
3 – De mi Pago (Estilo) Partitura no canal @estudoviolaoclassico YouTube
4 – Milonga de San Vincente Partitura no canal @estudoviolaoclassico YouTube
5 – El Lucero (Vidalita) Partitura no canal @estudoviolaoclassico YouTube
6 – Arisqueando (Gato)Partitura no canal @estudoviolaoclassico YouTube
7 – Melodia (Valsa lenta) Partitura no canal @estudoviolaoclassico YouTube
8 - Un lamento (Vidàla) Partitura no canal @estudoviolaoclassico

8 miniaturas - Volume 2 (1965):

1 - Adrianita (Valsa) Partitura no canal @estudoviolaoclassico YouTube
2 – Recuerdos (Tremolo) Partitura no canal @estudoviolaoclassico YouTube
3 – Pampa (Pericon) Partitura no canal @estudoviolaoclassico YouTube
4 - Amanecer (Vidalita) Partitura no canal @estudoviolaoclassico YouTube
5 – En la Huella (Estilo) Partitura no canal @estudoviolaoclassico YouTube
6 – Recuerdos de mi Pago (Milonga) Partitura no canal @estudoviolaoclassico YouTube
7 - El Cimarron (Gato) Partitura no canal @estudoviolaoclassico YouTube
8 - Versos de Fogòn (Tonada)Partitura no canal @estudoviolaoclassico YouTube

8 miniaturas - Volume 3 (1970):

1 - Atardecer en la Pampa (Triste) Partitura no canal @estudoviolaoclassico YouTube
2 – Recuerdo de mi Pueblo (Valsa lenta)Partitura no canal @estudoviolaoclassico YouTube
3 – Canción de mi Pago (Tango) = Partitura no canal @estudoviolaoclassico YouTube
4 – Floreos (Milonga) Partitura no canal @estudoviolaoclassico YouTube
5 – Aparcero (Gato) Partitura no canal @estudoviolaoclassico YouTube
6 – En el Horizonte (Tonada) Partitura no canal @estudoviolaoclassico YouTube
7 – Mi viejo Rancho (Estilo) Partitura no canal @estudoviolaoclassico YouTube
8 - Preludio Criollo (Milonga).Partitura no canal @estudoviolaoclassico YouTube

Dilermando Reis

Músicas que estarão em breve no canal @estudoviolaoclassico.

Alma apaixonada
Alma nortista
Bingo
Brejeiro
Caboclinho
Choro noturno
Conversa de baiana
Desengano
Divagando
Doutor sabe tudo
Dois destinos
É tão tarde
Eterna saudade
Feitiço
Fim de festa
Flor de aguapé
Gauchinha mazurka
Gente boa
Magoado
Noite de Lua
Nossa ternura
Penumbra s/pdf
Rosas de outono s/pdf
Sandrinha
Se ela perguntar
Serenata
Sinhazinha
Sobradinho
Suplica
Tempo de criança
Ternura
Uma valsa e dois amores
Vê se te agrada

O que estudar?
UFRGS
Faculdade de música

1º Semestre

Prova 1

1– Notas musicais, pauta, clave

2– Figuras rítmicas, fórmula de compasso

3– Tom e semitom, acidentes

4– Ligadura, ponto de aumento

5– Intervalos

Prova 2

6– Métrica, compassos simples e compostos

7– Escalas maiores, graus da escala

8– Escalas menores, subtônica

9– Tonalidade, armadura

10– Inversão dos intervalos

2º Semestre

Prova 1

11– Acentos métricos, contratempo, síncope

12– Tríades

13– Tríades sobre a escala maior

14– Inversões da tríade

15– Tríades sobre as escalas menores 

Prova 2

16– Quiálteras, anacruse

17– Escala cromática, tons inteiros

18– Tétrades, inversões de tétrades

19– Tétrades sobre a escala maior

20– Tétrades sobre as escalas menores


3º Semestre

Prova 1

21– Marcação dos pulsos

22– Notas estranhas ao acorde I

23– Indicações de dinâmica

24– Indicações de andamento

25– Sistemas de nomenclatura das oitavas

Prova 2

26– Modos

27– Notas estranhas ao acorde II

28– Sinais de articulação

29– Nomes das notas em outros idiomas

30– Compassos irregulares 

4º Semestre

Prova 1

31– Mordente, trinado

32– Transposição 

33– Instrumentos transpositores

34– Acidentes microtonais

35– Tonalidades vizinhas

Prova 2

36– Gruppetto, acciaccatura

37– Escala octatônica 

38– Sistema mod12, classe de alturas

39– Intervalo entre alturas, classe de intervalos

40– Serialismo dodecafônico

Material de estudo em pdf no drive Google, oriundo da UFSM por Pablo Gusmão.

Informática.

2024-08-28T23:57:00.000-03:00

Parte 1.

1- Qual foi o primeiro computador durante a II Guerra Mundial?
R- A criação do microcomputador ENIAC em 1943 durante a II Guerra Mundial.

2- Você acha que existe algum tipo de empresa que conseguiria operar sem o uso da TI? Cite-as.
R- Se pararmos para pensar, não existe nenhuma empresa que conseguiria operar ou expandir seus negócios sem o uso, parceria ou total dependência da TI.

3- Quando foi lançada a primeira rede de telefonia de celular no Brasil, quem lançou e qual foi a primeira cidade a usar o serviço?
R- Lá em 1990, quando a TELERJ lançou no Brasil a primeira rede de telefonia de celular na cidade do Rio de Janeiro.

4- Você acha que a TI é imprescindível para qualquer curso que a gente possa escolher? Por quê?
R- A Tecnologia da Informação (T.I.) é imprescindível em qualquer curso de qualquer área.

5- Comente abaixo as tecnologias que você usa hoje:
R- Computador, internet, smartphone e notebook.

7- Existe alguns aplicativos/programas que se deixasse de funcionar hoje fariam falta para seu dia a dia e em que utiliza cada um deles:
R- Google para estudar, WatsApp para conversar e YouTube para o lazer.

Parte 2.

1- Conceitue T.I. Tecnologia da Informação?

R- A tecnologia da informação (T.I.) é um conjunto de recursos tecnológicos que busca um objetivo, sendo ferramentas modernas e atualizadas a fim de facilitar a solução ou alcance desse objetivo.

2- O que é descrito como conjunto de ciências relacionadas a coleta, armazenamento, transmissão e processamento de informações em meios digitais?

R- Informática.

3- Qual a diferença entre Aplicativo e Software livre?

Aplicativo é o software que tem a finalidade de desempenhar tarefas específicas, enquanto o software livre se caracteriza por permitir a adequação do código às necessidades do usuário final, sendo geralmente fornecido gratuitamente.

4- Porque as pessoas confundem CPU com Gabinete? Eles tem alguma coisa em comum?

Por ignorância. CPU nada mais é do que um processador, ele pode estar no telefone, no computador de mesa ou no notebook, já o gabinete é uma caixa, geralmente metálica que abriga a placa mãe, a fonte de alimentação, placa de som, de vídeo e etc.

5- Quais são as cinco principais áreas de atuação na Tecnologia da Informação? Fale um pouco de cada um.

Programação(1), banco de dados(2), suporte técnico(3), segurança(4) e testes(5).
1- O principal trabalhador da programação é o programador, que usando a lógica cria um algorítmo com uma determinada linguagem, devido a grande quantidade de linguagens, diferenças de 'hardwares', funcionalidades do programa e etc. Na maioria dos casos é necessário uma equipe de programadores para desenvolver e manter um programa funcional e atualizado.
2- Banco de dados é onde ficam armazenados os dados, quando você se cadastra num site por exemplo o Facebook, seu nome de usuário, endereço de e-mail, senha de acesso, número de telefone etc. São arquivados no banco de dados do Facebook. O tipo de linguagem mais usada no banco de dados é SQL de "Structured Query Language".
3- Suporte técnico, na maioria dos casos atua na instalação de terminais, redes, faz a munutenção dos equipamentos físicos e também cuida de configurações, auxilia nos acessos, orienta novos usuários, etc.
4- Segurança é um estado de espírito e responsabilidade de toda a equipe, nada é 99% seguro.
5- Testes são realizados desde o início do desenvolvimento e geralmente atualizações são necessárias com o passar do tempo. Geralmente usuários selecionados usam uma versão denominada 'beta' para testar a praticidade e relatar as dificuldades encontradas no dia a dia através do 'feedback', em outras palavras, significa “dar um retorno” às pessoas envolvidas no desenvolvimento do programa, para orientá-las sobre eventuais problemas ou dificuldades.

6- O que acha do serviço Home Office? Trabalha ou conhece alguém que trabalha em Home Office? Fale as vantagens e desvantagens de trabalhar nesse novo padrão.
Home office, é algo muito bom, como citado 'segurança é um estado de espírito' e na maioria dos casos, nos sentimos mais seguros em casa do que em qualquer outro lugar. No Brasil um dos principais problemas é a falta de segurança.
O transporte público embora seja razoável nas grandes cidades, na maioria das vezes também é problemático, inseguro, demorado, desconfortável, caro, causando stress ao usuário e poluição ao meio ambiente. Considero o fato de não precisar se deslocar de casa até o local de trabalho uma boa vantagem e a segunda é a alimentação, que certamente em casa é melhor, no conforto do lar.

Parte 3.

1- Porque a T.I na atualidade está passando a ser parte integrante da gestão das empresas?

2- O que é Inteligência Artificial (AI/IA)?

3- Cite onde no seu dia a dia você já observa o uso da Inteligência Artificial

4- Você acha que a Inteligência Artificial pode causar um grande impacto no futuro no trabalhos de uma empresa? Por que?

5- Qual é a controvérsia da Inteligência Artificial?

6- Qual é o impacto negativo da T.I nos dias de hoje para as pessoas?

Parte 4.

1- Desenvolva um texto com no mínimo 25 linhas falando sobre a realidade com a TI nos dias de hoje e como ela está presente na sua vida pessoal e profissional. Comente também sobre os receios que você tem com o crescimento da TI dentro das empresas e indústrias.

Parte 5.

1- Qual é a ligação da T.I com a Comunicação?

2- Com a nova realidade de hoje, muitas pessoas se capacitaram para usar a tecnologia e algumas precisa e outras não precisa de profissionais da T.I. Existe a necessidade das empresas se reinventarem para conquistar os clientes? Como?

3- Falando sobree as carreiras da TI brasileira, explique quais são e as principais habilidades dos CIOs, CDOs e CTOs.

4- Quais as qualidades de um grande CTO? No seu curso que escolheu você acha que alguma dessas qualidades serve para seu sucesso profissional? Quais qualidades a mãos você colocaria para o seu perfil de atuação para se tornar um grande profissional de sucesso?

5- Porque os CIOs são os principais agentes de transformação digital das empresas?

6- Qual tempo gasto dos CIOs com inovação de modelos de negócios digitais? ( ) 1/3 do tempo
( ) 60% do tempo
( ) metade do tempo

7- Complete as frases com a opção correta de acordo com o conteúdo abordado anteriormente.
A) “Os CIOs destinam mais da metade do tempo à TI herdada (__%) e apenas __% à inovação digital do modelo de negócios.”
( ) 50 – 20
( ) 65 – 43
( ) 57 – 43
( ) 20 – 36

B) “citada por ___%, seguida pelos sistemas relacionados à Internet das Coisas (___%), desenvolvimento de novos sistemas para dar suporte aos processos de negócios existentes (___%)”
( ) 50 – 20 - 10
( ) 65 – 43 - 54
( ) 60 - 57 – 51

C) “As estimativas variam de ___% do tempo de acordo entre CIOs e CEOs e ___% do tempo de acordo com conselhos de administração e outros chefes de funções corporativas, a ___% dos executivos de linha de negócios (LOB).”
( ) 71 – 73 – 76
( ) 65 – 49 - 59
( ) 90 - 17 – 31
( ) 72 – 73 - 77

Parte 6.

1- O que é sustentabilidade?

2- Porque devemos abordar sustentabilidade com a T.I?

3- Porque a Tecnologia trouxe coisas boas, mas ao mesmo tempo agride o meio ambiente?

4- Porque a Tecnologia da Informação faz o casamento perfeito com a Sustentabilidade?

5- Fale tudo que entendeu sobre a TI. Verde.

6- Cite todos os princípios da T.I. Verde.

7- Descreva tudo que você entendeu sobre o TI Verde e a sustentabilidade.

Parte 7.

1- A T.I na Educação é opcional ou obrigatório, por quê?

2- Porque os valores dos recursos de T.I subiram tanto seus valores na pandemia do Covid19?

3- Desenvolva um pequeno texto de 15 destacando a Importância da T.I na educação.

4- Desenvolva um pequeno texto de 15 relatando a sua realidade com a T.I e a educação.

Parte 8.

1- Porque a T.I é uma grande aliada na Segurança do Trabalho?

2- Qual é o objetivo da tecnologia já utilizada BEACON?

3- Porque a realidade virtual é importante para cursos e treinamentos?

4- Você acha que o conhecimento em novas tecnologias (exemplo drones) irão te ajudar a atuar na área de segurança do trabalho?

5- Como a TI ajuda na gestão de risco?

6- Como o aplicativo TATI ajuda no trabalho seguro?

7- Quais as vantagens de usar a tecnologia na segurança do trabalho?

Mazurka de Carl Henze.

2023-06-07T18:17:00.027-03:00

Mazurka de Carl Henze, partitura com tablatura para guitarra clássica - violão clássico.

Ouvir agora partitura com tablatura, Mazurka - Carl Henze.

Mazurka -Henze by verbratecjair

Pdf no drive Mazurka - Carl Henze.

Veja os detalhes de um exemplo de digitação no vídeo abaixo e bons estudos!
Inscreva-se no canal YouTube @estudoviolaoclassico e acompanhe meu estudo.

Guitto GGP-02

2022-03-18T19:30:00.028-03:00

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.
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.

Guitto GGP-02 (Joyo)- Uma das melhores opções de efeitos desplugado, tem reverb, chorus, delay.
Verifique o preço atual, mais frete, mais taxas, não esqueça de nada.

Controles de ajustes de acordo com as características de sua guitarra.
GGP-02 Captador de vibração possui 4 posições no DIP Switch.
Deslize para cima um por vez, até encontrar seu tom favorito de acordo com as características da guitarra.
nota importante: cada vez você só pode alternar para cima uma posição.

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.

[ads-post]

Será interessante obter informações sobre a porta USB, nada consta no site, nem no manual do produto.

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.
Na mesma mensagem a informação de que o GGP-04 deverá no futuro estar à venda no site banggood.

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!
Não deixe de mencionar seu parecer nos comentários.
Para o GGP-04:
Firmware update method use USB:

1 Uninstall the old version of the client software and install the latest version of the client software

2 When GGP-04 is turned off, press and hold the volume and treble potentiometers at the same time until UPDATE appears on the screen. Then let go.

3 Connect the computer with the supplied USB cable

4 Open the installed client software for firmware upgrade

5 After the upgrade is completed, the latest version number will be displayed in the upper right corner of the client software to confirm whether the upgrade is successful.

Em português do Brasil:
Método de atualização de firmware use USB:

1 Desinstale a versão antiga do software cliente e instale a versão mais recente do software cliente

2 Quando o GGP-04 estiver desligado, pressione e segure os potenciômetros de volume e agudos ao mesmo tempo até que UPDATE apareça na tela. Então deixe ir.

3 Conecte o computador com o cabo USB fornecido

4 Abra o software cliente instalado para atualização de firmware

5 Após a conclusão da atualização, o número da versão mais recente será exibido no canto superior direito do software cliente para confirmar se a atualização foi bem-sucedida.

Sobre a bateria 18650 no Guitto GGP-02 da Joyo.

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.
Quando carregando o mostrador do controlador fica com o led vermelho ligado, como mostra a imagem abaixo.

Depois de completa a carga o controlador irá ligar o led verde, como mostra a imagem abaixo.

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.
Se continuar usando o led do aparelho Guitto GGP-02 irá começar a piscar, indicando que a carga está fraca.
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.
Talvez ocorra uma variação nesse contexto, devido as diferentes configurações de equipamentos. Cabe a cada usuário fazer seus próprios testes.

Ei amigos!
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 desconto especial.
Vamos!
Junte-se a nós para receber seu desconto sobre GGP-02!
Comprar Guitto GGP-02

Guerra na Ucrânia.

2022-03-07T14:11:00.021-03:00

OTAN-UCRANIA-NAZISMO essas são as bandeiras A3OB!
Esse artigo trás um pouco de luz para toda essa escuridão.

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.
Aaron Mate 5 de março

"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".

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 .

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.

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.

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.

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.

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.

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.

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.

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.

"A Ucrânia é o maior prêmio"

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.

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.

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".

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.

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 .

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".

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.

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".

"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".

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 ".

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".

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".
[ads-post]
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]".

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]".

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".

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.

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".

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."

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.

Alex Rubinstein@RealAlexRubi

Assista ao discurso de Yevhen Karas, líder da gangue terrorista neonazista ucraniana C14, de Kiev no início deste mês. Direto da boca dos cavalos, ele dissipa as muitas narrativas empurradas pela esquerda, pela grande mídia e pelo Departamento de Estado.

Superando "o principal obstáculo"

Ao apoiar um golpe de extrema-direita em Kiev, os EUA superaram o inconveniente obstáculo da opinião popular ucraniana.

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.

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."

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.

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.

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.

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 .

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.

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.

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.

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 .

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.

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.

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.

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.

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]

O artigo original está em: https://mate.substack.com/p/by-using-ukraine-to-fight-russia?s=r

É 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.

Em 2025 a organização AZOV - Centúria, treina seus soldados para operar drones.

Como eu estou velho, velho! Olho para eles e me parecem, apenas meninos.
Eu vejo a dúvida em seus olhos, tristeza, medo, uma mistura de sentimentos, tudo menos o olhar de tigre faminto desejável em um guerreiro.

Bem-vindo à verbratec!

2021-06-26T18:08:00.010-03:00

Teste imagem Blogger

Ainda com alguns erros no código do blog/site, mas com toda a segurança possível.

Muito trabalho por aqui, para que tudo funcione bem. Novas funcionalidades sendo implementadas, encerrando 2020 com uma ótima expectativa para 2021, é preciso fazer acontecer!

O objetivo é atualizar tudo o que for possível. Em cada publicação deverá constar a data da atualização em 2021.

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.

Este é o local

Coloque o seu local no mapa!

Obrigado pela visita!

Exibir mapa ampliado

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.
[success title="Atualizando!" icon="check-circle"] Estamos tendo sucesso com o novo script construtor.
Toda atualização constará desta forma: revisado em 12 de julho de 2021.
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]
Veja o template funcionando Blogando com VBT. Imagem ilustrativa do painel de controle administravo de widgets Blogger e funções de um template.

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!
É uma nova web e estamos usando os recursos possibilitando melhores condições para o usuário!

Editado 04-10-2020

Central de Ajuda
ipconfig/flushdns comando cmd Windows limpar DNS

Para ver os videos visite o canal Verbratec no YouTube por favor! Obrigado por sua visita!

[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]

https://alamcorretor.blogspot.com/

Trabalho com imagem espetacular.

2021-06-26T10:18:00.043-03:00

Eu encontrei um trabalho 'show', muito bonito, uma ideia incrível no meu entender. Não resisti e fui para a reprodução.
Quem quer dar 'trabalho' ao homem dos códigos faz esse tipo de coisa.
Quem quer pegar a imagem, simplesmente recorta a tela. O download da imagem é que é o segredo da coisa, kkkk.
No fim das contas só dá trabalho mesmo, para o homem que codifica.
Mas que ficou bonito o trabalho, ah ficou!
Se discorda ou concorda diz ali nos comentários.

Bookmarklet extrator js

Para mim é um trecho de código que inicia com o protocolo javascript: mas isso não é um bom conceito, kkkk!
É gratuíto, uma grande vantagem.
Conhecido também por Favlets adicionam funções ao navegador.
Gostei de poder extrair o javascript de uma página de forma mais fácil.
Tudo o que precisa fazer é arrastar o link até a sua barra de favoritos.
Em qualquer blog/site que você estiver visitando, click no Bookmarklet e veja tudo que existe de javascript, abrirá em nova aba pra facitar as coisas.
Tudo muito simples e fácil para o bom uso.

Verbratec (JS Extractor)

Também deve ser usado em modelos Blogger, uma vez que do includable escrito uma única vez, se pode e deve usar include em todos os artigos, como nesse exemplo de link para compartilhar no Facebook. Uma facilidade incrível!

Aproveite e compartilhe para que seus amigos possam também fazer um bom uso da internet.
Um abraço e até a próxima.

Desenvolver modelo Blogger.

2021-06-14T11:26:00.014-03:00

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:

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.

Verbratec na tela!

Digite o url do seu blog/site Blogger no campo acima, use https e barra no final e click em renderize, veja se está tudo certo.
Ainda tenho muito para aprender.
[success title="Configuração básica." icon="check-circle"] Funcionalidades podem ser adicionadas e removidas.
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.

Um abraço e até a próxima!
[full-post]

Desenvolver com Blogger

2021-06-06T08:40:00.009-03:00

Serviços para blog/sites Blogger.

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.
Noutros casos, basta copiar e colar, salvou e foi feliz!
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.
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.
Para um template como este que estou usando no momento, as configurações Blogger precisam estar assim:
0 - Realize antes num "blog de testes", sempre tenha uma cópia salva de seus trabalhos.
1 - A maioria das funções dependem de dados existentes, faça ao menos 15 artigos.
2 - Adicione ao menos 15 frases e uma imagem em cada artigo, aplicando também marcadores.
3 - No feed do site em 'Permitir feed do blog' marque versão completa.
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.
Da mesma forma pode ocorrer algo similar nos templates complexos, até por já possuirem todas as funções necessárias, pensadas no bom desempenho.
5 - Configurações - Permissões - Acesso ao leitor, Blogger precisa ser público para que as funções possam acessar os dados também via feed.
6 - São muitas funções disponíveis, não queira usar tudo simultâneamente e lembre-se de que muitas delas podem ser ativas e desativadas, antes do desespero confira se está tudo ativado e configurado corretamente.

Conheça a Perto no seu Facebook

Agora vou listar algumas funções, que fazem parte da maioria dos templates sofisticados e atualizados. Não esquece de consultar e guardar a documentação para futuras consultas.
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.
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.

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.
04 - Pesquisa ajax, é fundamental, exceto para quem vai ter poucas páginas.
05 - Redes socias, função que facilite o compartilhamento do seu material, acesso ao canal YouTube, Instagram e etc.
06 - Sistemas de comentários, função que facilita ativar comentários do Facebook, Disqus e que mantem Blogger, atendendo todos os gostos.
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.
08 - Função de paginador na homepage.
09 - Função "news ticker" é algo interessante ter algum movimento.
10 - Widget de todos os tipos, inclusive com slider.
11 - Que exagero, na verdade só precisa escrever, não quebre a cabeça com tudo isso!

Sempre usando a lógica, se um template custa 50 dólares, como pode-se fazer download gratuitamente?
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.
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.
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.

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.
Eu uso um mesmo template por muitos anos, mas entendo que muitas pessoas gostam de experimentos e trocam o template seguidamente, como algo prazeroso.
É 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.
Veja como exemplo algumas entradas de dados Blogger na imagem que segue.

E suas respectivas saídas.

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.

Tendo alguma dificuldade, ou dúvida, entre em contato, será um prazer lhe ser útil.
Não tendo dúvida, nem curiosidade, comente, só pra eu ficar sabendo que alguém leu por aqui.
Um abraço e o ensejo de uma boa navegação!

O linkList padrão Blogger e mais o segredo.

2021-05-27T15:15:00.117-03:00

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.
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.
Obs: não esqueça de adicionar a tag CDATA.

</style>

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.
Obs: não esqueça de adicionar a tag CDATA.

</script>

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.
Demostrado ao vivo neste link: https=//construtorjavascript.blogspot.com/ A imagem que segue dá uma idéia de como editar o gadget, que deve ser inserido de forma normal pelo layout do seu painel admin Blogger.

Uma imagem da section com o widget e o já conhecido código padrão do Blogger.

O Blogger não quer funcionar, nem do computador, nem pegando URL da imagem, problema vish!
Solução colocar direto pelo código.
Eu ia gravar, mas pensei, se der problema com vídeo será tempo perdido.

Espero que tenha um bom estudo e que realmente isso lhe seja útil para o estudo da plataforma Blogger.
Um abraço e até a próxima!

O segredo do Blogger

2021-05-24T19:40:00.022-03:00

Há coisas que realmente nos tornam cada vez mais curiosos, quando o assunto é codificar alguma função para blog/site usando o Blogger.
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.
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.
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 comunidade Blogger 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.
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 smartphones e eu não gostei dessa limitação de tamanho, mas não tenho poder para mudar isso, kkkk!

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.
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.
Esse é um código apresentado de três formas diferentes.
Primeiro o código totalmente ofuscado, 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]

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]

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 feeds/posts/default só que cada coisa é uma coisa, então se peço https://www.verbratec.com.br/feeds/posts/default/?alt=json-in-script o programa retornará a função: gdata.io.handleScriptLoaded como se pode observar no início do código.
Se fizer a requisição com https://www.verbratec.com.br/feeds/posts/default/?alt=json já não terei a função gdata.io.handleScriptLoaded. E se lhe aparece algo como:
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
Estamos requisitando dados com o marcador solda 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!
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 != ""' name='has-location'/> <b:include name='userProfileData'/> <b:include cond='data:showlocation and data:location != ""' name='userLocation'/> <b:include cond='data:aboutme != ""' 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.
E o segredo? Se conto não será mais segredo. É esse teamProfile que possibilita mostrar os dados do autor do artigo, mesmo que um blog tenha várias pessoas trabalhando. Pronto contei. Bah!
Se você gosta da forma dinâmica, confira se seu blog favorito está ativo.
Digite o nome do seu blog favorito abaixo e veja-o na forma dinâmica:

.blogspot.com

Por hoje era isso, na próxima eu conto mais, um abraço e o ensejo de tudo de bom!
Obrigado por visitar está página!

Site Blogger fraudulento!

2021-05-14T23:45:00.020-03:00

Blogger usa servidores para imagens de forma automática, servidores Google claro.
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.
É 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.
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.

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.

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.
Para quem sabe um pouco, consegue recuperar cópias de cache do Bing, quando no Google nada consta.
O artigo no Blogger gera um código para imagem similar a este:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJQYi-Mo1T1APWSjqP9dVBZ_IMFk0O0j9yOwSCY_A1IN9dH2iIiLW4nt5rISnN8mkASA6_nKC7aD3GUbWgJhpOkca9i3gyJXUpEary9NWf2ip_v52zlWnMvmeZveTEjogFsjMduxTy71A4/s0/google+Brasil+enganoso.png

Clique para ver o arquivo xml em nova aba do navegador.

Note que no xml gerado a segurança cai usando http, quando deveria ser https e o servidor agora é: lh3.googleusercontent.com
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.
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.

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.

Lamentável quando isso acontece, o que mais me deixa 'pasmo' é o fato de ninguém do Google dizer 'nadinha'.

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.
Um abraço e obrigado por visitar!

Nuvem de Tags HTML

2021-05-04T07:50:00.091-03:00

Nuvem de "palavras chaves" em 2021, código atualizado.

   Hoje compartilho algo já tão antigo, que volta a ser especial novamente.
   Não sei quem fez mas, agradeço por eles existirem.
   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.

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.
Aqui o código css usado no exmplo para o estilo: [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]

...........

Cconfigurações HTML5 Link ao topo Modo noturno Favicon Mapa do site JavaScript Error code cooktop Máquina solda JSON páginas Verbratec JSON Blogger Tooltype JSON Feed Template

Demostração ao vivo.

Aqui o código html 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] [success title="Atualizando!" icon="check-circle"] Nuvem de tags, poderá ter que fazer pequenos ajustes no css de seu template.
Artigo revisado em 05 de julho de 2021. [/success]
Em caso de dúvida entre em contato, deixe um comentário.
Agradeço sua visita aqui e ensejo-lhe uma excelente navegação pelo mundo "web"!

De olhos fechados.

2021-02-13T21:04:00.007-03:00

Olá terráqueos e terráqueas!
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.
No resumo da arte, há um fator "olhos fechados" como veremos nas imagens abaixo.
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.
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.
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.
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 (exceto enquanto lendo a partitura). 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.
Deixe por favor o seu parecer, sua ideia, sua experiência, ali embaixo nos comentários.
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.
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.
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.
Vou seguir observando e pesquisando de 'olhos abertos', ao encontrar detalhes úteis adicionarei aqui.
Talvez essas minhas palavras possam servir como um gatilho, para que outras pessoas, escrevam mais sobre isso.
Meu especial agradecimento aos violonistas que autorizaram o uso da imagem: Pablo Romero Luis e Esdras Maddalon.
Um grande abraço e o meu muito obrigado por sua visita aqui!

Da Espanha, uma pessoa com quem tenho aprendido muito, grande mestre Pablo Romero Luis.

Visite o canal YouTube de Pablo Romero Luis.

Um violonista brasileiro, residente na Itália, professor, concertista e de "olhos fechados": Esdras Maddalon

Conheça o canal no YouTube Esdras Maddalon

Fontes:
Alguns artigos relacionados, que podem contribuir para um melhor entendimento de minha curiosidade:
Universidade de São Paulo - USP
https://jornal.usp.br/ciencias/ciencias-biologicas/musica-pode-estimular-do-desenvolvimento-do-cerebro-a-saude-emocional/
Universidade de Surrey - Inglaterra
https://www.surrey.ac.uk/mediacentre/press/2015/closing-your-eyes-boosts-memory-recall-new-study-finds
Universidade Nacional de Taiwan
https://www.frontiersin.org/articles/10.3389/fpsyg.2015.01160/full

Licenciamento de veículo 2021 - DETRAN-RS

2021-01-26T06:20:00.001-03:00

É 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.
Será que foi isso mesmo que ocorreu?
Não imprime, economiza, não entrega, economiza. Porém segue sendo obrigatório o uso do documento no veículo.
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.
O intuíto deste escrito é de acordo com a existência deste blog/site, ou seja, ajudar.
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 governo do Brasil.
Depois é só ir até o site do denatran e baixar o CRLV.
É preciso passar um mínimo de dados, gostei dessa parte.

Importante: O CRLV Digital só pode ser gerado no perfil do proprietário do veículo.
A versão eletrônica do CRLV contém todas as informações do documento impresso e tem a mesma validade jurídica.
Se bem que em se tratando de Brasil, alguns policiais desconhecem a lei. Já vi vários que "pensam" 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.
A desculpa fica por conta de que tudo passa por um delegado que é formado.
Vish! Até chegar no delegado...
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 restrição por furto ou roubo no sistema consultado pela Brigada Militar junto ao departamento de trânsito.
No futuro muito distante, o policial ao liberar o veículo recuperado para o proprietário deverá dar baixa em tal restrição. 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...
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.
Não lhes tiro a razão.

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!

Template.

2020-12-03T12:01:00.007-03:00

Um template Blogger pode suprir as necessidades iniciais, depois de um tempo a gente quer outras funções, as vezes outro desenho.
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 display:none em css.
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.

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.
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.
É 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.
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 painel administrativo, 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?

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.
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 PHP no Blogger, infelizmente.
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!
Para efeitos de estudo e observação, como exemplos de codificação para templates Blogger, poderás acessar essa página.
Os códigos na versão 1 e 2 para um mesmo widget.

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.
Um abraço com o ensejo de um ótimo final de semana e até a próxima!

Criando uma página no Blogger.

2020-11-11T22:00:00.028-03:00

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

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

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

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

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

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

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

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

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

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

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

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

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

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

24 horas depois consegui colocar o código aqui abaixo, este código criará uma seção(section) com o widget de páginas do Blogger, o gadget oficial do Blogger. Escolha o lugar no seu modelo e crie o seu.

<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
<b:includable id='main'><b:if cond='data:title'><h2><data:title/></h2></b:if><div class='widget-content'><b:if cond='data:mobile'>
<select expr:id='data:widget.instanceId + "_select"'>
<b:loop values='data:links' var='link'><b:if cond='data:link.isCurrentPage'><option expr:value='data:link.href' selected='selected'><data:link.title/></option><b:else/>
<option expr:value='data:link.href'><data:link.title/></option>
 </b:if></b:loop>
      </select>
      <span class='pagelist-arrow'>&#9660;</span>
<b:else/>
      <ul>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
          <b:else/>
            <li><a expr:href='data:link.href'><data:link.title/></a></li>
          </b:if>
        </b:loop>
      </ul>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
        </b:widget>
      </b:section>

Depois de criado o widget, vá para o layout e confira, estando tudo certo volte para o modelo, localize seu widget id='PageList1' e basta adicionar as demais linhas de código para as demais páginas, dentro da tag CDATA, conforme exemplificado abaixo, faz com calma observando todos os detalhes, vírgula, aspas, chaves e etc.

Se já tinha o gadget no seu modelo, ele já está com o css formado, mas se não usava até então, precisa fazer um trabalhinho a mais, colocar o css básico dentro da tag b:skin para melhorar a aparência, vou deixar o código abaixo, mas claro que você pode fazer da sua maneira, isso é só um exemplo.

/*---- PageList1 gadget Blogger ----*/
#PageList1 {
    width: 100%;
    border: 1px solid #625e00; /* Color del borde del menú */
    background-color: #E0ECF8; /* Color de fondo */
    }
    #PageList1 ul li a {
    color: #040; /* Color de los enlaces */
    text-decoration: none;
    font-weight: bold;
    padding-right: 20px;
    background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwCMmHisrqpQaifQou2XgEnHnXh72pXBUAnPhLkDY5Y70BwHrD8D-Da_PcptwcNWcEDi7HfvMm0oB0perRPPIGCn-s9VP70HO8RMOQTUS2MttL1dHXtOXPOnYFzd1FVq5BFd__Wie-FGI/s320/vertical.gif) center right no-repeat;
    }
    #PageList1 ul li a:hover {
    color: #e8faf2;  /* Cor do texto ao passar o cursor do mouse */
    position: relative;
    left: 1px;
    top: 1px;
    }
           /*---- Páginas gadget Blogger ----*/
#PageList1 {
width: 100%;
height: auto;
background: #e8faf2; /*---- edite cor de fundo ----*/
}
#PageList1 ul li a {
color:#fff; /*---- edite a cor da fonte ----*/
background:#030; /*---- edite cor de fundo ----*/
text-decoration: none;
font-weight: bold;
font-size: 15px;
padding: 8px 8px 8px 8px;
}
#PageList1 ul li a:hover {
color:#040; /*---- edite cor de fundo ----*/
background:#e8faf2; /*---- edite cor da fonte ----*/
position: relative;
left: 1px;
top: 1px;
}

Modo-escuro

2020-11-09T06:59:00.004-03:00

Passado algum tempo, os grandes sites disponibilizaram o modo escuro(dark-mode), alguns navegadores e sistemas operacionais também já possuem.
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.
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.

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.
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.
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.
Como editar seu código noturno: https://codepen.io/ananyaneogi/pen/zXZyMP?editors=1100

Sou ruim na escolha de cores, mas vou tentar melhorar isso aos poucos.
Caso encontre algo falho, deixe o "feedback" nos comentários e ficarei feliz em responder.
Obrigado por sua visita, um abraço e até a próxima!

Barra pegajosa - Sidebar

2020-10-28T19:02:00.008-03:00

Por 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.
A função faz com que a barra lateral espere o conteúdo do artigo, mantendo um visual mais aprazível.
Querendo desativar a função, acesse o 'layout' Blogger edite o gadget Controle administrativo, colocando o nome da variável 'barrapegajosa' para o "Novo nome do site" e adicione um n 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.
Querendo o efeito barra pegajosa de volta, delete esse link, ou coloque um y substituindo o n.

Um video simples mostrando como ativa e desabilita essa função no template, conforme já descrito.

[youtube src="GuQ4EvzwVgY"][/youtube]

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.
Um abraço e o meu muito obrigado por sua presença aqui.

Configurar o menu principal.

2020-10-26T16:47:00.018-03:00

Ao abrir o layout do Blogger estará na parte inferior a área Menu principal links ao conteúdo. Nela existem quatro gadgets que foram projetados para receber uma quantia enorme de dados, suprindo as necessidades mais diversas.
O que vou fazer aqui é apenas exemplificar uma das muitas maneiras de configurar alguns links, com este construtor.
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.
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.
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.
Esses links são introduzidos da forma tradicional, nome do link e url de destino, uma lista de links simples.
O terceiro gadget colocarei um link externo e uma imagem, e o quarto gadget não vou usar nesse momento.

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.

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.

Também aconteceu no GMail, esses colchetes não deveriam aparecer ali.

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.

Bora pro vídeo então...

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.

Anti - caçador curioso de baleia!

Um forte abraço e o meu obrigado por sua presença aqui! Pense em dar aquela curtida para incentivar esse trabalho.

Inserindo a caixa de amigos do Facebook.

2020-10-24T20:47:00.008-03:00

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.
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á.
Aqui foi feito de maneira que "se" adicionar um 'gadget' na footer(rodapé) ou na sidebar(barra lateral).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!

O trabalho prossegue.
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!

[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]

Expressões regulares construtor: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/RegExp

Ativando o paginador numérico do template.

2020-10-17T19:42:00.010-03:00

Nesse construtor, temos na homepage, no gadget "Últimas postagens", o link "Mais artigos" em forma de uma barrinha, como vemos na imagem.

Essa função também faz o paginador numérico, neste mesmo gadget, aqui denominado "Últimas postagens" eu escolhi este nome, mas o usuário pode escolher o que lhe convier.
Imagem do paginador numerado.

É 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 homePageNavi é ativada com y para mostrar o paginador numérico.

[youtube src="TjMyr2n_Cxg"][/youtube]
Com n substituindo o y 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 Controle administrativo.
Tudo em andamento por aqui, espero acrescentar algo que venha a ser útil.
Um forte abraço e até a próxima!

Corrigir erros no blog.

2020-10-15T13:35:00.006-03:00

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.
Temos aqui na nossa página de ferramentas, alguns links que podem ajudar, nessa tarefa de localizar e corrigir este e outros erros.
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 verbratec.com.br em dia na pesquisa.

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.
Construa sim, enfeite sua página 404, mas sobretudo, conserte os links, essa é a melhor forma de deixar tudo bem.
Fica o ensejo de uma boa navegação e o meu muito obrigado por sua presença aqui.
Se for sua vontade sinta-se livre para comentar, compartilhar e tal, abraço!

[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]