[PACK] Melhores e mais usados scripts para sua página!

Marcus Vinicius · Março 26, 2022

Fala rapaziada... Markin aqui 😎

Dando início a minha participação no fórum, essa será minha primeira contribuição. Uma coletânea de códigos/scrips para usar nas suas páginas de vendas.

Vale ressaltar que grande parte desses scripts (90%+) foi contribuição do Virgílio, Bero e principalmente Ponte de um grupo de networking que participo. Então fica aqui meu agradecimento para esses lindos.

Sem mais delongas, segue...

• Código de Comentários:

Passo 1 - Crie um campo HTML e cole o código abaixo:

<style>@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:auto;src:url(//bumbumdosdreams.site/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-regular-400.eot);src:url(//bumbumdosdreams.site/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(//bumbumdosdreams.site/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-regular-400.woff2) format("woff2"),url(//bumbumdosdreams.site/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-regular-400.woff) format("woff"),url(//bumbumdosdreams.site/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-regular-400.ttf) format("truetype"),url(//bumbumdosdreams.site/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:"Font Awesome 5 Free";font-weight:400}</style><title>Bumbum Dos sonhos &#8211;Tenha o Bumbum que você tanto sonhou.</title><link rel="stylesheet" media="print" onload="this.onload=null;this.media='all';" id="ao_optimized_gfonts" href="https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7COpen+Sans+Condensed%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7COswald%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&amp;display=swap" /><link href='https://cdn.shortpixel.ai' rel='preconnect' /><link href='https://fonts.gstatic.com' crossorigin='anonymous' rel='preconnect' /><link rel="alternate" type="application/rss+xml" title="Feed para Bumbum Dos sonhos &raquo;" href="https://bumbumdosdreams.site/feed/" /><link rel="alternate" type="application/rss+xml" title="Feed de comentários para Bumbum Dos sonhos &raquo;" href="https://bumbumdosdreams.site/comments/feed/" /><link rel="https://api.w.org/" href="https://bumbumdosdreams.site/wp-json/" /><link rel="alternate" type="application/json" href="https://bumbumdosdreams.site/wp-json/wp/v2/pages/10" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://bumbumdosdreams.site/xmlrpc.php?rsd" /><link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://bumbumdosdreams.site/wp-includes/wlwmanifest.xml" /><meta name="generator" content="WordPress 5.5.3" /><link rel="canonical" href="https://bumbumdosdreams.site/" /><link rel='shortlink' href='https://bumbumdosdreams.site/' /><link rel="alternate" type="application/json+oembed" href="https://bumbumdosdreams.site/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fbumbumdosdreams.site%2F" /><link rel="alternate" type="text/xml+oembed" href="https://bumbumdosdreams.site/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fbumbumdosdreams.site%2F&#038;format=xml" /><link rel="icon" href="https://cdn.shortpixel.ai/client/q_lossless,ret_img,w_32,h_32/https://bumbumdosdreams.site/wp-content/uploads/2020/11/cropped-Icone-1-150x150-1-32x32.png" sizes="32x32" /><link rel="icon" href="https://cdn.shortpixel.ai/client/q_lossless,ret_img,w_192,h_192/https://bumbumdosdreams.site/wp-content/uploads/2020/11/cropped-Icone-1-150x150-1-192x192.png" sizes="192x192" /><link rel="apple-touch-icon" href="https://cdn.shortpixel.ai/client/q_lossless,ret_img,w_180,h_180/https://bumbumdosdreams.site/wp-content/uploads/2020/11/cropped-Icone-1-150x150-1-180x180.png" /><meta name="msapplication-TileImage" content="https://bumbumdosdreams.site/wp-content/uploads/2020/11/cropped-Icone-1-150x150-1-270x270.png" /><style type="text/css" id="wp-custom-css">#comentarios_face {font-family: Arial;background-color: #F6F7F9;font-size: 14px;padding: 20px;}.titulo_comentario {font-weight: bold;border-bottom: 1px solid #E9EBEE;display: block;padding-bottom: 6px;}.perfil {display: block;padding-top: 10px;padding-bottom: 10px;line-height: 20px;}.perfil .nome {color: #365899;font-weight: bold;}.nome img {float: left;padding-right: 10px;}.perfil img {width: 60px !important;height: 50px;}.perfil p {margin: 0;margin-left: 60px;margin-bottom: 0px;}.infos {font-size: 11px;color: #90949c;}.perfil2 {padding-left: 9px;border-left: 1px solid #E9EBEE;margin-left: 50px;padding-bottom: 0;}</style>

Passo 2 - Crie outro campo HTML e cole o código abaixo:

<div class="elementor-widget-container">
	<div id="comentarios_face"> <span class="titulo_comentario">34 comentários</span>
      <!-- NÃO MEXA AQUI EM CIMA-->


      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/Dhk2G1G.jpg">
        </noscript>
        <img class=" ls-is-cached lazyloaded" src="https://i.imgur.com/Dhk2G1G.jpg" data-src="https://i.imgur.com/Dhk2G1G.jpg">Clara Alves </span>
			<p>Marcelaa! Você está vendendo esses treinos para glúteos muito barato pelos os resultados que eles trazem...</p> <span class="infos">Responder · Curtir · Seguir · 1h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/M5zZNMv.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/M5zZNMv.jpg" data-src="https://i.imgur.com/M5zZNMv.jpg">Ana Campos </span>
			<p>Gente, realmente funciona!! Estou impressionada!!</p> <span class="infos">Responder · Curtir · Seguir · 1h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/eM9uJvs.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/eM9uJvs.jpg" data-src="https://i.imgur.com/eM9uJvs.jpg">Clara Martins </span>
			<p>Nossaaaaa, muito bom esses treinos, vale super apena</p> <span class="infos">Responder · Curtir · Seguir · 1h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/r1Nzi42.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/r1Nzi42.jpg" data-src="https://i.imgur.com/r1Nzi42.jpg">Rebeca Godoi </span>
			<p>Simples e objetivo, sem enrolação, parabéns Marcela</p> <span class="infos">Responder · Curtir · Seguir · 3h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/ZUCQqPu.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/ZUCQqPu.jpg" data-src="https://i.imgur.com/ZUCQqPu.jpg">Rafaela Alves </span>
			<p>Como não tinha visto isso antes?? Chocada!</p> <span class="infos">Responder · Curtir · Seguir · 2h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
          <noscript>
            <img src="https://i.imgur.com/Gy0e7GA.jpg">
          </noscript>
          <img class=" lazyloaded" src="https://i.imgur.com/Gy0e7GA.jpg" data-src="https://i.imgur.com/Gy0e7GA.jpg">Gabriela Morais </span>
			<p>@rebecabarbosa amiga vê isso logo kkkk, é mt bomm</p> <span class="infos">Responder · Curtir · Seguir · 2h</span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO || ESSE COMENTÁRIO EH UMA RESPOSTA -->
		<div class="perfil perfil2"> <span class="nome">
            <noscript>
              <img src="https://i.imgur.com/GC6b6qe.jpg">
            </noscript>
            <img class=" lazyloaded" src="https://i.imgur.com/GC6b6qe.jpg" data-src="https://i.imgur.com/GC6b6qe.jpg">Rebeca Barbosa </span>
			<p>Acabei de ver, vale super apenas, não sabia desses segredos</p> <span class="infos">Responder · Curtir · Seguir · 3 min </span> </div>
      <!-- FIM DO COMENTARIO RESPOSTA -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/Qxycjx9.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/Qxycjx9.jpg" data-src="https://i.imgur.com/Qxycjx9.jpg">Alícia Barros </span>
			<p>Depois que fiz esse método perdi a vergonha de ficar de biquini na praia, finalmente!!</p> <span class="infos">Responder · Curtir · Seguir · 4h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/qrr6krW.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/qrr6krW.jpg" data-src="https://i.imgur.com/qrr6krW.jpg">Lívia Batista </span>
			<p>Meu namorado viciou na minha bunda hahaaha</p> <span class="infos">Responder · Curtir · Seguir · 4h </span> </div>
      <!-- FIM DO COMENTARIO -->		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/gOTadwt.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/gOTadwt.jpg" data-src="https://i.imgur.com/gOTadwt.jpg">Cecília Cardoso </span>
			<p>Em 10 semanas já me senti outra pessoa, muito bom, recomendo!</p> <span class="infos">Responder · Curtir · Seguir · 5h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/RVpxkuT.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/RVpxkuT.jpg" data-src="https://i.imgur.com/RVpxkuT.jpg">Maria Duarte </span>
			<p>Só digo uma coisa… FAÇAM! vocês vão amar!</p> <span class="infos">Responder · Curtir · Seguir · 5h </span> </div>
      <!-- FIM DO COMENTARIO -->  


      <!-- NÃO MEXA AQUI EM BAIXO -->
	</div>
</div>

• Código botão pulsando:

<style>.animado{animation:pulse 1s infinite;}</style>

• Código Geolocalização:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script>$.get("https://ipinfo.io/json", function (response) {
$("#ip").html("IP: " + response.ip);
$("#address").html(response.city + ", em " + response.region);
$("#details").html(JSON.stringify(response, null, 4));
}, "jsonp");</script>
<center>Você e alguns homens de <span id="address"></span> foram selecionados para participar deste programa.</center>

• Código Dia de Hoje” Automático - ex: "Promoção Até Hoje 26/03/2022":

Promoção Imperdível Até o Dia <div id="descounttime"></div>!!!
<script language="javascript">
var getdayNames = new Array("Domingo", "Segunda-Feira", "Terça-Feira", "Quarta-Feira","Quinta-Feira", "Sexta-Feira", "Sábado");
var getdayMonth = new Array("Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho","Agosto", "Setembro", "Outubro", "Novembro", "Dezembro");
var getNow = new Date();
var dayOfTheWeek = getNow.getDay();
getNow.setTime(getNow.getTime() - 0 * 24 * 60 * 60 * 1000);
document.getElementById("descounttime").innerHTML = getdayNames[(getNow.getDay())] + ", " + getdayMonth[(getNow.getMonth())] + " " + getNow.getDate() + ", " + getNow.getFullYear();
</script>

• Código backredirect:

<script>
var back_redirect_back_link = 'seusiteaqui';
history['pushState']({}, '', location['href']);
history['pushState']({}, '', location['href']);
window['onpopstate'] = function() {
setTimeout(function() {
	location['href'] = back_redirect_back_link
	}, 1)
}</script>

Citar

Obs: troque o "seusiteaqui" para url do desconto/recuperação.

• Código backredirect público frio e público quente:

<script>
function backfrio(){
    var back_redirect_back_link = 'www.google.com/link_back_frio_aqui';
    history['pushState']({}, '', location['href']);
    history['pushState']({}, '', location['href']);
    window['onpopstate'] = function() {
    setTimeout(function() {
        location['href'] = back_redirect_back_link
    }, 1)
    }
}
setTimeout("backfrio()", 60000); //1 minuto em ms


function backquente(){
    var back_redirect_back_link = 'www.google.com/link_back_quente_aqui';
    history['pushState']({}, '', location['href']);
    history['pushState']({}, '', location['href']);
    window['onpopstate'] = function() {
    setTimeout(function() {
        location['href'] = back_redirect_back_link
    }, 1)
    }
}
setTimeout("backquente()", 600000); //10 minutos em ms
</script>

• Gerador delay no botão (By Ponte😞

https://000609986.codepen.website/

• Código contagem regressiva (Cronômetro):

Citar

Para configurar, procure por: const TIME_LIMIT = 20;

Ao invés de “20”, coloque em segundos o tempo que você quer que apareça,

Exemplo, para 10 minutos, 10 minutos * 60 segundos = 600.

Então: const TIME_LIMIT = 600;

<center><div id="app"></div>

<style>body {
  font-family: sans-serif;
  display: grid;
  height: 100vh;
  place-items: center;
}

.base-timer {
  position: relative;
  width: 300px;
  height: 300px;
}

.base-timer__svg {
  transform: scaleX(-1);
}

.base-timer__circle {
  fill: none;
  stroke: none;
}

.base-timer__path-elapsed {
  stroke-width: 7px;
  stroke: grey;
}

.base-timer__path-remaining {
  stroke-width: 7px;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: 1s linear all;
  fill-rule: nonzero;
  stroke: currentColor;
}

.base-timer__path-remaining.green {
  color: rgb(65, 184, 131);
}

.base-timer__path-remaining.orange {
  color: orange;
}

.base-timer__path-remaining.red {
  color: red;
}

.base-timer__label {
  position: absolute;
  width: 300px;
  height: 300px;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
}
</style>

<script>// Credit: Mateusz Rybczonec

const FULL_DASH_ARRAY = 283;
const WARNING_THRESHOLD = 10;
const ALERT_THRESHOLD = 5;

const COLOR_CODES = {
  info: {
    color: "green"
  },
  warning: {
    color: "orange",
    threshold: WARNING_THRESHOLD
  },
  alert: {
    color: "red",
    threshold: ALERT_THRESHOLD
  }
};

const TIME_LIMIT = 20;
let timePassed = 0;
let timeLeft = TIME_LIMIT;
let timerInterval = null;
let remainingPathColor = COLOR_CODES.info.color;

document.getElementById("app").innerHTML = `
<div class="base-timer">
  <svg class="base-timer__svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
    <g class="base-timer__circle">
      <circle class="base-timer__path-elapsed" cx="50" cy="50" r="45"></circle>
      <path
        id="base-timer-path-remaining"
        stroke-dasharray="283"
        class="base-timer__path-remaining ${remainingPathColor}"
        d="
          M 50, 50
          m -45, 0
          a 45,45 0 1,0 90,0
          a 45,45 0 1,0 -90,0
        "
      ></path>
    </g>
  </svg>
  <span id="base-timer-label" class="base-timer__label">${formatTime(
    timeLeft
  )}</span>
</div>
`;

startTimer();

function onTimesUp() {
  clearInterval(timerInterval);
}

function startTimer() {
  timerInterval = setInterval(() => {
    timePassed = timePassed += 1;
    timeLeft = TIME_LIMIT - timePassed;
    document.getElementById("base-timer-label").innerHTML = formatTime(
      timeLeft
    );
    setCircleDasharray();
    setRemainingPathColor(timeLeft);

    if (timeLeft === 0) {
      onTimesUp();
    }
  }, 1000);
}

function formatTime(time) {
  const minutes = Math.floor(time / 60);
  let seconds = time % 60;

  if (seconds < 10) {
    seconds = `0${seconds}`;
  }

  return `${minutes}:${seconds}`;
}

function setRemainingPathColor(timeLeft) {
  const { alert, warning, info } = COLOR_CODES;
  if (timeLeft <= alert.threshold) {
    document
      .getElementById("base-timer-path-remaining")
      .classList.remove(warning.color);
    document
      .getElementById("base-timer-path-remaining")
      .classList.add(alert.color);
  } else if (timeLeft <= warning.threshold) {
    document
      .getElementById("base-timer-path-remaining")
      .classList.remove(info.color);
    document
      .getElementById("base-timer-path-remaining")
      .classList.add(warning.color);
  }
}

function calculateTimeFraction() {
  const rawTimeFraction = timeLeft / TIME_LIMIT;
  return rawTimeFraction - (1 / TIME_LIMIT) * (1 - rawTimeFraction);
}

function setCircleDasharray() {
  const circleDasharray = `${(
    calculateTimeFraction() * FULL_DASH_ARRAY
  ).toFixed(0)} 283`;
  document
    .getElementById("base-timer-path-remaining")
    .setAttribute("stroke-dasharray", circleDasharray);
}
</script>

• Código: “X” pessoas estão assistindo a esse vídeo agora! (X atualiza a cada 10s):

<span id="number"></span> pessoas estão assistindo a esse vídeo agora!

<script>
function add(){number+=Math.floor((Math.random()*6)+1);document.getElementById("number").innerHTML=number;setTimeout("add()",10000);}        
function generate(){number=Math.floor(Math.random()*1143)+1578;document.getElementById("number").innerHTML=number;add();}
generate();</script>

• Código para bloquear F12, Ctrl+U, Ctrl+P, Ctrl+I, Ctrl+Shift+I, Print e Botão Direito:

<script>
document.addEventListener("contextmenu", function (e){
    e.preventDefault();
}, false);
</script>

<script>
document.onkeypress = function (event) {
event = (event || window.event);
if (event.keyCode == 123) {return false;}
if (event.keyCode == 93) {return false;}
if (event.keyCode == 85) {return false;}
if (event.keyCode == 80) {return false;}
if (event.keyCode == 44) {return false;}
if (event.keyCode == 73) {return false;}
}
document.onmousedown = function (event) {
event = (event || window.event);
if (event.keyCode == 123) {return false;}
if (event.keyCode == 93) {return false;}
if (event.keyCode == 85) {return false;}
if (event.keyCode == 80) {return false;}
if (event.keyCode == 44) {return false;}
if (event.keyCode == 73) {return false;}
}
document.onkeydown = function (event) {
event = (event || window.event);
if (event.keyCode == 123) {return false;}
if (event.keyCode == 93) {return false;}
if (event.keyCode == 85) {return false;}
if (event.keyCode == 80) {return false;}
if (event.keyCode == 44) {return false;}
if (event.keyCode == 73) {return false;}
}
</script>

Vou estar sempre atualizando essa postagem.

Espero demais ter ajudado vocês. ❤️

DASH Otimiza · Março 26, 2022

Baaala demais

Muito obrigado pela contribuição!

Gustavo Cruz · Março 26, 2022

Muito top, brother!

EuMemo · Março 26, 2022

7 horas atrás, Marcus Vinicius disse:

Fala rapaziada... Markin aqui 😎

Dando início a minha participação no fórum, essa será minha primeira contribuição. Uma coletânea de códigos/scrips para usar nas suas páginas de vendas.

Vale ressaltar que grande parte desses scripts (90%+) foi contribuição do Virgílio, Bero e principalmente Ponte de um grupo de networking que participo. Então fica aqui meu agradecimento para esses lindos.

Sem mais delongas, segue...

• Código de Comentários:

Passo 1 - Crie um campo HTML e cole o código abaixo:

<style>@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:auto;src:url(//bumbumdosdreams.site/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-regular-400.eot);src:url(//bumbumdosdreams.site/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(//bumbumdosdreams.site/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-regular-400.woff2) format("woff2"),url(//bumbumdosdreams.site/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-regular-400.woff) format("woff"),url(//bumbumdosdreams.site/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-regular-400.ttf) format("truetype"),url(//bumbumdosdreams.site/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:"Font Awesome 5 Free";font-weight:400}</style><title>Bumbum Dos sonhos &#8211;Tenha o Bumbum que você tanto sonhou.</title><link rel="stylesheet" media="print" onload="this.onload=null;this.media='all';" id="ao_optimized_gfonts" href="https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7COpen+Sans+Condensed%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7COswald%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&amp;display=swap" /><link href='https://cdn.shortpixel.ai' rel='preconnect' /><link href='https://fonts.gstatic.com' crossorigin='anonymous' rel='preconnect' /><link rel="alternate" type="application/rss+xml" title="Feed para Bumbum Dos sonhos &raquo;" href="https://bumbumdosdreams.site/feed/" /><link rel="alternate" type="application/rss+xml" title="Feed de comentários para Bumbum Dos sonhos &raquo;" href="https://bumbumdosdreams.site/comments/feed/" /><link rel="https://api.w.org/" href="https://bumbumdosdreams.site/wp-json/" /><link rel="alternate" type="application/json" href="https://bumbumdosdreams.site/wp-json/wp/v2/pages/10" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://bumbumdosdreams.site/xmlrpc.php?rsd" /><link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://bumbumdosdreams.site/wp-includes/wlwmanifest.xml" /><meta name="generator" content="WordPress 5.5.3" /><link rel="canonical" href="https://bumbumdosdreams.site/" /><link rel='shortlink' href='https://bumbumdosdreams.site/' /><link rel="alternate" type="application/json+oembed" href="https://bumbumdosdreams.site/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fbumbumdosdreams.site%2F" /><link rel="alternate" type="text/xml+oembed" href="https://bumbumdosdreams.site/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fbumbumdosdreams.site%2F&#038;format=xml" /><link rel="icon" href="https://cdn.shortpixel.ai/client/q_lossless,ret_img,w_32,h_32/https://bumbumdosdreams.site/wp-content/uploads/2020/11/cropped-Icone-1-150x150-1-32x32.png" sizes="32x32" /><link rel="icon" href="https://cdn.shortpixel.ai/client/q_lossless,ret_img,w_192,h_192/https://bumbumdosdreams.site/wp-content/uploads/2020/11/cropped-Icone-1-150x150-1-192x192.png" sizes="192x192" /><link rel="apple-touch-icon" href="https://cdn.shortpixel.ai/client/q_lossless,ret_img,w_180,h_180/https://bumbumdosdreams.site/wp-content/uploads/2020/11/cropped-Icone-1-150x150-1-180x180.png" /><meta name="msapplication-TileImage" content="https://bumbumdosdreams.site/wp-content/uploads/2020/11/cropped-Icone-1-150x150-1-270x270.png" /><style type="text/css" id="wp-custom-css">#comentarios_face {font-family: Arial;background-color: #F6F7F9;font-size: 14px;padding: 20px;}.titulo_comentario {font-weight: bold;border-bottom: 1px solid #E9EBEE;display: block;padding-bottom: 6px;}.perfil {display: block;padding-top: 10px;padding-bottom: 10px;line-height: 20px;}.perfil .nome {color: #365899;font-weight: bold;}.nome img {float: left;padding-right: 10px;}.perfil img {width: 60px !important;height: 50px;}.perfil p {margin: 0;margin-left: 60px;margin-bottom: 0px;}.infos {font-size: 11px;color: #90949c;}.perfil2 {padding-left: 9px;border-left: 1px solid #E9EBEE;margin-left: 50px;padding-bottom: 0;}</style>

Passo 2 - Crie outro campo HTML e cole o código abaixo:

<div class="elementor-widget-container">
	<div id="comentarios_face"> <span class="titulo_comentario">34 comentários</span>
      <!-- NÃO MEXA AQUI EM CIMA-->


      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/Dhk2G1G.jpg">
        </noscript>
        <img class=" ls-is-cached lazyloaded" src="https://i.imgur.com/Dhk2G1G.jpg" data-src="https://i.imgur.com/Dhk2G1G.jpg">Clara Alves </span>
			<p>Marcelaa! Você está vendendo esses treinos para glúteos muito barato pelos os resultados que eles trazem...</p> <span class="infos">Responder · Curtir · Seguir · 1h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/M5zZNMv.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/M5zZNMv.jpg" data-src="https://i.imgur.com/M5zZNMv.jpg">Ana Campos </span>
			<p>Gente, realmente funciona!! Estou impressionada!!</p> <span class="infos">Responder · Curtir · Seguir · 1h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/eM9uJvs.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/eM9uJvs.jpg" data-src="https://i.imgur.com/eM9uJvs.jpg">Clara Martins </span>
			<p>Nossaaaaa, muito bom esses treinos, vale super apena</p> <span class="infos">Responder · Curtir · Seguir · 1h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/r1Nzi42.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/r1Nzi42.jpg" data-src="https://i.imgur.com/r1Nzi42.jpg">Rebeca Godoi </span>
			<p>Simples e objetivo, sem enrolação, parabéns Marcela</p> <span class="infos">Responder · Curtir · Seguir · 3h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/ZUCQqPu.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/ZUCQqPu.jpg" data-src="https://i.imgur.com/ZUCQqPu.jpg">Rafaela Alves </span>
			<p>Como não tinha visto isso antes?? Chocada!</p> <span class="infos">Responder · Curtir · Seguir · 2h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
          <noscript>
            <img src="https://i.imgur.com/Gy0e7GA.jpg">
          </noscript>
          <img class=" lazyloaded" src="https://i.imgur.com/Gy0e7GA.jpg" data-src="https://i.imgur.com/Gy0e7GA.jpg">Gabriela Morais </span>
			<p>@rebecabarbosa amiga vê isso logo kkkk, é mt bomm</p> <span class="infos">Responder · Curtir · Seguir · 2h</span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO || ESSE COMENTÁRIO EH UMA RESPOSTA -->
		<div class="perfil perfil2"> <span class="nome">
            <noscript>
              <img src="https://i.imgur.com/GC6b6qe.jpg">
            </noscript>
            <img class=" lazyloaded" src="https://i.imgur.com/GC6b6qe.jpg" data-src="https://i.imgur.com/GC6b6qe.jpg">Rebeca Barbosa </span>
			<p>Acabei de ver, vale super apenas, não sabia desses segredos</p> <span class="infos">Responder · Curtir · Seguir · 3 min </span> </div>
      <!-- FIM DO COMENTARIO RESPOSTA -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/Qxycjx9.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/Qxycjx9.jpg" data-src="https://i.imgur.com/Qxycjx9.jpg">Alícia Barros </span>
			<p>Depois que fiz esse método perdi a vergonha de ficar de biquini na praia, finalmente!!</p> <span class="infos">Responder · Curtir · Seguir · 4h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/qrr6krW.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/qrr6krW.jpg" data-src="https://i.imgur.com/qrr6krW.jpg">Lívia Batista </span>
			<p>Meu namorado viciou na minha bunda hahaaha</p> <span class="infos">Responder · Curtir · Seguir · 4h </span> </div>
      <!-- FIM DO COMENTARIO -->		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/gOTadwt.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/gOTadwt.jpg" data-src="https://i.imgur.com/gOTadwt.jpg">Cecília Cardoso </span>
			<p>Em 10 semanas já me senti outra pessoa, muito bom, recomendo!</p> <span class="infos">Responder · Curtir · Seguir · 5h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/RVpxkuT.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/RVpxkuT.jpg" data-src="https://i.imgur.com/RVpxkuT.jpg">Maria Duarte </span>
			<p>Só digo uma coisa… FAÇAM! vocês vão amar!</p> <span class="infos">Responder · Curtir · Seguir · 5h </span> </div>
      <!-- FIM DO COMENTARIO -->  


      <!-- NÃO MEXA AQUI EM BAIXO -->
	</div>
</div>

• Código botão pulsando:

<style>.animado{animation:pulse 1s infinite;}</style>

• Código Geolocalização:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script>$.get("https://ipinfo.io/json", function (response) {
$("#ip").html("IP: " + response.ip);
$("#address").html(response.city + ", em " + response.region);
$("#details").html(JSON.stringify(response, null, 4));
}, "jsonp");</script>
<center>Você e alguns homens de <span id="address"></span> foram selecionados para participar deste programa.</center>

• Código Dia de Hoje” Automático - ex: "Promoção Até Hoje 26/03/2022":

Promoção Imperdível Até o Dia <div id="descounttime"></div>!!!
<script language="javascript">
var getdayNames = new Array("Domingo", "Segunda-Feira", "Terça-Feira", "Quarta-Feira","Quinta-Feira", "Sexta-Feira", "Sábado");
var getdayMonth = new Array("Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho","Agosto", "Setembro", "Outubro", "Novembro", "Dezembro");
var getNow = new Date();
var dayOfTheWeek = getNow.getDay();
getNow.setTime(getNow.getTime() - 0 * 24 * 60 * 60 * 1000);
document.getElementById("descounttime").innerHTML = getdayNames[(getNow.getDay())] + ", " + getdayMonth[(getNow.getMonth())] + " " + getNow.getDate() + ", " + getNow.getFullYear();
</script>

• Código backredirect:

<script>
var back_redirect_back_link = 'seusiteaqui';
history['pushState']({}, '', location['href']);
history['pushState']({}, '', location['href']);
window['onpopstate'] = function() {
setTimeout(function() {
	location['href'] = back_redirect_back_link
	}, 1)
}</script>

• Código backredirect público frio e público quente:

<script>
function backfrio(){
    var back_redirect_back_link = 'www.google.com/link_back_frio_aqui';
    history['pushState']({}, '', location['href']);
    history['pushState']({}, '', location['href']);
    window['onpopstate'] = function() {
    setTimeout(function() {
        location['href'] = back_redirect_back_link
    }, 1)
    }
}
setTimeout("backfrio()", 60000); //1 minuto em ms


function backquente(){
    var back_redirect_back_link = 'www.google.com/link_back_quente_aqui';
    history['pushState']({}, '', location['href']);
    history['pushState']({}, '', location['href']);
    window['onpopstate'] = function() {
    setTimeout(function() {
        location['href'] = back_redirect_back_link
    }, 1)
    }
}
setTimeout("backquente()", 600000); //10 minutos em ms
</script>

• Gerador delay no botão (By Ponte😞

https://000609986.codepen.website/

• Código contagem regressiva (Cronômetro):

<center><div id="app"></div>

<style>body {
  font-family: sans-serif;
  display: grid;
  height: 100vh;
  place-items: center;
}

.base-timer {
  position: relative;
  width: 300px;
  height: 300px;
}

.base-timer__svg {
  transform: scaleX(-1);
}

.base-timer__circle {
  fill: none;
  stroke: none;
}

.base-timer__path-elapsed {
  stroke-width: 7px;
  stroke: grey;
}

.base-timer__path-remaining {
  stroke-width: 7px;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: 1s linear all;
  fill-rule: nonzero;
  stroke: currentColor;
}

.base-timer__path-remaining.green {
  color: rgb(65, 184, 131);
}

.base-timer__path-remaining.orange {
  color: orange;
}

.base-timer__path-remaining.red {
  color: red;
}

.base-timer__label {
  position: absolute;
  width: 300px;
  height: 300px;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
}
</style>

<script>// Credit: Mateusz Rybczonec

const FULL_DASH_ARRAY = 283;
const WARNING_THRESHOLD = 10;
const ALERT_THRESHOLD = 5;

const COLOR_CODES = {
  info: {
    color: "green"
  },
  warning: {
    color: "orange",
    threshold: WARNING_THRESHOLD
  },
  alert: {
    color: "red",
    threshold: ALERT_THRESHOLD
  }
};

const TIME_LIMIT = 20;
let timePassed = 0;
let timeLeft = TIME_LIMIT;
let timerInterval = null;
let remainingPathColor = COLOR_CODES.info.color;

document.getElementById("app").innerHTML = `
<div class="base-timer">
  <svg class="base-timer__svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
    <g class="base-timer__circle">
      <circle class="base-timer__path-elapsed" cx="50" cy="50" r="45"></circle>
      <path
        id="base-timer-path-remaining"
        stroke-dasharray="283"
        class="base-timer__path-remaining ${remainingPathColor}"
        d="
          M 50, 50
          m -45, 0
          a 45,45 0 1,0 90,0
          a 45,45 0 1,0 -90,0
        "
      ></path>
    </g>
  </svg>
  <span id="base-timer-label" class="base-timer__label">${formatTime(
    timeLeft
  )}</span>
</div>
`;

startTimer();

function onTimesUp() {
  clearInterval(timerInterval);
}

function startTimer() {
  timerInterval = setInterval(() => {
    timePassed = timePassed += 1;
    timeLeft = TIME_LIMIT - timePassed;
    document.getElementById("base-timer-label").innerHTML = formatTime(
      timeLeft
    );
    setCircleDasharray();
    setRemainingPathColor(timeLeft);

    if (timeLeft === 0) {
      onTimesUp();
    }
  }, 1000);
}

function formatTime(time) {
  const minutes = Math.floor(time / 60);
  let seconds = time % 60;

  if (seconds < 10) {
    seconds = `0${seconds}`;
  }

  return `${minutes}:${seconds}`;
}

function setRemainingPathColor(timeLeft) {
  const { alert, warning, info } = COLOR_CODES;
  if (timeLeft <= alert.threshold) {
    document
      .getElementById("base-timer-path-remaining")
      .classList.remove(warning.color);
    document
      .getElementById("base-timer-path-remaining")
      .classList.add(alert.color);
  } else if (timeLeft <= warning.threshold) {
    document
      .getElementById("base-timer-path-remaining")
      .classList.remove(info.color);
    document
      .getElementById("base-timer-path-remaining")
      .classList.add(warning.color);
  }
}

function calculateTimeFraction() {
  const rawTimeFraction = timeLeft / TIME_LIMIT;
  return rawTimeFraction - (1 / TIME_LIMIT) * (1 - rawTimeFraction);
}

function setCircleDasharray() {
  const circleDasharray = `${(
    calculateTimeFraction() * FULL_DASH_ARRAY
  ).toFixed(0)} 283`;
  document
    .getElementById("base-timer-path-remaining")
    .setAttribute("stroke-dasharray", circleDasharray);
}
</script>

• Código: “X” pessoas estão assistindo a esse vídeo agora! (X atualiza a cada 10s):

<span id="number"></span> pessoas estão assistindo a esse vídeo agora!

<script>
function add(){number+=Math.floor((Math.random()*6)+1);document.getElementById("number").innerHTML=number;setTimeout("add()",10000);}        
function generate(){number=Math.floor(Math.random()*1143)+1578;document.getElementById("number").innerHTML=number;add();}
generate();</script>

• Código para bloquear F12, Ctrl+U, Ctrl+P, Ctrl+I, Ctrl+Shift+I, Print e Botão Direito:

<script>
document.addEventListener("contextmenu", function (e){
    e.preventDefault();
}, false);
</script>

<script>
document.onkeypress = function (event) {
event = (event || window.event);
if (event.keyCode == 123) {return false;}
if (event.keyCode == 93) {return false;}
if (event.keyCode == 85) {return false;}
if (event.keyCode == 80) {return false;}
if (event.keyCode == 44) {return false;}
if (event.keyCode == 73) {return false;}
}
document.onmousedown = function (event) {
event = (event || window.event);
if (event.keyCode == 123) {return false;}
if (event.keyCode == 93) {return false;}
if (event.keyCode == 85) {return false;}
if (event.keyCode == 80) {return false;}
if (event.keyCode == 44) {return false;}
if (event.keyCode == 73) {return false;}
}
document.onkeydown = function (event) {
event = (event || window.event);
if (event.keyCode == 123) {return false;}
if (event.keyCode == 93) {return false;}
if (event.keyCode == 85) {return false;}
if (event.keyCode == 80) {return false;}
if (event.keyCode == 44) {return false;}
if (event.keyCode == 73) {return false;}
}
</script>

Vou estar sempre atualizando essa postagem.

Espero demais ter ajudado vocês. ❤️

Top demais, sabe como faço pra mudar as cores das letras?

Tom Riddle · Março 26, 2022

Valeu meu caro, esses scripts me ajudam muito!

Black Stealth · Março 26, 2022

8 horas atrás, Marcus Vinicius disse:

Fala rapaziada... Markin aqui 😎

Dando início a minha participação no fórum, essa será minha primeira contribuição. Uma coletânea de códigos/scrips para usar nas suas páginas de vendas.

Vale ressaltar que grande parte desses scripts (90%+) foi contribuição do Virgílio, Bero e principalmente Ponte de um grupo de networking que participo. Então fica aqui meu agradecimento para esses lindos.

Sem mais delongas, segue...

• Código de Comentários:

Passo 1 - Crie um campo HTML e cole o código abaixo:

<style>@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:auto;src:url(//bumbumdosdreams.site/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-regular-400.eot);src:url(//bumbumdosdreams.site/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(//bumbumdosdreams.site/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-regular-400.woff2) format("woff2"),url(//bumbumdosdreams.site/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-regular-400.woff) format("woff"),url(//bumbumdosdreams.site/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-regular-400.ttf) format("truetype"),url(//bumbumdosdreams.site/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:"Font Awesome 5 Free";font-weight:400}</style><title>Bumbum Dos sonhos &#8211;Tenha o Bumbum que você tanto sonhou.</title><link rel="stylesheet" media="print" onload="this.onload=null;this.media='all';" id="ao_optimized_gfonts" href="https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7COpen+Sans+Condensed%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7COswald%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&amp;display=swap" /><link href='https://cdn.shortpixel.ai' rel='preconnect' /><link href='https://fonts.gstatic.com' crossorigin='anonymous' rel='preconnect' /><link rel="alternate" type="application/rss+xml" title="Feed para Bumbum Dos sonhos &raquo;" href="https://bumbumdosdreams.site/feed/" /><link rel="alternate" type="application/rss+xml" title="Feed de comentários para Bumbum Dos sonhos &raquo;" href="https://bumbumdosdreams.site/comments/feed/" /><link rel="https://api.w.org/" href="https://bumbumdosdreams.site/wp-json/" /><link rel="alternate" type="application/json" href="https://bumbumdosdreams.site/wp-json/wp/v2/pages/10" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://bumbumdosdreams.site/xmlrpc.php?rsd" /><link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://bumbumdosdreams.site/wp-includes/wlwmanifest.xml" /><meta name="generator" content="WordPress 5.5.3" /><link rel="canonical" href="https://bumbumdosdreams.site/" /><link rel='shortlink' href='https://bumbumdosdreams.site/' /><link rel="alternate" type="application/json+oembed" href="https://bumbumdosdreams.site/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fbumbumdosdreams.site%2F" /><link rel="alternate" type="text/xml+oembed" href="https://bumbumdosdreams.site/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fbumbumdosdreams.site%2F&#038;format=xml" /><link rel="icon" href="https://cdn.shortpixel.ai/client/q_lossless,ret_img,w_32,h_32/https://bumbumdosdreams.site/wp-content/uploads/2020/11/cropped-Icone-1-150x150-1-32x32.png" sizes="32x32" /><link rel="icon" href="https://cdn.shortpixel.ai/client/q_lossless,ret_img,w_192,h_192/https://bumbumdosdreams.site/wp-content/uploads/2020/11/cropped-Icone-1-150x150-1-192x192.png" sizes="192x192" /><link rel="apple-touch-icon" href="https://cdn.shortpixel.ai/client/q_lossless,ret_img,w_180,h_180/https://bumbumdosdreams.site/wp-content/uploads/2020/11/cropped-Icone-1-150x150-1-180x180.png" /><meta name="msapplication-TileImage" content="https://bumbumdosdreams.site/wp-content/uploads/2020/11/cropped-Icone-1-150x150-1-270x270.png" /><style type="text/css" id="wp-custom-css">#comentarios_face {font-family: Arial;background-color: #F6F7F9;font-size: 14px;padding: 20px;}.titulo_comentario {font-weight: bold;border-bottom: 1px solid #E9EBEE;display: block;padding-bottom: 6px;}.perfil {display: block;padding-top: 10px;padding-bottom: 10px;line-height: 20px;}.perfil .nome {color: #365899;font-weight: bold;}.nome img {float: left;padding-right: 10px;}.perfil img {width: 60px !important;height: 50px;}.perfil p {margin: 0;margin-left: 60px;margin-bottom: 0px;}.infos {font-size: 11px;color: #90949c;}.perfil2 {padding-left: 9px;border-left: 1px solid #E9EBEE;margin-left: 50px;padding-bottom: 0;}</style>

Passo 2 - Crie outro campo HTML e cole o código abaixo:

<div class="elementor-widget-container">
	<div id="comentarios_face"> <span class="titulo_comentario">34 comentários</span>
      <!-- NÃO MEXA AQUI EM CIMA-->


      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/Dhk2G1G.jpg">
        </noscript>
        <img class=" ls-is-cached lazyloaded" src="https://i.imgur.com/Dhk2G1G.jpg" data-src="https://i.imgur.com/Dhk2G1G.jpg">Clara Alves </span>
			<p>Marcelaa! Você está vendendo esses treinos para glúteos muito barato pelos os resultados que eles trazem...</p> <span class="infos">Responder · Curtir · Seguir · 1h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/M5zZNMv.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/M5zZNMv.jpg" data-src="https://i.imgur.com/M5zZNMv.jpg">Ana Campos </span>
			<p>Gente, realmente funciona!! Estou impressionada!!</p> <span class="infos">Responder · Curtir · Seguir · 1h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/eM9uJvs.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/eM9uJvs.jpg" data-src="https://i.imgur.com/eM9uJvs.jpg">Clara Martins </span>
			<p>Nossaaaaa, muito bom esses treinos, vale super apena</p> <span class="infos">Responder · Curtir · Seguir · 1h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/r1Nzi42.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/r1Nzi42.jpg" data-src="https://i.imgur.com/r1Nzi42.jpg">Rebeca Godoi </span>
			<p>Simples e objetivo, sem enrolação, parabéns Marcela</p> <span class="infos">Responder · Curtir · Seguir · 3h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/ZUCQqPu.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/ZUCQqPu.jpg" data-src="https://i.imgur.com/ZUCQqPu.jpg">Rafaela Alves </span>
			<p>Como não tinha visto isso antes?? Chocada!</p> <span class="infos">Responder · Curtir · Seguir · 2h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
          <noscript>
            <img src="https://i.imgur.com/Gy0e7GA.jpg">
          </noscript>
          <img class=" lazyloaded" src="https://i.imgur.com/Gy0e7GA.jpg" data-src="https://i.imgur.com/Gy0e7GA.jpg">Gabriela Morais </span>
			<p>@rebecabarbosa amiga vê isso logo kkkk, é mt bomm</p> <span class="infos">Responder · Curtir · Seguir · 2h</span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO || ESSE COMENTÁRIO EH UMA RESPOSTA -->
		<div class="perfil perfil2"> <span class="nome">
            <noscript>
              <img src="https://i.imgur.com/GC6b6qe.jpg">
            </noscript>
            <img class=" lazyloaded" src="https://i.imgur.com/GC6b6qe.jpg" data-src="https://i.imgur.com/GC6b6qe.jpg">Rebeca Barbosa </span>
			<p>Acabei de ver, vale super apenas, não sabia desses segredos</p> <span class="infos">Responder · Curtir · Seguir · 3 min </span> </div>
      <!-- FIM DO COMENTARIO RESPOSTA -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/Qxycjx9.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/Qxycjx9.jpg" data-src="https://i.imgur.com/Qxycjx9.jpg">Alícia Barros </span>
			<p>Depois que fiz esse método perdi a vergonha de ficar de biquini na praia, finalmente!!</p> <span class="infos">Responder · Curtir · Seguir · 4h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/qrr6krW.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/qrr6krW.jpg" data-src="https://i.imgur.com/qrr6krW.jpg">Lívia Batista </span>
			<p>Meu namorado viciou na minha bunda hahaaha</p> <span class="infos">Responder · Curtir · Seguir · 4h </span> </div>
      <!-- FIM DO COMENTARIO -->		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/gOTadwt.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/gOTadwt.jpg" data-src="https://i.imgur.com/gOTadwt.jpg">Cecília Cardoso </span>
			<p>Em 10 semanas já me senti outra pessoa, muito bom, recomendo!</p> <span class="infos">Responder · Curtir · Seguir · 5h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/RVpxkuT.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/RVpxkuT.jpg" data-src="https://i.imgur.com/RVpxkuT.jpg">Maria Duarte </span>
			<p>Só digo uma coisa… FAÇAM! vocês vão amar!</p> <span class="infos">Responder · Curtir · Seguir · 5h </span> </div>
      <!-- FIM DO COMENTARIO -->  


      <!-- NÃO MEXA AQUI EM BAIXO -->
	</div>
</div>

• Código botão pulsando:

<style>.animado{animation:pulse 1s infinite;}</style>

• Código Geolocalização:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script>$.get("https://ipinfo.io/json", function (response) {
$("#ip").html("IP: " + response.ip);
$("#address").html(response.city + ", em " + response.region);
$("#details").html(JSON.stringify(response, null, 4));
}, "jsonp");</script>
<center>Você e alguns homens de <span id="address"></span> foram selecionados para participar deste programa.</center>

• Código Dia de Hoje” Automático - ex: "Promoção Até Hoje 26/03/2022":

Promoção Imperdível Até o Dia <div id="descounttime"></div>!!!
<script language="javascript">
var getdayNames = new Array("Domingo", "Segunda-Feira", "Terça-Feira", "Quarta-Feira","Quinta-Feira", "Sexta-Feira", "Sábado");
var getdayMonth = new Array("Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho","Agosto", "Setembro", "Outubro", "Novembro", "Dezembro");
var getNow = new Date();
var dayOfTheWeek = getNow.getDay();
getNow.setTime(getNow.getTime() - 0 * 24 * 60 * 60 * 1000);
document.getElementById("descounttime").innerHTML = getdayNames[(getNow.getDay())] + ", " + getdayMonth[(getNow.getMonth())] + " " + getNow.getDate() + ", " + getNow.getFullYear();
</script>

• Código backredirect:

<script>
var back_redirect_back_link = 'seusiteaqui';
history['pushState']({}, '', location['href']);
history['pushState']({}, '', location['href']);
window['onpopstate'] = function() {
setTimeout(function() {
	location['href'] = back_redirect_back_link
	}, 1)
}</script>

• Código backredirect público frio e público quente:

<script>
function backfrio(){
    var back_redirect_back_link = 'www.google.com/link_back_frio_aqui';
    history['pushState']({}, '', location['href']);
    history['pushState']({}, '', location['href']);
    window['onpopstate'] = function() {
    setTimeout(function() {
        location['href'] = back_redirect_back_link
    }, 1)
    }
}
setTimeout("backfrio()", 60000); //1 minuto em ms


function backquente(){
    var back_redirect_back_link = 'www.google.com/link_back_quente_aqui';
    history['pushState']({}, '', location['href']);
    history['pushState']({}, '', location['href']);
    window['onpopstate'] = function() {
    setTimeout(function() {
        location['href'] = back_redirect_back_link
    }, 1)
    }
}
setTimeout("backquente()", 600000); //10 minutos em ms
</script>

• Gerador delay no botão (By Ponte😞

https://000609986.codepen.website/

• Código contagem regressiva (Cronômetro):

<center><div id="app"></div>

<style>body {
  font-family: sans-serif;
  display: grid;
  height: 100vh;
  place-items: center;
}

.base-timer {
  position: relative;
  width: 300px;
  height: 300px;
}

.base-timer__svg {
  transform: scaleX(-1);
}

.base-timer__circle {
  fill: none;
  stroke: none;
}

.base-timer__path-elapsed {
  stroke-width: 7px;
  stroke: grey;
}

.base-timer__path-remaining {
  stroke-width: 7px;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: 1s linear all;
  fill-rule: nonzero;
  stroke: currentColor;
}

.base-timer__path-remaining.green {
  color: rgb(65, 184, 131);
}

.base-timer__path-remaining.orange {
  color: orange;
}

.base-timer__path-remaining.red {
  color: red;
}

.base-timer__label {
  position: absolute;
  width: 300px;
  height: 300px;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
}
</style>

<script>// Credit: Mateusz Rybczonec

const FULL_DASH_ARRAY = 283;
const WARNING_THRESHOLD = 10;
const ALERT_THRESHOLD = 5;

const COLOR_CODES = {
  info: {
    color: "green"
  },
  warning: {
    color: "orange",
    threshold: WARNING_THRESHOLD
  },
  alert: {
    color: "red",
    threshold: ALERT_THRESHOLD
  }
};

const TIME_LIMIT = 20;
let timePassed = 0;
let timeLeft = TIME_LIMIT;
let timerInterval = null;
let remainingPathColor = COLOR_CODES.info.color;

document.getElementById("app").innerHTML = `
<div class="base-timer">
  <svg class="base-timer__svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
    <g class="base-timer__circle">
      <circle class="base-timer__path-elapsed" cx="50" cy="50" r="45"></circle>
      <path
        id="base-timer-path-remaining"
        stroke-dasharray="283"
        class="base-timer__path-remaining ${remainingPathColor}"
        d="
          M 50, 50
          m -45, 0
          a 45,45 0 1,0 90,0
          a 45,45 0 1,0 -90,0
        "
      ></path>
    </g>
  </svg>
  <span id="base-timer-label" class="base-timer__label">${formatTime(
    timeLeft
  )}</span>
</div>
`;

startTimer();

function onTimesUp() {
  clearInterval(timerInterval);
}

function startTimer() {
  timerInterval = setInterval(() => {
    timePassed = timePassed += 1;
    timeLeft = TIME_LIMIT - timePassed;
    document.getElementById("base-timer-label").innerHTML = formatTime(
      timeLeft
    );
    setCircleDasharray();
    setRemainingPathColor(timeLeft);

    if (timeLeft === 0) {
      onTimesUp();
    }
  }, 1000);
}

function formatTime(time) {
  const minutes = Math.floor(time / 60);
  let seconds = time % 60;

  if (seconds < 10) {
    seconds = `0${seconds}`;
  }

  return `${minutes}:${seconds}`;
}

function setRemainingPathColor(timeLeft) {
  const { alert, warning, info } = COLOR_CODES;
  if (timeLeft <= alert.threshold) {
    document
      .getElementById("base-timer-path-remaining")
      .classList.remove(warning.color);
    document
      .getElementById("base-timer-path-remaining")
      .classList.add(alert.color);
  } else if (timeLeft <= warning.threshold) {
    document
      .getElementById("base-timer-path-remaining")
      .classList.remove(info.color);
    document
      .getElementById("base-timer-path-remaining")
      .classList.add(warning.color);
  }
}

function calculateTimeFraction() {
  const rawTimeFraction = timeLeft / TIME_LIMIT;
  return rawTimeFraction - (1 / TIME_LIMIT) * (1 - rawTimeFraction);
}

function setCircleDasharray() {
  const circleDasharray = `${(
    calculateTimeFraction() * FULL_DASH_ARRAY
  ).toFixed(0)} 283`;
  document
    .getElementById("base-timer-path-remaining")
    .setAttribute("stroke-dasharray", circleDasharray);
}
</script>

• Código: “X” pessoas estão assistindo a esse vídeo agora! (X atualiza a cada 10s):

<span id="number"></span> pessoas estão assistindo a esse vídeo agora!

<script>
function add(){number+=Math.floor((Math.random()*6)+1);document.getElementById("number").innerHTML=number;setTimeout("add()",10000);}        
function generate(){number=Math.floor(Math.random()*1143)+1578;document.getElementById("number").innerHTML=number;add();}
generate();</script>

• Código para bloquear F12, Ctrl+U, Ctrl+P, Ctrl+I, Ctrl+Shift+I, Print e Botão Direito:

<script>
document.addEventListener("contextmenu", function (e){
    e.preventDefault();
}, false);
</script>

<script>
document.onkeypress = function (event) {
event = (event || window.event);
if (event.keyCode == 123) {return false;}
if (event.keyCode == 93) {return false;}
if (event.keyCode == 85) {return false;}
if (event.keyCode == 80) {return false;}
if (event.keyCode == 44) {return false;}
if (event.keyCode == 73) {return false;}
}
document.onmousedown = function (event) {
event = (event || window.event);
if (event.keyCode == 123) {return false;}
if (event.keyCode == 93) {return false;}
if (event.keyCode == 85) {return false;}
if (event.keyCode == 80) {return false;}
if (event.keyCode == 44) {return false;}
if (event.keyCode == 73) {return false;}
}
document.onkeydown = function (event) {
event = (event || window.event);
if (event.keyCode == 123) {return false;}
if (event.keyCode == 93) {return false;}
if (event.keyCode == 85) {return false;}
if (event.keyCode == 80) {return false;}
if (event.keyCode == 44) {return false;}
if (event.keyCode == 73) {return false;}
}
</script>

Vou estar sempre atualizando essa postagem.

Espero demais ter ajudado vocês. ❤️

Baaala irmão, agora c entregou o outro, muito script aí que a galera paga pra ter

Mateus Meira · Março 26, 2022

Onde eu coloco o código do botão pulsante?

É possível fazer pelo elementor pro?

Vinicius · Março 26, 2022

2 horas atrás, Hallissonn disse:

Top demais, sabe como faço pra mudar as cores das letras?

Se está falando do texto da página em si, coloque uma tag de span em volta do texto que quer mudar a cor, desta maneira:

<span style="color: #000000 !important;">texto que quer mudar a cor</span>

Marcus Vinicius · Março 26, 2022

4 horas atrás, 2i33mer3a disse:

Onde eu coloco o código do botão pulsante?

É possível fazer pelo elementor pro?

Javascript ou campo html.

E depois nomeia como .animado

ADNILSON BARBOSA · Março 27, 2022

8 horas atrás, Marcus Vinicius disse:

Javascript ou campo html.

E depois nomeia como .animado

Meu bom, perdoa minha ignorância, mais poderia ser mais preciso onde e como coloco esse código, tentei quase tudo aqui e não deu certo!

oliver · Março 27, 2022

Muito bom!!!

Marcus Vinicius · Março 27, 2022

6 horas atrás, ADNILSON BARBOSA disse:

Meu bom, perdoa minha ignorância, mais poderia ser mais preciso onde e como coloco esse código, tentei quase tudo aqui e não deu certo!

Esse é o tutorial do script de comentários facebook.

No final ele explica como coloca no Elementor. É a mesma forma para todos.

eitnolmea7lrnido · Março 27, 2022

Esses Scripts funcionam na Shopify?

Marcus Vinicius · Março 27, 2022

4 minutos atrás, eitnolmea7lrnido disse:

Esses Scripts funcionam na Shopify?

Nunca usei Shopify mas se tiver como adicionar html/java provavelmente sim.

Sadhu · Março 27, 2022

Em 26/03/2022 em 05:37, Marcus Vinicius disse:

Fala rapaziada... Markin aqui 😎

Dando início a minha participação no fórum, essa será minha primeira contribuição. Uma coletânea de códigos/scrips para usar nas suas páginas de vendas.

Vale ressaltar que grande parte desses scripts (90%+) foi contribuição do Virgílio, Bero e principalmente Ponte de um grupo de networking que participo. Então fica aqui meu agradecimento para esses lindos.

Sem mais delongas, segue...

• Código de Comentários:

Passo 1 - Crie um campo HTML e cole o código abaixo:

<style>@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:auto;src:url(//bumbumdosdreams.site/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-regular-400.eot);src:url(//bumbumdosdreams.site/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(//bumbumdosdreams.site/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-regular-400.woff2) format("woff2"),url(//bumbumdosdreams.site/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-regular-400.woff) format("woff"),url(//bumbumdosdreams.site/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-regular-400.ttf) format("truetype"),url(//bumbumdosdreams.site/wp-content/plugins/elementor/assets/lib/font-awesome/css/../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:"Font Awesome 5 Free";font-weight:400}</style><title>Bumbum Dos sonhos &#8211;Tenha o Bumbum que você tanto sonhou.</title><link rel="stylesheet" media="print" onload="this.onload=null;this.media='all';" id="ao_optimized_gfonts" href="https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Slab%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7COpen+Sans+Condensed%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7COswald%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&amp;display=swap" /><link href='https://cdn.shortpixel.ai' rel='preconnect' /><link href='https://fonts.gstatic.com' crossorigin='anonymous' rel='preconnect' /><link rel="alternate" type="application/rss+xml" title="Feed para Bumbum Dos sonhos &raquo;" href="https://bumbumdosdreams.site/feed/" /><link rel="alternate" type="application/rss+xml" title="Feed de comentários para Bumbum Dos sonhos &raquo;" href="https://bumbumdosdreams.site/comments/feed/" /><link rel="https://api.w.org/" href="https://bumbumdosdreams.site/wp-json/" /><link rel="alternate" type="application/json" href="https://bumbumdosdreams.site/wp-json/wp/v2/pages/10" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://bumbumdosdreams.site/xmlrpc.php?rsd" /><link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://bumbumdosdreams.site/wp-includes/wlwmanifest.xml" /><meta name="generator" content="WordPress 5.5.3" /><link rel="canonical" href="https://bumbumdosdreams.site/" /><link rel='shortlink' href='https://bumbumdosdreams.site/' /><link rel="alternate" type="application/json+oembed" href="https://bumbumdosdreams.site/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fbumbumdosdreams.site%2F" /><link rel="alternate" type="text/xml+oembed" href="https://bumbumdosdreams.site/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fbumbumdosdreams.site%2F&#038;format=xml" /><link rel="icon" href="https://cdn.shortpixel.ai/client/q_lossless,ret_img,w_32,h_32/https://bumbumdosdreams.site/wp-content/uploads/2020/11/cropped-Icone-1-150x150-1-32x32.png" sizes="32x32" /><link rel="icon" href="https://cdn.shortpixel.ai/client/q_lossless,ret_img,w_192,h_192/https://bumbumdosdreams.site/wp-content/uploads/2020/11/cropped-Icone-1-150x150-1-192x192.png" sizes="192x192" /><link rel="apple-touch-icon" href="https://cdn.shortpixel.ai/client/q_lossless,ret_img,w_180,h_180/https://bumbumdosdreams.site/wp-content/uploads/2020/11/cropped-Icone-1-150x150-1-180x180.png" /><meta name="msapplication-TileImage" content="https://bumbumdosdreams.site/wp-content/uploads/2020/11/cropped-Icone-1-150x150-1-270x270.png" /><style type="text/css" id="wp-custom-css">#comentarios_face {font-family: Arial;background-color: #F6F7F9;font-size: 14px;padding: 20px;}.titulo_comentario {font-weight: bold;border-bottom: 1px solid #E9EBEE;display: block;padding-bottom: 6px;}.perfil {display: block;padding-top: 10px;padding-bottom: 10px;line-height: 20px;}.perfil .nome {color: #365899;font-weight: bold;}.nome img {float: left;padding-right: 10px;}.perfil img {width: 60px !important;height: 50px;}.perfil p {margin: 0;margin-left: 60px;margin-bottom: 0px;}.infos {font-size: 11px;color: #90949c;}.perfil2 {padding-left: 9px;border-left: 1px solid #E9EBEE;margin-left: 50px;padding-bottom: 0;}</style>

Passo 2 - Crie outro campo HTML e cole o código abaixo:

<div class="elementor-widget-container">
	<div id="comentarios_face"> <span class="titulo_comentario">34 comentários</span>
      <!-- NÃO MEXA AQUI EM CIMA-->


      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/Dhk2G1G.jpg">
        </noscript>
        <img class=" ls-is-cached lazyloaded" src="https://i.imgur.com/Dhk2G1G.jpg" data-src="https://i.imgur.com/Dhk2G1G.jpg">Clara Alves </span>
			<p>Marcelaa! Você está vendendo esses treinos para glúteos muito barato pelos os resultados que eles trazem...</p> <span class="infos">Responder · Curtir · Seguir · 1h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/M5zZNMv.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/M5zZNMv.jpg" data-src="https://i.imgur.com/M5zZNMv.jpg">Ana Campos </span>
			<p>Gente, realmente funciona!! Estou impressionada!!</p> <span class="infos">Responder · Curtir · Seguir · 1h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/eM9uJvs.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/eM9uJvs.jpg" data-src="https://i.imgur.com/eM9uJvs.jpg">Clara Martins </span>
			<p>Nossaaaaa, muito bom esses treinos, vale super apena</p> <span class="infos">Responder · Curtir · Seguir · 1h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/r1Nzi42.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/r1Nzi42.jpg" data-src="https://i.imgur.com/r1Nzi42.jpg">Rebeca Godoi </span>
			<p>Simples e objetivo, sem enrolação, parabéns Marcela</p> <span class="infos">Responder · Curtir · Seguir · 3h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/ZUCQqPu.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/ZUCQqPu.jpg" data-src="https://i.imgur.com/ZUCQqPu.jpg">Rafaela Alves </span>
			<p>Como não tinha visto isso antes?? Chocada!</p> <span class="infos">Responder · Curtir · Seguir · 2h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
          <noscript>
            <img src="https://i.imgur.com/Gy0e7GA.jpg">
          </noscript>
          <img class=" lazyloaded" src="https://i.imgur.com/Gy0e7GA.jpg" data-src="https://i.imgur.com/Gy0e7GA.jpg">Gabriela Morais </span>
			<p>@rebecabarbosa amiga vê isso logo kkkk, é mt bomm</p> <span class="infos">Responder · Curtir · Seguir · 2h</span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO || ESSE COMENTÁRIO EH UMA RESPOSTA -->
		<div class="perfil perfil2"> <span class="nome">
            <noscript>
              <img src="https://i.imgur.com/GC6b6qe.jpg">
            </noscript>
            <img class=" lazyloaded" src="https://i.imgur.com/GC6b6qe.jpg" data-src="https://i.imgur.com/GC6b6qe.jpg">Rebeca Barbosa </span>
			<p>Acabei de ver, vale super apenas, não sabia desses segredos</p> <span class="infos">Responder · Curtir · Seguir · 3 min </span> </div>
      <!-- FIM DO COMENTARIO RESPOSTA -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/Qxycjx9.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/Qxycjx9.jpg" data-src="https://i.imgur.com/Qxycjx9.jpg">Alícia Barros </span>
			<p>Depois que fiz esse método perdi a vergonha de ficar de biquini na praia, finalmente!!</p> <span class="infos">Responder · Curtir · Seguir · 4h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/qrr6krW.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/qrr6krW.jpg" data-src="https://i.imgur.com/qrr6krW.jpg">Lívia Batista </span>
			<p>Meu namorado viciou na minha bunda hahaaha</p> <span class="infos">Responder · Curtir · Seguir · 4h </span> </div>
      <!-- FIM DO COMENTARIO -->		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/gOTadwt.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/gOTadwt.jpg" data-src="https://i.imgur.com/gOTadwt.jpg">Cecília Cardoso </span>
			<p>Em 10 semanas já me senti outra pessoa, muito bom, recomendo!</p> <span class="infos">Responder · Curtir · Seguir · 5h </span> </div>
      <!-- FIM DO COMENTARIO -->
		
    
      <!-- INICIO DO COMENTARIO -->
		<div class="perfil"> <span class="nome">
        <noscript>
          <img src="https://i.imgur.com/RVpxkuT.jpg">
        </noscript>
        <img class=" lazyloaded" src="https://i.imgur.com/RVpxkuT.jpg" data-src="https://i.imgur.com/RVpxkuT.jpg">Maria Duarte </span>
			<p>Só digo uma coisa… FAÇAM! vocês vão amar!</p> <span class="infos">Responder · Curtir · Seguir · 5h </span> </div>
      <!-- FIM DO COMENTARIO -->  


      <!-- NÃO MEXA AQUI EM BAIXO -->
	</div>
</div>

• Código botão pulsando:

<style>.animado{animation:pulse 1s infinite;}</style>

• Código Geolocalização:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script>$.get("https://ipinfo.io/json", function (response) {
$("#ip").html("IP: " + response.ip);
$("#address").html(response.city + ", em " + response.region);
$("#details").html(JSON.stringify(response, null, 4));
}, "jsonp");</script>
<center>Você e alguns homens de <span id="address"></span> foram selecionados para participar deste programa.</center>

• Código Dia de Hoje” Automático - ex: "Promoção Até Hoje 26/03/2022":

Promoção Imperdível Até o Dia <div id="descounttime"></div>!!!
<script language="javascript">
var getdayNames = new Array("Domingo", "Segunda-Feira", "Terça-Feira", "Quarta-Feira","Quinta-Feira", "Sexta-Feira", "Sábado");
var getdayMonth = new Array("Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho","Agosto", "Setembro", "Outubro", "Novembro", "Dezembro");
var getNow = new Date();
var dayOfTheWeek = getNow.getDay();
getNow.setTime(getNow.getTime() - 0 * 24 * 60 * 60 * 1000);
document.getElementById("descounttime").innerHTML = getdayNames[(getNow.getDay())] + ", " + getdayMonth[(getNow.getMonth())] + " " + getNow.getDate() + ", " + getNow.getFullYear();
</script>

• Código backredirect:

<script>
var back_redirect_back_link = 'seusiteaqui';
history['pushState']({}, '', location['href']);
history['pushState']({}, '', location['href']);
window['onpopstate'] = function() {
setTimeout(function() {
	location['href'] = back_redirect_back_link
	}, 1)
}</script>

• Código backredirect público frio e público quente:

<script>
function backfrio(){
    var back_redirect_back_link = 'www.google.com/link_back_frio_aqui';
    history['pushState']({}, '', location['href']);
    history['pushState']({}, '', location['href']);
    window['onpopstate'] = function() {
    setTimeout(function() {
        location['href'] = back_redirect_back_link
    }, 1)
    }
}
setTimeout("backfrio()", 60000); //1 minuto em ms


function backquente(){
    var back_redirect_back_link = 'www.google.com/link_back_quente_aqui';
    history['pushState']({}, '', location['href']);
    history['pushState']({}, '', location['href']);
    window['onpopstate'] = function() {
    setTimeout(function() {
        location['href'] = back_redirect_back_link
    }, 1)
    }
}
setTimeout("backquente()", 600000); //10 minutos em ms
</script>

• Gerador delay no botão (By Ponte😞

https://000609986.codepen.website/

• Código contagem regressiva (Cronômetro):

<center><div id="app"></div>

<style>body {
  font-family: sans-serif;
  display: grid;
  height: 100vh;
  place-items: center;
}

.base-timer {
  position: relative;
  width: 300px;
  height: 300px;
}

.base-timer__svg {
  transform: scaleX(-1);
}

.base-timer__circle {
  fill: none;
  stroke: none;
}

.base-timer__path-elapsed {
  stroke-width: 7px;
  stroke: grey;
}

.base-timer__path-remaining {
  stroke-width: 7px;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: 1s linear all;
  fill-rule: nonzero;
  stroke: currentColor;
}

.base-timer__path-remaining.green {
  color: rgb(65, 184, 131);
}

.base-timer__path-remaining.orange {
  color: orange;
}

.base-timer__path-remaining.red {
  color: red;
}

.base-timer__label {
  position: absolute;
  width: 300px;
  height: 300px;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 48px;
}
</style>

<script>// Credit: Mateusz Rybczonec

const FULL_DASH_ARRAY = 283;
const WARNING_THRESHOLD = 10;
const ALERT_THRESHOLD = 5;

const COLOR_CODES = {
  info: {
    color: "green"
  },
  warning: {
    color: "orange",
    threshold: WARNING_THRESHOLD
  },
  alert: {
    color: "red",
    threshold: ALERT_THRESHOLD
  }
};

const TIME_LIMIT = 20;
let timePassed = 0;
let timeLeft = TIME_LIMIT;
let timerInterval = null;
let remainingPathColor = COLOR_CODES.info.color;

document.getElementById("app").innerHTML = `
<div class="base-timer">
  <svg class="base-timer__svg" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
    <g class="base-timer__circle">
      <circle class="base-timer__path-elapsed" cx="50" cy="50" r="45"></circle>
      <path
        id="base-timer-path-remaining"
        stroke-dasharray="283"
        class="base-timer__path-remaining ${remainingPathColor}"
        d="
          M 50, 50
          m -45, 0
          a 45,45 0 1,0 90,0
          a 45,45 0 1,0 -90,0
        "
      ></path>
    </g>
  </svg>
  <span id="base-timer-label" class="base-timer__label">${formatTime(
    timeLeft
  )}</span>
</div>
`;

startTimer();

function onTimesUp() {
  clearInterval(timerInterval);
}

function startTimer() {
  timerInterval = setInterval(() => {
    timePassed = timePassed += 1;
    timeLeft = TIME_LIMIT - timePassed;
    document.getElementById("base-timer-label").innerHTML = formatTime(
      timeLeft
    );
    setCircleDasharray();
    setRemainingPathColor(timeLeft);

    if (timeLeft === 0) {
      onTimesUp();
    }
  }, 1000);
}

function formatTime(time) {
  const minutes = Math.floor(time / 60);
  let seconds = time % 60;

  if (seconds < 10) {
    seconds = `0${seconds}`;
  }

  return `${minutes}:${seconds}`;
}

function setRemainingPathColor(timeLeft) {
  const { alert, warning, info } = COLOR_CODES;
  if (timeLeft <= alert.threshold) {
    document
      .getElementById("base-timer-path-remaining")
      .classList.remove(warning.color);
    document
      .getElementById("base-timer-path-remaining")
      .classList.add(alert.color);
  } else if (timeLeft <= warning.threshold) {
    document
      .getElementById("base-timer-path-remaining")
      .classList.remove(info.color);
    document
      .getElementById("base-timer-path-remaining")
      .classList.add(warning.color);
  }
}

function calculateTimeFraction() {
  const rawTimeFraction = timeLeft / TIME_LIMIT;
  return rawTimeFraction - (1 / TIME_LIMIT) * (1 - rawTimeFraction);
}

function setCircleDasharray() {
  const circleDasharray = `${(
    calculateTimeFraction() * FULL_DASH_ARRAY
  ).toFixed(0)} 283`;
  document
    .getElementById("base-timer-path-remaining")
    .setAttribute("stroke-dasharray", circleDasharray);
}
</script>

• Código: “X” pessoas estão assistindo a esse vídeo agora! (X atualiza a cada 10s):

<span id="number"></span> pessoas estão assistindo a esse vídeo agora!

<script>
function add(){number+=Math.floor((Math.random()*6)+1);document.getElementById("number").innerHTML=number;setTimeout("add()",10000);}        
function generate(){number=Math.floor(Math.random()*1143)+1578;document.getElementById("number").innerHTML=number;add();}
generate();</script>

• Código para bloquear F12, Ctrl+U, Ctrl+P, Ctrl+I, Ctrl+Shift+I, Print e Botão Direito:

<script>
document.addEventListener("contextmenu", function (e){
    e.preventDefault();
}, false);
</script>

<script>
document.onkeypress = function (event) {
event = (event || window.event);
if (event.keyCode == 123) {return false;}
if (event.keyCode == 93) {return false;}
if (event.keyCode == 85) {return false;}
if (event.keyCode == 80) {return false;}
if (event.keyCode == 44) {return false;}
if (event.keyCode == 73) {return false;}
}
document.onmousedown = function (event) {
event = (event || window.event);
if (event.keyCode == 123) {return false;}
if (event.keyCode == 93) {return false;}
if (event.keyCode == 85) {return false;}
if (event.keyCode == 80) {return false;}
if (event.keyCode == 44) {return false;}
if (event.keyCode == 73) {return false;}
}
document.onkeydown = function (event) {
event = (event || window.event);
if (event.keyCode == 123) {return false;}
if (event.keyCode == 93) {return false;}
if (event.keyCode == 85) {return false;}
if (event.keyCode == 80) {return false;}
if (event.keyCode == 44) {return false;}
if (event.keyCode == 73) {return false;}
}
</script>

Vou estar sempre atualizando essa postagem.

Espero demais ter ajudado vocês. ❤️

TOP!! Tem algum script de quiz pra pressel man?

Marcus Vinicius · Março 27, 2022

2 horas atrás, aas5ozefaslccouu8rnd disse:

TOP!! Tem algum script de quiz pra pressel man?

Tenho. Vou upar e atualizar amanha essa lista

Sadhu · Março 27, 2022

42 minutos atrás, Marcus Vinicius disse:

Tenho. Vou upar e atualizar amanha essa lista

Maravilha, valeu Markin!!

gaonmeister · Março 28, 2022

Baita post! 🔥

VITOR AFFONSO · Março 28, 2022

Top dms!

Amerisvaldo · Março 29, 2022

Show de mais

@danielribei.ro · Março 29, 2022

Incrível, será de grande ajuda para boa parte do pessoal.

muceta bolhada · Março 29, 2022

meu amigo, considere que estou te dando um beijo na boca virtual

obrigado!

Marcus Vinicius · Março 29, 2022

44 minutos atrás, muceta bolhada disse:

meu amigo, considere que estou te dando um beijo na boca virtual

obrigado!

kkkkkkkkkk tmj

Carlos Pablo · Março 29, 2022

Obrigado pela contribuição irmao! Ajudou bastante 🤩

LXL · Março 29, 2022

Show @Marcus Vinicius!! Post muito útil!

Vou deixar minha contribuição também...

Código para passar os parâmetros da URL pra próxima página (muito útil pra quem usa UTM pra fazer o trackeamento):

<script>
    for (i = 0; i < document.getElementsByTagName('a').length; i++) {
        if(document.getElementsByTagName('a')[i].href.includes("?")) {
            document.getElementsByTagName('a')[i].href = document.getElementsByTagName('a')[i].href + "&" + window.location.search.substring(1);
        } else {
            document.getElementsByTagName('a')[i].href = document.getElementsByTagName('a')[i].href + "?" + window.location.search.substring(1);
        }
    }
</script>

[PACK] Melhores e mais usados scripts para sua página!

Posts Recomendados

Link para o comentário

Mais Ativos no Tópico

Dias Populares

Mais Ativos no Tópico

Dias Populares

Postagens Populares

Marcus Vinicius

LXL

Photencial

Imagens neste post

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário

Link para o comentário