Skip to main content

Fácil meu amigo, ja pensou em usar css para isso?

.g-signin2:before{
  content: ' meu texto ';
  color: red;  
}
<div class="g-signin2" data-onsuccess="onSignIn">google</div>

No exemplo eu criei um psdeudo elemento, usando o before que significa antes, mas com after você consegue escrever depois. Mas se quiser substituir todo o texto, você pode usar javascript

A Api do google realmente pensou em algo nesse sentido, usando javascript você pode ver este exemplo retirado do site da google

<html>
<head>
  <meta name="google-signin-client_id" content="YOUR_CLIENT_ID.apps.googleusercontent.com">
</head>
<body>
  <div id="my-signin2"></div>
  <script>
    function onSuccess(googleUser) {
      console.log('Logged in as: ' + googleUser.getBasicProfile().getName());
    }
    function onFailure(error) {
      console.log(error);
    }
    function renderButton() {
      gapi.signin2.render('my-signin2', {
        'scope': 'profile email',
        'width': 240,
        'height': 50,
        'longtitle': true,
        'theme': 'dark',
        'onsuccess': onSuccess,
        'onfailure': onFailure
      });
    }
  </script>

  <script src="https://apis.google.com/js/platform.js?onload=renderButton" async defer></script>
</body>
</html>

Voce tambem pode especificar as configurações do botão do google login definindo data attributes, por exemplo:

<div class="g-signin2" data-width="300" data-height="200" data-longtitle="true">

Neste link você consegue conferir os atribures configuraveis do google sigin

inserir a descrição da imagem aqui

ps: tente text ao inves de texto nos attributos de configuração.

Para intercionalizarinternacionalizar o texto, recomendo utilizar a biblioteca i18n

Fácil meu amigo, ja pensou em usar css para isso?

.g-signin2:before{
  content: ' meu texto ';
  color: red;  
}
<div class="g-signin2" data-onsuccess="onSignIn">google</div>

No exemplo eu criei um psdeudo elemento, usando o before que significa antes, mas com after você consegue escrever depois. Mas se quiser substituir todo o texto, você pode usar javascript

A Api do google realmente pensou em algo nesse sentido, usando javascript você pode ver este exemplo retirado do site da google

<html>
<head>
  <meta name="google-signin-client_id" content="YOUR_CLIENT_ID.apps.googleusercontent.com">
</head>
<body>
  <div id="my-signin2"></div>
  <script>
    function onSuccess(googleUser) {
      console.log('Logged in as: ' + googleUser.getBasicProfile().getName());
    }
    function onFailure(error) {
      console.log(error);
    }
    function renderButton() {
      gapi.signin2.render('my-signin2', {
        'scope': 'profile email',
        'width': 240,
        'height': 50,
        'longtitle': true,
        'theme': 'dark',
        'onsuccess': onSuccess,
        'onfailure': onFailure
      });
    }
  </script>

  <script src="https://apis.google.com/js/platform.js?onload=renderButton" async defer></script>
</body>
</html>

Voce tambem pode especificar as configurações do botão do google login definindo data attributes, por exemplo:

<div class="g-signin2" data-width="300" data-height="200" data-longtitle="true">

Neste link você consegue conferir os atribures configuraveis do google sigin

inserir a descrição da imagem aqui

ps: tente text ao inves de texto nos attributos de configuração.

Para intercionalizar recomendo utilizar a biblioteca i18n

Fácil meu amigo, ja pensou em usar css para isso?

.g-signin2:before{
  content: ' meu texto ';
  color: red;  
}
<div class="g-signin2" data-onsuccess="onSignIn">google</div>

No exemplo eu criei um psdeudo elemento, usando o before que significa antes, mas com after você consegue escrever depois. Mas se quiser substituir todo o texto, você pode usar javascript

A Api do google realmente pensou em algo nesse sentido, usando javascript você pode ver este exemplo retirado do site da google

<html>
<head>
  <meta name="google-signin-client_id" content="YOUR_CLIENT_ID.apps.googleusercontent.com">
</head>
<body>
  <div id="my-signin2"></div>
  <script>
    function onSuccess(googleUser) {
      console.log('Logged in as: ' + googleUser.getBasicProfile().getName());
    }
    function onFailure(error) {
      console.log(error);
    }
    function renderButton() {
      gapi.signin2.render('my-signin2', {
        'scope': 'profile email',
        'width': 240,
        'height': 50,
        'longtitle': true,
        'theme': 'dark',
        'onsuccess': onSuccess,
        'onfailure': onFailure
      });
    }
  </script>

  <script src="https://apis.google.com/js/platform.js?onload=renderButton" async defer></script>
