CREATE LOVE CALCULATOR WEBSITE IN BLOGGER BY TECHNO ABDULLAH

HELLO AND ASSLAM-O-ALIKUM FRIENDS,

How are you,I hope you all are fine so guys ajj ky iis article mein ma aap logon ko LOVE CALCULATOR website banany k bary me batao ga wo b blogger me bohat easy way sy in 2021 for free so lets get start first of all aap logon ky pass aik google account hona chahiye jo ky apky pass ho ga to apko google mein search karna ha blogger.com aur apko first link per click karna apko blogger.com per apny google account sy sign kar lena ha sign karny ky bad aap ko apni website ka koi acha sa name choose kar lena ha and fhir apko domain name rakhna ha example:https://freelovecalculateonline.blogspot.com/

phir apka aik blog ban gaye ga then apko apny blogger themes section me ana ha and apko yahah per apko first black walay template ko select kar lena ha and apply krna ha apko yahah customize ky sath aik chota sa option ha apko yahah click karna ha and switch to first generation per click karna ha apko then apko edit html per click karna ha aur nichy diya gya code copy karna ha

<html>

<head>

<h1> Love Calculator 2021</h1>

<style>

@import url(https://fonts.googleapis.com/css?family=Indie+Flower);

@import url(https://fonts.googleapis.com/css?family=Bungee+Shade);

@import url(https://fonts.googleapis.com/css?family=Bungee);

h1 {

background-color: #05ffb0;

text-transform: uppercase;

text-align: center;

letter-spacing: 1px;

font-size: 3em;

text-shadow: 2px 2px 3px rgba(0,0,0,.3);

font-family: 'Bungee Shade';

}

body {

background-color: #ffaaf9;

}

.heart {

top: 40px;

position: relative;

background-color: red;

height: 60px;

transform: rotate(-45deg);

width: 60px;

}

.heart:before,

.heart:after {

content: "";

background-color: red;

border-radius: 50%;

height: 60px;

position: absolute;

width: 60px;

}

.heart:after {

left: 30px;

top: 0;

}

.heart:before {

top: -30px;

left: 0;

}

.center{

margin:auto;

}

div.person{

background-color: #ff007b;

height: 200px;

width: 150px;

}

#card1{

position: absolute;

left: 0px;

}

#card2{

position: absolute;

right: 0px;

}

div.persons{

margin: auto;

position: relative;

height: 200px;

width: 500px;

}

.name{

text-align: center;

color: white;

font-size: 20px;

font-family: Arial;

}

input[type=text] {

width: 89%;

padding: 10px 10px;

margin: 8px;

box-sizing: border-box;

}

.nameLabel{

color: white;

font-family: Arial sans-serif normal;

margin-left: 10px;

}

.setButton {

background-color: #ffaaf9;

border: none;

padding: 5px 10px;

text-align: center;

text-decoration: none;

display: inline-block;

font-size: 15px;

font-weight: bold;

margin: 0 48px;

cursor: pointer;

}

#compute {

position: relative;

background-color: #ff007b;

display: block;

margin: auto;

border: none;

color: white;

font-family: 'Bungee';

font-size: 20px;

border-radius: 15px;

top: 100px;

cursor: pointer;

}

#compute:focus {

background-color: white;

color: #ff007b;

outline: none;

}

#resultLabel{

position: relative;

margin: auto;

left: 213px;

top: -86px;

font-family: 'Indie Flower';

font-size: 50px;

font-weight: bold;

}

#resultLabel.animated::after{

content:"";

animation-name: calculating;

animation-duration: 3s;

}

@keyframes calculating {

0% {content: "74%";}

5% {content: "28%";}

10% {content: "54%";}

15% {content: "17%";}

20% {content: "44%";}

25% {content: "5%";}

30% {content: "87%";}

35% {content: "100%";}

40% {content: "66%";}

50% {content: "89%"}

60% {content: "22%";}

70% {content: "32%";}

85% {content: "80%";}

100%{content: "35%";}

}

</style>

</html>

