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

AM Agência · Junho 21, 2022

Mano, como eu centralizo o Script de X pessoas assistindo agora? tipo deixar centralizado... Aumentar o tamanho da fonte, como faço?

TheIceMan · Julho 2, 2022

Primeiro, MUITO OBRIGADO, muito foda os scripts..

Segundo, o script de back redirect quente e frio não funciona, alguma dica?

Suco de Fruta · Julho 6, 2022

Mano no codigo data hoje. Como eu consigo alterar a cor dos números que mudam???

Angus · Julho 6, 2022

Se alguém tiver a manha de por a letra neon piscando tem minha gratidão eterna

gbteixeira · Julho 6, 2022

Mitooou!!! Vlwww seu lindo!!

Photencial · Julho 14, 2022

Em 20/06/2022 em 22:20, Myers disse:

Mano, como eu centralizo o Script de X pessoas assistindo agora? tipo deixar centralizado... Aumentar o tamanho da fonte, como faço?

Mano se tu usa Elementor, coloca o script no "editor de texto" na parte de HTML ai vc pode editar fonte, cor, alinhamento e tudo mais

Lucio Rozan · Julho 14, 2022

Muito Top, pena que ñ sei muito bem como usar e aplicar. Seria pedir muito que você, fizesse algum vídeo mostrando o uso efeito do código. Se não der não tem problema, é só para deixar mais didático mesmo.

Mendigo · Julho 18, 2022

Belo post!! Uma mão no like e uma no carinho!!

LuisH · Julho 18, 2022

Top irmão.

Já vou usar uns scripts aqui.

Angus · Julho 19, 2022

ao invés desse do botão pulsando, alguém sabe como faço pra quando a pessoa passar o mouse por cima ele aumentar? Deve ser até bem parecido

KINGJF · Agosto 7, 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. ❤️

Lindo demais, deixei 2 like ein

Xovanna · Agosto 7, 2022

Em 19/07/2022 em 19:40, Angus disse:

ao invés desse do botão pulsando, alguém sabe como faço pra quando a pessoa passar o mouse por cima ele aumentar? Deve ser até bem parecido

Isso não se faz com cód., tem uma opção lá no elementor mesmo que você coloca essa opção

Angus · Agosto 7, 2022

4 minutos atrás, Xovanna disse:

Isso não se faz com cód., tem uma opção lá no elementor mesmo que você coloca essa opção

o meu elementor é grátis kk... mas eu consegui por código sim, um maluco aqui do fórum deu essa força

Stonks · Agosto 7, 2022

Valeuuu muito pela contribuição.

Jp.STS · Agosto 24, 2022

#botao_pulse { -webkit-animation: pulse 0.7s infinite; }

E NO ELEMENTO VC VAI ATÉ ''ID BOTÇAO'' E COLOCA ''botao_pulse''

Auriian · Setembro 22, 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>

conteúdo pesadooo, valeu demais...

Vou estar sempre atualizando essa postagem.

Espero demais ter ajudado vocês. ❤️

lecotv · Novembro 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. ❤️