</body>
</html>

Voce tambem pode especificar as configurações do botão do google login definindo data attributes, por exemplo:

<div class="g-signin2" data-width="300" data-height="200" data-longtitle="true">

Neste link você consegue conferir os atribures configuraveis do google sigin

inserir a descrição da imagem aqui

ps: tente text ao inves de texto nos attributos de configuração.

Para internacionalizar o texto, recomendo utilizar a biblioteca i18n

adicionou 65 caracteres ao conteúdo
Fonte Link
Julio Henrique
  • 4mil
  • 2
  • 25
  • 53

Fácil meu amigo, ja pensou em usar css para isso?

.g-signin2:before{
  content: ' meu texto ';
  color: red;  
}
<div class="g-signin2" data-onsuccess="onSignIn">google</div>

No exemplo eu criei um psdeudo elemento, usando o before que significa antes, mas com after você consegue escrever depois. Mas se quiser substituir todo o texto, você pode usar javascript

A Api do google realmente pensou em algo nesse sentido, usando javascript você pode ver este exemplo retirado do site da google

<html>
<head>
  <meta name="google-signin-client_id" content="YOUR_CLIENT_ID.apps.googleusercontent.com">
</head>
<body>
  <div id="my-signin2"></div>
  <script>
    function onSuccess(googleUser) {
      console.log('Logged in as: ' + googleUser.getBasicProfile().getName());
    }
    function onFailure(error) {
      console.log(error);
    }
    function renderButton() {
      gapi.signin2.render('my-signin2', {
        'scope': 'profile email',
        'width': 240,
        'height': 50,
        'longtitle': true,
        'theme': 'dark',
        'onsuccess': onSuccess,
        'onfailure': onFailure
      });
    }
  </script>

  <script src="https://apis.google.com/js/platform.js?onload=renderButton" async defer></script>
</body>
</html>

Voce tambem pode especificar as configurações do botão do google login definindo data attributes, por exemplo:

<div class="g-signin2" data-width="300" data-height="200" data-longtitle="true">

Neste link você consegue conferir os atribures configuraveis do google sigin

inserir a descrição da imagem aqui

ps: tente text ao inves de texto nos attributos de configuração.

Para intercionalizar recomendo utilizar a biblioteca i18n

Fácil meu amigo, ja pensou em usar css para isso?

.g-signin2:before{
  content: ' meu texto ';
  color: red;  
}
<div class="g-signin2" data-onsuccess="onSignIn">google</div>

No exemplo eu criei um psdeudo elemento, usando o before que significa antes, mas com after você consegue escrever depois. Mas se quiser substituir todo o texto, você pode usar javascript

A Api do google realmente pensou em algo nesse sentido, usando javascript você pode ver este exemplo retirado do site da google

<html>
<head>
  <meta name="google-signin-client_id" content="YOUR_CLIENT_ID.apps.googleusercontent.com">
</head>
<body>
  <div id="my-signin2"></div>
  <script>
    function onSuccess(googleUser) {
      console.log('Logged in as: ' + googleUser.getBasicProfile().getName());
    }
    function onFailure(error) {
      console.log(error);
    }
    function renderButton() {
      gapi.signin2.render('my-signin2', {
        'scope': 'profile email',
        'width': 240,
        'height': 50,
        'longtitle': true,
        'theme': 'dark',
        'onsuccess': onSuccess,
        'onfailure': onFailure
      });
    }
  </script>

  <script src="https://apis.google.com/js/platform.js?onload=renderButton" async defer></script>
</body>
</html>

Voce tambem pode especificar as configurações do botão do google login definindo data attributes, por exemplo:

<div class="g-signin2" data-width="300" data-height="200" data-longtitle="true">

Neste link você consegue conferir os atribures configuraveis do google sigin

inserir a descrição da imagem aqui

Fácil meu amigo, ja pensou em usar css para isso?

.g-signin2:before{
  content: ' meu texto ';
  color: red;  
}
<div class="g-signin2" data-onsuccess="onSignIn">google</div>

No exemplo eu criei um psdeudo elemento, usando o before que significa antes, mas com after você consegue escrever depois. Mas se quiser substituir todo o texto, você pode usar javascript

A Api do google realmente pensou em algo nesse sentido, usando javascript você pode ver este exemplo retirado do site da google

<html>
<head>
  <meta name="google-signin-client_id" content="YOUR_CLIENT_ID.apps.googleusercontent.com">