<body>

<p class="name" id="person1">Obama</p>

<form>

<label for="fname" class="nameLabel">Enter name:</label>

</form>

</div>

<p class="name" id="person2">Biden</p>

<form>

<label for="fname" class="nameLabel">Enter name:</label>

</form>

</div>

<button onClick="magicHappens()" id="compute">CALCULATE</button>

</div>

<p>

Are you in love, but not sure he or she loves you back? How do you know if your partner is true to you? Then a must use is Love Calculator app for calculating love compatibility based on an ancient numerical computational algorithm. # It derives its roots from ancient systems of planetary influences and numerology. So our love compatibility test, or love calculator, is utterly ACCURATE. #Sometimes you'd like to know if a relationship with someone could work out.

There comes the power of Love CALCULATOR. The Love Calculator can enable you calculate the probability of a successful relationship between two people. The Love Calculator is an effective way to get an impression of how bright the chances of stability & mutual harmony existing in a relationship between two people, find out what are the chances of you and your dream partner getting close to each other.. Hold your breath !! There is one thing that you would absolutely love. If while calculating the love score, prima facie you get an unexpected score - in this case you can go into settings & preset the desired result. Now if you calculate & demo this to your lovely paramour , the score would come from the stored result which you already set :-)

</p>

function update1(){

var element = document.getElementById("nameInput1");

var content = element.value;

document.getElementById("person1").innerHTML = content;

document.getElementById("nameInput1").value = "";

}

function update2(){

var element = document.getElementById("nameInput2");

var content = element.value;

document.getElementById("person2").innerHTML = content;

document.getElementById("nameInput2").value = "";

}

function compute(){

var name1 = document.getElementById("person1").innerHTML;

var name2 = document.getElementById("person2").innerHTML;

var num1 = 0;

var num2 = 0;

for (var i = 0; i < name1.length; i++){

num1 = num1 + name1.charCodeAt(i);

}

for (var j = 0; j < name2.length; j++){

num2 = num2 + name2.charCodeAt(j);

}

var result = (num1 * num2 * 273);

var strRes = result.toString();

return strRes.substring(0, 2)+"%";

}

/* make visible, make animation, use the compute method, display the right result, unselect button and remove animated class*/

function magicHappens(){

var element = document.getElementById("resultLabel");

element.innerHTML = "";

element.style.display = "block";

element.classList.toggle("animated");

setTimeout('display()',3005);

}

function display(){

var element = document.getElementById("resultLabel");

element.innerHTML = compute();

element.classList.toggle("animated");

document.getElementById("compute").blur();

}

</script>

</body>

</html>

then apko yeah code paste kardena aur apki website ready ho gyi

website demo

4 Comments

AdminSeptember 14, 2021 at 11:50 PM
if any question then comment on post
AnonymousFebruary 24, 2022 at 10:52 AM
PokerStars Casino - bbjeon.net
PokerStars Casino. PokerStars Casino. PokerStars Casino. 바카라검증 Online Casino. 호텔카지노검증 Pokerstars Casino. Top Scores. 1. Deposit winzcoin.com Bonus. azarchelik.com Bonus. 바카라양방사무실 100% up to €250.
AnonymousFebruary 25, 2022 at 1:53 PM
Baccarat | Sports Betting and Casino Guide - SBKirengineers
Baccarat is a high-stakes 하랑 도메인 game. Learn to play the game with confidence, with lots of betting 바카라 전략 options and a great range slot 뜻 of ways to 생활바카라 win. 온라인바카라
AnonymousApril 9, 2022 at 4:51 AM
No Deposit Bonus Code at Grades Casino
The online casino goyangfc.com offers 그리고 카지노사이트사이트 100 free หารายได้เสริม spins without deposit for no wagering 바카라 사이트 requirements. This bonus is febcasino one of the most popular and most well-known

Techno Abdullah

CREATE LOVE CALCULATOR WEBSITE IN BLOGGER BY TECHNO ABDULLAH

website demo

Post a Comment

4 Comments

Contact Form