O primeiro codigo precisa alterar algo? Pq nao foi =(

iusnbsoejs · Novembro 27, 2022

fala irmão, scripts incríveis, mas por acaso você ou algum dos ratazanas tem algum script para bloquear o comando de não arrastar o mouse em cima das imagens da página e também pra não copiar as escritas da página?? Valeeeu!

bu1troansnda0 · Dezembro 27, 2022

Incrível, irmão. Sensacional mesmo!! Tô procurando isso faz tempo

Omiranha · Janeiro 17, 2023

https://t.me/pump_upp - best crypto pumps on telegram
Make 1000% and more within 1 day, join channel @pump_upp !

Rato Master · Maio 19, 2023

Você e foda, merece o bueiro inteiro ❤️

nobruking · Maio 19, 2023

Bom pessoal, vi que muita gente esta com dificuldade com o código de fulano comprou entao segue uma versão atualizada que ta funcionando bem para Celular:

<html> <head> <title>Notificações de Compra</title> <style> .notification { position: fixed; bottom: 20px; left: 20px; background-color: green; color: white; padding: 10px; border-radius: 5px; display: none; z-index: 9999; } </style> </head> <body> <div class="notification"></div> <script> // Array de nomes de mulheres var names = [ 'Ana', 'Mariana', 'Carolina', 'Beatriz', 'Juliana', 'Fernanda', 'Isabela', 'Laura', 'Gabriela', 'Luiza', 'Amanda', 'Larissa', 'Natália', 'Raquel', 'Vanessa', 'Renata', 'Mirella', 'Camila', 'Thaís', 'Priscila', 'Lívia', 'Giovana', 'Patrícia', 'Vitória', 'Letícia', 'Bruna', 'Jéssica', 'Alice', 'Sophia', 'Valentina', 'Clara', 'Helena', 'Lara', 'Manuela', 'Isabella', 'Lorena', 'Luana', 'Mariana', 'Nathalia', 'Larissa', 'Yasmin', 'Maria Eduarda', 'Débora', 'Melissa', 'Eduarda', 'Bianca', 'Júlia', 'Heloísa', 'Márcia', 'Nicole', 'Tatiana', 'Cristina', 'Daniela', 'Simone', 'Talita', 'Marta', 'Rafaela', 'Fátima', 'Renata', 'Andreia', 'Carla', 'Lúcia', 'Miriam', 'Susana', 'Teresa', 'Vera', 'Sandra', 'Elisabete', 'Rita', 'Joana', 'Inês', 'Sara', 'Rosa', 'Cátia', 'Mónica', 'Sofia', 'Tânia', 'Paula', 'Margarida', 'Alexandra', 'Mariana', 'Carolina', 'Beatriz', 'Juliana', 'Fernanda', 'Isabela', 'Laura', 'Gabriela', 'Luiza', 'Amanda', 'Larissa', 'Natália', 'Raquel', 'Vanessa', 'Renata', 'Mirella', 'Camila', 'Thaís', 'Priscila', 'Lívia', 'Giovana', 'Patrícia', 'Vitória', 'Letícia', 'Bruna', 'Jéssica', 'Alice', 'Sophia', 'Valentina', 'Clara', 'Helena', 'Lara', 'Manuela', 'Isabella', 'Lorena', 'Luana', 'Mariana', 'Nathalia', 'Larissa', 'Yasmin', 'Maria Eduarda', 'Débora', 'Melissa', 'Eduarda', 'Bianca', 'Júlia', 'Heloísa', 'Márcia', 'Nicole', 'Tatiana', 'Cristina', 'Daniela', 'Simone', 'Talita', 'Marta', 'Rafaela', 'Fátima', 'Renata', 'Andreia', 'Carla', 'Lúcia', 'Miriam', 'Susana', 'Teresa', 'Vera', 'Sandra', 'Elisabete', 'Rita', 'Joana', 'Inês', 'Sara', 'Rosa', 'Cátia', 'Mónica', 'Sofia', 'Tânia', 'Paula', 'Margarida', 'Alexandra' ]; // Função para exibir notificação function showNotification() { var randomName = names[Math.floor(Math.random() * names.length)]; var notification = document.querySelector('.notification'); notification.textContent = randomName + ' acabou de comprar!'; notification.style.display = 'block'; var randomTime = Math.floor(Math.random() * 4000) + 1000; // Tempo aleatório entre 1 e 5 segundos setTimeout(function() { notification.style.display = 'none'; setTimeout(showNotification, 0); // Iniciar próxima notificação imediatamente }, randomTime); } // Iniciar notificações após 5 segundos setTimeout(showNotification, 5000); </script> </body> </html>

PenaWriting · Julho 21, 2023

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

Gerador delay no botão

??

Venda Com Criativos · Julho 21, 2023

Em 19/05/2023 em 14:25, nobruking disse:

Bom pessoal, vi que muita gente esta com dificuldade com o código de fulano comprou entao segue uma versão atualizada que ta funcionando bem para Celular:

<html> <head> <title>Notificações de Compra</title> <style> .notification { position: fixed; bottom: 20px; left: 20px; background-color: green; color: white; padding: 10px; border-radius: 5px; display: none; z-index: 9999; } </style> </head> <body> <div class="notification"></div> <script> // Array de nomes de mulheres var names = [ 'Ana', 'Mariana', 'Carolina', 'Beatriz', 'Juliana', 'Fernanda', 'Isabela', 'Laura', 'Gabriela', 'Luiza', 'Amanda', 'Larissa', 'Natália', 'Raquel', 'Vanessa', 'Renata', 'Mirella', 'Camila', 'Thaís', 'Priscila', 'Lívia', 'Giovana', 'Patrícia', 'Vitória', 'Letícia', 'Bruna', 'Jéssica', 'Alice', 'Sophia', 'Valentina', 'Clara', 'Helena', 'Lara', 'Manuela', 'Isabella', 'Lorena', 'Luana', 'Mariana', 'Nathalia', 'Larissa', 'Yasmin', 'Maria Eduarda', 'Débora', 'Melissa', 'Eduarda', 'Bianca', 'Júlia', 'Heloísa', 'Márcia', 'Nicole', 'Tatiana', 'Cristina', 'Daniela', 'Simone', 'Talita', 'Marta', 'Rafaela', 'Fátima', 'Renata', 'Andreia', 'Carla', 'Lúcia', 'Miriam', 'Susana', 'Teresa', 'Vera', 'Sandra', 'Elisabete', 'Rita', 'Joana', 'Inês', 'Sara', 'Rosa', 'Cátia', 'Mónica', 'Sofia', 'Tânia', 'Paula', 'Margarida', 'Alexandra', 'Mariana', 'Carolina', 'Beatriz', 'Juliana', 'Fernanda', 'Isabela', 'Laura', 'Gabriela', 'Luiza', 'Amanda', 'Larissa', 'Natália', 'Raquel', 'Vanessa', 'Renata', 'Mirella', 'Camila', 'Thaís', 'Priscila', 'Lívia', 'Giovana', 'Patrícia', 'Vitória', 'Letícia', 'Bruna', 'Jéssica', 'Alice', 'Sophia', 'Valentina', 'Clara', 'Helena', 'Lara', 'Manuela', 'Isabella', 'Lorena', 'Luana', 'Mariana', 'Nathalia', 'Larissa', 'Yasmin', 'Maria Eduarda', 'Débora', 'Melissa', 'Eduarda', 'Bianca', 'Júlia', 'Heloísa', 'Márcia', 'Nicole', 'Tatiana', 'Cristina', 'Daniela', 'Simone', 'Talita', 'Marta', 'Rafaela', 'Fátima', 'Renata', 'Andreia', 'Carla', 'Lúcia', 'Miriam', 'Susana', 'Teresa', 'Vera', 'Sandra', 'Elisabete', 'Rita', 'Joana', 'Inês', 'Sara', 'Rosa', 'Cátia', 'Mónica', 'Sofia', 'Tânia', 'Paula', 'Margarida', 'Alexandra' ]; // Função para exibir notificação function showNotification() { var randomName = names[Math.floor(Math.random() * names.length)]; var notification = document.querySelector('.notification'); notification.textContent = randomName + ' acabou de comprar!'; notification.style.display = 'block'; var randomTime = Math.floor(Math.random() * 4000) + 1000; // Tempo aleatório entre 1 e 5 segundos setTimeout(function() { notification.style.display = 'none'; setTimeout(showNotification, 0); // Iniciar próxima notificação imediatamente }, randomTime); } // Iniciar notificações após 5 segundos setTimeout(showNotification, 5000); </script> </body> </html>

salvou vlw msm

enz0robert · Março 1, 2025

Muito massa! Esses scripts são ouro pra quem tá montando landing page e quer aumentar conversão. Dá pra economizar uma grana com essas dicas aí, ao invés de pagar por ferramentas prontas. Boa iniciativa compartilhar isso!

[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