</head>
<body>
  <div id="my-signin2"></div>
  <script>
    function onSuccess(googleUser) {
      console.log('Logged in as: ' + googleUser.getBasicProfile().getName());
    }
    function onFailure(error) {
      console.log(error);
    }
    function renderButton() {
      gapi.signin2.render('my-signin2', {
        'scope': 'profile email',
        'width': 240,
        'height': 50,
        'longtitle': true,
        'theme': 'dark',
        'onsuccess': onSuccess,
        'onfailure': onFailure
      });
    }
  </script>

  <script src="https://apis.google.com/js/platform.js?onload=renderButton" async defer></script>
</body>
</html>

Voce tambem pode especificar as configurações do botão do google login definindo data attributes, por exemplo:

<div class="g-signin2" data-width="300" data-height="200" data-longtitle="true">

Neste link você consegue conferir os atribures configuraveis do google sigin

inserir a descrição da imagem aqui

ps: tente text ao inves de texto nos attributos de configuração.

Para intercionalizar recomendo utilizar a biblioteca i18n

adicionou 1436 caracteres ao conteúdo
Fonte Link
Julio Henrique
  • 4mil
  • 2
  • 25
  • 53

Fácil meu amigo, ja pensou em usar css para isso?

.g-signin2:before{
  content: ' meu texto ';
  color: red;  
}
<div class="g-signin2" data-onsuccess="onSignIn">google</div>

No exemplo eu criei um psdeudo elemento, usando o before que significa antes, mas com after você consegue escrever depois. Mas se quiser substituir todo o texto, você pode usar javascript

A Api do google realmente pensou em algo nesse sentido, usando javascript você pode ver este exemplo retirado do site da google

<html>
<head>
  <meta name="google-signin-client_id" content="YOUR_CLIENT_ID.apps.googleusercontent.com">
</head>
<body>
  <div id="my-signin2"></div>
  <script>
    function onSuccess(googleUser) {
      console.log('Logged in as: ' + googleUser.getBasicProfile().getName());
    }
    function onFailure(error) {
      console.log(error);
    }
    function renderButton() {
      gapi.signin2.render('my-signin2', {
        'scope': 'profile email',
        'width': 240,
        'height': 50,
        'longtitle': true,
        'theme': 'dark',
        'onsuccess': onSuccess,
        'onfailure': onFailure
      });
    }
  </script>

  <script src="https://apis.google.com/js/platform.js?onload=renderButton" async defer></script>
</body>
</html>

Voce tambem pode especificar as configurações do botão do google login definindo data attributes, por exemplo:

<div class="g-signin2" data-width="300" data-height="200" data-longtitle="true">

Neste link você consegue conferir os atribures configuraveis do google sigin

inserir a descrição da imagem aqui

Fácil meu amigo, ja pensou em usar css para isso?

.g-signin2:before{
  content: ' meu texto ';
  color: red;  
}
<div class="g-signin2" data-onsuccess="onSignIn">google</div>

No exemplo eu criei um psdeudo elemento, usando o before que significa antes, mas com after você consegue escrever depois. Mas se quiser substituir todo o texto, você pode usar javascript:

Fácil meu amigo, ja pensou em usar css para isso?

.g-signin2:before{
  content: ' meu texto ';
  color: red;  
}
<div class="g-signin2" data-onsuccess="onSignIn">google</div>

No exemplo eu criei um psdeudo elemento, usando o before que significa antes, mas com after você consegue escrever depois. Mas se quiser substituir todo o texto, você pode usar javascript

A Api do google realmente pensou em algo nesse sentido, usando javascript você pode ver este exemplo retirado do site da google

<html>
<head>
  <meta name="google-signin-client_id" content="YOUR_CLIENT_ID.apps.googleusercontent.com">
</head>
<body>
  <div id="my-signin2"></div>
  <script>
    function onSuccess(googleUser) {
      console.log('Logged in as: ' + googleUser.getBasicProfile().getName());
    }
    function onFailure(error) {
      console.log(error);
    }
    function renderButton() {
      gapi.signin2.render('my-signin2', {
        'scope': 'profile email',
        'width': 240,
        'height': 50,
        'longtitle': true,
        'theme': 'dark',
        'onsuccess': onSuccess,
        'onfailure': onFailure
      });
    }
  </script>

  <script src="https://apis.google.com/js/platform.js?onload=renderButton" async defer></script>
</body>
</html>

Voce tambem pode especificar as configurações do botão do google login definindo data attributes, por exemplo:

<div class="g-signin2" data-width="300" data-height="200" data-longtitle="true">

Neste link você consegue conferir os atribures configuraveis do google sigin

inserir a descrição da imagem aqui

Fonte Link
Julio Henrique
  • 4mil
  • 2
  • 25
  • 53
Carregando