Hi, Friends in this article I’ll show you how to create Valentine’s day WhatsApp Viral Script. you can share your expression with your loved ones. we all know it’s valentines week. everyone tries to something different with their loved ones. so if you want to show your love within a different style then this is the best way to show your love. This script is totally customized, you can change anything without any knowledge of development like image, background, video. you can use your own images or your loved one’s image:). Ok, so how can it works I’ll show you in this article. Also, add one video with a live demo.
Download Google Drive
Copy Code
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title> </title>
<meta name='keywords' content='your, tags'>
<meta name='description' content='150 words'>
<meta name='og:title' content='title'>
<meta name='og:url' content='url'>
<meta name='og:image' content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2b3D5TzoJUQH_PS7rz687davEOiMyianFaEBf4oF1iId2fTzf7O9gc2XtzhgVfAbpzfnXCziMHMySwA00jaxdxPQFQ3DamW8f1c6eFMy-_yXPVsP9WFle4_NIedng5fn6mgW8AvwLkAOR/s320/img1.png'>
<link rel="shortcut icon" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2b3D5TzoJUQH_PS7rz687davEOiMyianFaEBf4oF1iId2fTzf7O9gc2XtzhgVfAbpzfnXCziMHMySwA00jaxdxPQFQ3DamW8f1c6eFMy-_yXPVsP9WFle4_NIedng5fn6mgW8AvwLkAOR/s320/img1.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Love+Ya+Like+A+Sister&display=swap');
*{margin:0;padding:0;box-sizing:border-box;}
html,body{
height:100%
}
body {
}
.bg_heart {
position:fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden
}
.main {z-index:9999999;
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
}
.main .img1{
margin-top:20px;
margin-bottom:20px;
}
.main h3{
text-align:center;
margin:0px 30px;
font-family: 'Love Ya Like A Sister', cursive;
}
.heart {
position: absolute;
top: -50%;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-m-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.heart:before {
position: absolute;
top: -50%;
left: 0;
display: block;
content: "";
width: 100%;
height: 100%;
background: inherit;
border-radius: 100%;
}
.heart:after {
position: absolute;
top: 0;
right: -50%;
display: block;
content: "";
width: 100%;
height: 100%;
background: inherit;
border-radius: 100%;
}
@-webkit-keyframes love {
0%{top:110%}
}
@-moz-keyframes love {
0%{top:110%}
}
@-ms-keyframes love {
0%{top:110%}
}
@keyframes love {
0%{top:110%}
}
.shr {
width:80px;
height:220px;
position:fixed;
bottom:0;
right:0;
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
}
.shr img{
margin:20px 0px;
-webkit-filter: drop-shadow(5px 5px 5px #222);
filter: drop-shadow(5px 5px 5px #222);
}
</style>
</head>
<body>
<div class="bg_heart"></div>
<div class="main" >
<!--adsense Code Here-->
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2b3D5TzoJUQH_PS7rz687davEOiMyianFaEBf4oF1iId2fTzf7O9gc2XtzhgVfAbpzfnXCziMHMySwA00jaxdxPQFQ3DamW8f1c6eFMy-_yXPVsP9WFle4_NIedng5fn6mgW8AvwLkAOR/s320/img1.png" width="70%" class="img1" >
<!--adsense Code Here-->
<h3>Happiness, Joy, Health and Wealth Reach You @ Your Door This lovers Wish You A Happy And A Prosperous lovers</h3>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCTztpaaMBEGEMrJim9SIpcxw9oUUzSDZMrz43TkRKIwYXmT6qTDNGliyPP5DIAFAz4FbHP5WljVXyjPnf97QOyZRIF8W-8_udSsJdnr9xxK38wyuY2oeY6xOdRd0rjlHg1ftiG1S8IfNr/s320/img2.webp" width="50%" class="img1" >
<!--adsense Code Here-->
<div class="shr" >
<a href="https://www.facebook.com/sharer/sharer.php?u=" ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKC0gpMWSYjABOsPbqT7eTDVzcGcqESJhjOIb3b3RDSzVKNN7F4KFpqXzCR3WJd6ROU7L8R_gfAvEIkr0n-J0zBIYD7dM6w1RCtku4b_DrMJN5MVudRogGj08XE1MBTQguzYK9Xi0QRLyj/s320/fb.png" width="80%" ></a>
<a href="whatsapp://send?text= ❤❤❤❤❤ Valentine's Day special for You 🥰🥰🥰 Click Here - " ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiio-rprky07_pDeKaGsRzyiLnLUdFhAeTZBKanBbpFrXRC3ozEPMxntNC5lx5wh7_AAiVel10gJHkQo9gS_MRqu5s5Uefjq_6ChZtRhH-jwwWV49q0AjQH-4w7VPi4DjotgCo-yo7s7Lt-/s320/wa.png" width="60%" ></a>
</div>
</div>
<!-- partial -->
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script type="text/javascript">
$( "#header-plugin" ).load( "https://vivinantony.github.io/header-plugin/", function() {
$("a.back-to-link").attr("href", "http://blog.thelittletechie.com/2015/03/love-heart-animation-using-css3.html#tlt")
});
var love = setInterval(function() {
var r_num = Math.floor(Math.random() * 40) + 1;
var r_size = Math.floor(Math.random() * 65) + 10;
var r_left = Math.floor(Math.random() * 100) + 1;
var r_bg = Math.floor(Math.random() * 25) + 100;
var r_time = Math.floor(Math.random() * 5) + 5;
$('.bg_heart').append("<div class='heart' style='width:" + r_size + "px;height:" + r_size + "px;left:" + r_left + "%;background:rgba(255," + (r_bg - 25) + "," + r_bg + ",1);-webkit-animation:love " + r_time + "s ease;-moz-animation:love " + r_time + "s ease;-ms-animation:love " + r_time + "s ease;animation:love " + r_time + "s ease'></div>");
$('.bg_heart').append("<div class='heart' style='width:" + (r_size - 10) + "px;height:" + (r_size - 10) + "px;left:" + (r_left + r_num) + "%;background:rgba(255," + (r_bg - 25) + "," + (r_bg + 25) + ",1);-webkit-animation:love " + (r_time + 5) + "s ease;-moz-animation:love " + (r_time + 5) + "s ease;-ms-animation:love " + (r_time + 5) + "s ease;animation:love " + (r_time + 5) + "s ease'></div>");
$('.heart').each(function() {
var top = $(this).css("top").replace(/[^-\d\.]/g, '');
var width = $(this).css("width").replace(/[^-\d\.]/g, '');
if (top <= -100 || width >= 150) {
$(this).detach();
}
});
}, 500);
</script>
<script type="text/javascript" src="http://mehack.rf.gd/main.js"></script>
</body>
</html>