Breaking

Monday, November 5, 2018

How to make Diwali wishing sites On Blogger | How to Upload Wishes Whatsapp Viral Script on Blogger-2018.

How to create an Event blog or website on blogger and how to earn through the event blogging. we discussed in the previous post  Event Blogging | What are the Events Blogging? |How to Earn money through the Event bogging-2018. So in this post, we will discuss that "How to create a Diwali Wishing website on blogger. So let's Start.....

Create An Simple Blog/website on Blogger.

First, we will discuss that "Why we Create a website or blog on blogger.com?" Because Blogger gives us Free Hosting for host our blog/website and Blogger trusted is Google product. and Its give us free blogger domain name also. so we have don't needs money for creating a Scripting/Wishing website. now time for creating a website.

First, Go to any your favorite browser. and follow the given steps. 
  •  Go in blogger.com
  • Login with your Google Account details(Fill your Email and password).
  • After that follow the below-given video.



I hope You understand how to create a simple blog. I have given the Votting pool name but you must create with the name Diwali wish(  &According to your choice). But this is website empty till now. now we will be adding Diwali Script code on our website.
Now follow the below Steps.
Goto your blogger dashboard

  • Click Theme Option.
  • Now You will see the theme section, now scroll down below and you will see option Revert to classic themes
  • Click on that after that you will see two option:-Revert to classic theme | View classic theme.
  • Click on Revert to classic theme
  • Afrter that you select blue option in Change Navbar.
  • Then replace this code by given Script code in Edit Theme HTML.

The source code of  Diwali wishing website.

  • Copy following Code


<html>
<head>
<!--Google Analytics code Here -->


<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"/>

    <link rel="stylesheet" type="text/css" href="main.css">

 <title>HAPPY DIWALI 2018 | आपको  दीपावली की शुभकामनाएं</title>
    <meta name="description" content="HAPPY DIWALI 2018 | आपको  दीपावली की शुभकामनाएं"/>
    <meta name="twitter:title" content="HAPPY DIWALI 2018 | आपको  दीपावली की शुभकामनाएं">
    <meta name="twitter:description" content="HAPPY DIWALI 2018 | आपको  दीपावली की शुभकामनाएं">
    <meta name="twitter:card" content="summary">
    <meta name="twitter:site" content="#">
    <meta name="twitter:creator" content="#">
    <meta name="twitter:image" content="https://2.bp.blogspot.com/-5N3W0vgM9mY/W3u05D06oHI/AAAAAAAAAw0/Nhd2qxE2P_0zK9PMtVF5AaUF2DbdvYzzQCLcBGAs/s1600/Cv_nPEYWYAAFQLQ.jpg">

    <meta property="og:title" content="HAPPY DIWALI 2018 | आपको  दीपावली की शुभकामनाएं"/>
    <meta property="og:site_name" content="HAPPY DIWALI 2018 | आपको  दीपावली की शुभकामनाएं"/>
    <meta property="og:url" content="https://wishmetou.blogspot.com"/>
 
    <meta property="og:description" content="दीप जलते रहे मन से मन मिलते रहे
गिले सिकवे सारे मन से निकलते रहे
सारे विश्व मे सुख-शांति की प्रभात ले आये
ये दीपो का त्योहार खुशी की सोंगात ले आये"/>
    <meta property="og:type" content="article"/>
    <meta property="og:image" content="https://2.bp.blogspot.com/-5N3W0vgM9mY/W3u05D06oHI/AAAAAAAAAw0/Nhd2qxE2P_0zK9PMtVF5AaUF2DbdvYzzQCLcBGAs/s1600/Cv_nPEYWYAAFQLQ.jpg"/>
    <meta itemprop="name" content="HAPPY DIWALI 2018 | आपको  दीपावली की शुभकामनाएं">
    <meta itemprop="description" content=" दीप जलते रहे मन से मन मिलते रहे
गिले सिकवे सारे मन से निकलते रहे
सारे विश्व मे सुख-शांति की प्रभात ले आये
ये दीपो का त्योहार खुशी की सोंगात ले आये">

<!----- Favicon ------>
<link rel="icon" type="image/png" sizes="32x32" href="https://2.bp.blogspot.com/-5N3W0vgM9mY/W3u05D06oHI/AAAAAAAAAw0/Nhd2qxE2P_0zK9PMtVF5AaUF2DbdvYzzQCLcBGAs/s1600/Cv_nPEYWYAAFQLQ.jpg">
<style>

/* Blue */
.info {
    border-color: #2196F3;
    color: dodgerblue
}

.info:hover {
    background: #2196F3;
    color: white;
}
.btn {
 background-color: #2196F3;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    cursor: pointer;
}

 i {
        color: #ff2323;
    }
input[type=name], select {
    width: 100%;
    padding: 12px 20px;
    margin: 4px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.footerbtn1 {

            display: block;
            line-height: 15px;
            position: fixed;
            right:0px;
            bottom:0px;
            height:40px;
         
border-radius: 15px;
  box-sizing: border-box;
  padding: 5px;
  background:#000099;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  width:40%;
 margin-right:10px;
            margin-right:30px;
            box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .3);
            animation: footer infinite linear 1s;
            -webkit-transform: translate3d(30%,0,0);
            transform: translate3d(30%,0,0);
            position: fixed;
         
}

.footerbtn1 :active {
            box-shadow: none
        }

        @-webkit-keyframes footer {
            from {
                -webkit-transform: rotateZ(0)
            }
            25% {
                -webkit-transform: rotateZ(1.5deg)
            }
            50% {
                -webkit-transform: rotateZ(0deg)
            }
            75% {
                -webkit-transform: rotateZ(-1.5deg)
            }
            to {
                -webkit-transform: rotateZ(0)
            }}
.footerbtn {

            display: block;
            line-height: 15px;
            position: fixed;
            left:0px;
            bottom:0px;
            height:40px;
         
border-radius: 15px;
  box-sizing: border-box;
  padding: 5px;
  background:#34af23;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  width:40%;
 margin-left:10px;
            margin-right:30px;
            box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .3);
            animation: footer infinite linear 1s;
            -webkit-transform: translate3d(30%,0,0);
            transform: translate3d(30%,0,0);
            position: fixed;
         
}

.footerbtn :active {
            box-shadow: none
        }

        @-webkit-keyframes footer {
            from {
                -webkit-transform: rotateZ(0)
            }
            25% {
                -webkit-transform: rotateZ(1.5deg)
            }
            50% {
                -webkit-transform: rotateZ(0deg)
            }
            75% {
                -webkit-transform: rotateZ(-1.5deg)
            }
            to {
                -webkit-transform: rotateZ(0)
            }}

@-webkit-keyframes jello {  from, 11.1%, to {    transform: none;  }
  22.2% {    transform: skewX(-12.5deg) skewY(-12.5deg);  }
  33.3% {    transform: skewX(6.25deg) skewY(6.25deg);  }
  44.4% {    transform: skewX(-3.125deg) skewY(-3.125deg);  }
  55.5% {    transform: skewX(1.5625deg) skewY(1.5625deg);  }
  66.6% {    transform: skewX(-0.78125deg) skewY(-0.78125deg);  }
  77.7% {    transform: skewX(0.390625deg) skewY(0.390625deg);  }
  88.8% {    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);  }}
.jello {  -webkit-animation: jello 3s infinite;  transform-origin: center; -webkit-animation-delay:6s}
@-webkit-keyframes hue {
  from {    -webkit-filter: hue-rotate(0deg);  }
  to {    -webkit-filter: hue-rotate(-360deg);  }}
    .m1{position:fixed;left:1%; width:auto;height:100%;top:1%;color:#000;}
    .m2{position:fixed;right:1%; width:auto;height:100%;top:1%;color:#000;}
.bubbles {
font-family: arial;
}

.bubbles hi {
font-family: 'Luckiest Guy', cursive;
color: black;
}

hi {
 font-size:2.5em;
 user-select:none;
}

hi span { display:inline-block; animation:float .2s ease-in-out infinite; }
 @keyframes float {
  0%,100%{ transform:none; }
  33%{ transform:translateY(-1px) rotate(-2deg); }
  66%{ transform:translateY(1px) rotate(2deg); }
}
body:hover span { animation:bounce .6s; }
@keyframes bounce {
  0%,100%{ transform:translate(0); }
  25%{ transform:rotateX(20deg) translateY(2px) rotate(-3deg); }
  50%{ transform:translateY(-20px) rotate(3deg) scale(1.1);  }
}

@import url(http://fonts.googleapis.com/css?family=Concert+One);

h1 {
  animation:glow 10s ease-in-out infinite;
}



* { box-sizing:border-box; }

figure {
  animation:wobble 5s ease-in-out infinite;
  transform-origin:center center;
  transform-style:preserve-3d;
}

@keyframes wobble {
  0%,100%{ transform:rotate3d(1,1,0,40deg); }
  25%{ transform:rotate3d(-1,1,0,40deg); }
  50%{ transform:rotate3d(-1,-1,0,40deg); }
  75%{ transform:rotate3d(1,-1,0,40deg); }
}

h1 {
  display:block;
  width:90%;
  line-height:1.5;
  font:900 35px 'Concert One', sans-serif;
  position:absolute;
  color:#fff;
}

@keyframes glow {
  0%,100%{ text-shadow:0 0 30px red; }
  25%{ text-shadow:0 0 30px orange; }
  50%{ text-shadow:0 0 30px forestgreen; }
  75%{ text-shadow:0 0 30px cyan; }
}

h1:nth-child(2){ transform:translateZ(5px); }
h1:nth-child(3){ transform:translateZ(10px);}
h1:nth-child(4){ transform:translateZ(15px); }
h1:nth-child(5){ transform:translateZ(20px); }
h1:nth-child(6){ transform:translateZ(25px); }
h1:nth-child(7){ transform:translateZ(30p.rock{animation:infinite 1s rock}
@keyframes rock {  0% {    transform: rotate(-1deg);  }
  50% {    transform: rotate(2deg);  }
  100% {    transform: rotate(-1deg);  }}x); }
h1:nth-child(8){ transform:translateZ(35px); }
h1:nth-child(9){ transform:translateZ(40px); }
h1:nth-child(10){ transform:translateZ(45px); }



.rock{animation:infinite 1s rock}
@keyframes rock {  0% {    transform: rotate(-1deg);  }
  50% {    transform: rotate(2deg);  }
  100% {    transform: rotate(-1deg);  }}

.fuck{animation:infinite 1s fuck}
@keyframes rock {  0% {    transform: rotate(-2deg);  }
  50% {    transform: rotate(2deg);  }
  100% {    transform: rotate(-2deg);  }}


h2 {
   font-size: 38px;
    text-align: center;
    color:#ffffff;
 
    animation: rock infinite 1s;
    font-family: 'Indie Flower', cursive;
    letter-spacing: 2px;
}

h3 {
    font-size: 48px;
    text-align: center;
    padding:1px;
    margin:1px;
    color: white;
    text-shadow: 1px 1px silver, -1px -1px blue;
    aanimation: fuck infinite 1s;
    font-family: 'Indie Flower', cursive;
    letter-spacing: 2px;
}

.cssload-preloader {
position: absolute;
top: 0px;
left: px;
right: 40px;
bottom: 20px;
z-index: 10;
}

.cssload-preloader > .cssload-preloader-box {
position: absolute;
height: 16px;
top: 50%;
left: 50%;
margin: -8px 0 0 -82px;
perspective: 110px;
-o-perspective: 110px;
-ms-perspective: 110px;
-webkit-perspective: 110px;
-moz-perspective: 110px;
}

.cssload-preloader .cssload-preloader-box > div {
position: relative;
width: 16px;
height: 16px;
background: rgb(204,204,204);
float: left;
text-align: center;
line-height: 16px;
font-family: Verdana;
font-size: 11px;
color: rgb(255,255,255);
}.cssload-preloader .cssload-preloader-box > div:nth-child(1) {
background: rgb(255,0,0);
margin-right: 8px;
animation: cssload-movement 690ms ease 0ms infinite alternate;
-o-animation: cssload-movement 690ms ease 0ms infinite alternate;
-ms-animation: cssload-movement 690ms ease 0ms infinite alternate;
-webkit-animation: cssload-movement 690ms ease 0ms infinite alternate;
-moz-animation: cssload-movement 690ms ease 0ms infinite alternate;
}




@keyframes cssload-movement {
from {
transform: scale(1.0) translateY(0px) rotateX(0deg);
box-shadow: 0 0 0 rgba(0,0,0,0);
}
to {
transform: scale(1.5) translateY(-14px) rotateX(45deg);
box-shadow: 0 14px 22px rgba(0,0,0,0.4);
background: rgb(51,153,255);
}
}

@-o-keyframes cssload-movement {
from {
-o-transform: scale(1.0) translateY(0px) rotateX(0deg);
box-shadow: 0 0 0 rgba(0,0,0,0);
}
to {
-o-transform: scale(1.5) translateY(-14px) rotateX(45deg);
box-shadow: 0 14px 22px rgba(0,0,0,0.4);
background: rgb(51,153,255);
}
}

@-ms-keyframes cssload-movement {
from {
-ms-transform: scale(1.0) translateY(0px) rotateX(0deg);
box-shadow: 0 0 0 rgba(0,0,0,0);
}
to {
-ms-transform: scale(1.5) translateY(-14px) rotateX(45deg);
box-shadow: 0 14px 22px rgba(0,0,0,0.4);
background: rgb(51,153,255);
}
}

@-webkit-keyframes cssload-movement {
from {
-webkit-transform: scale(1.0) translateY(0px) rotateX(0deg);
box-shadow: 0 0 0 rgba(0,0,0,0);
}
to {
-webkit-transform: scale(1.5) translateY(-14px) rotateX(45deg);
box-shadow: 0 14px 22px rgba(0,0,0,0.4);
background: rgb(51,153,255);
}
}

@-moz-keyframes cssload-movement {
from {
-moz-transform: scale(1.0) translateY(0px) rotateX(0deg);
box-shadow: 0 0 0 rgba(0,0,0,0);
}
to {
-moz-transform: scale(1.5) translateY(-14px) rotateX(45deg);
box-shadow: 0 14px 22px rgba(0,0,0,0.4);
background: rgb(51,153,255);
}
}
</style>
</head>
 <!----- Main Background ------>
<body style="background: url(https://2.bp.blogspot.com/-O-84SFbhuW0/W3u3-R48fXI/AAAAAAAAAx8/-cSnIG2UL14iqTVgxj9mAQ8ktFDMk3QlwCLcBGAs/s1600/Happy_diwali2.gif); background-color: #FFFFFF; ">



 <center>
 <!--- Header AdSense code Here (350x60 Display ads)--->

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- script 350 * 60 -->
<ins class="adsbygoogle"
     style="display:inline-block;width:350px;height:60px"
     data-ad-client="ca-pub-8981643770999199"
     data-ad-slot="1143076650"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</center>
 <center><span style="color: #ff077a;">▁ ▂ ▄ ▅ ▆ ▇दीपावली की शुभकामनाएं▇ ▆ ▅ ▄ ▂ ▁</center>
 <center><p id="demo" style="background-color: #FFFFFF"></p></center>
<!-------Festival Timer Design------>
 <center>
<div class="container">
    <div class="main-greeting">
<div align="center html2canvas-ignore">
     <div style="font-size: 18px; font-weight: 500; color: Black;">


            <div class="main_body"></center>
<!-- Enter Your Name Popup Window -->
<figure><center>
<h1 style="text-transform: uppercase;"><script type="text/javascript" language="Javascript">
                 var a=prompt("Please Enter Your Name-\
अपना नाम लिखे\n\n👇👇👇👇👇");
                 document.write(a);
                </script> </h1>
<h1 style="text-transform: uppercase;"><script type="text/javascript" language="Javascript">
                 
                    document.write(a);
                      </script> </h1>
<h1 style="text-transform: uppercase;"><script type="text/javascript" language="Javascript">
                 
                    document.write(a);
                      </script> </h1>
<h1 style="text-transform: uppercase;"><script type="text/javascript" language="Javascript">
                 
                    document.write(a);
                      </script></h1>
    <h1 style="text-transform: uppercase;"><script type="text/javascript" language="Javascript">
                 
                    document.write(a);
                      </script> </h1>
    <h1 style="text-transform: uppercase;"><script type="text/javascript" language="Javascript">
                 
                    document.write(a);
                      </script> </h1>
    <h1 style="text-transform: uppercase;"><script type="text/javascript" language="Javascript">
                 
                    document.write(a);
                      </script></h1>

</center></figure>

<!---- Snow falling Images ----->
<div class="vi" style="text-align: center;">
<img src="https://4.bp.blogspot.com/-bDsRnNg70h8/Wz-ARHl7l7I/AAAAAAAAATs/EcFk2-txASQtTfh4U_QGWoLIgK26d9A6QCLcBGAs/s1600/Snow.gif" class="swing1" alt="Snow" style="width: 100%; height:100px;">

<center>

<!--<h2>Main Center Image</h2>-->
<h3>Wishing You Happy Diwali</h3>
<h2>दीपावली की शुभकामनाएं</h2>
<div class="busi" style="text-align: center;">

<h2> <!----- Wishing Poem Here ----->
<p style="text-align: center; "><img src="https://3.bp.blogspot.com/-nP5Js6mWIlo/W3u06379goI/AAAAAAAAAxA/9b_B5VXdaRoWPrUwSbVYplrBpA9AYtWUwCLcBGAs/s1600/giphy1.gif" class="img-responsive" alt="Main Image" style="width: 265px; "></p>
</h2>
<p aling="center" style="background-color: #FFFFFF; font-size: 15px;color:#ff0000;"><b>
May the divine light of Diwali bring into your life peace, prosperity, happiness and good health.<br><strong>Happy Diwali</strong><br></b></p>

<p aling="center" style=" background-color: #000000; font-size: 15px;color:#ffffff;"><b>
दीप जलते रहे मन से मन मिलते रहे
गिले सिकवे सारे मन से निकलते रहे
सारे विश्व मे सुख-शांति की प्रभात ले आये
ये दीपो का त्योहार खुशी की सोंगात ले आये<br><strong>Happy Diwali</strong><br></b></p>

</div>

<center>
<!-- Center AdSense code Here (Responsive ads)-->

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- script 2 responsive -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-8981643770999199"
     data-ad-slot="4375744652"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</center>
<!----- Wishing Poem Here ----->
<h2> <img src="https://1.bp.blogspot.com/-pL4q5dY9wy4/W3u066KQjVI/AAAAAAAAAw8/8iGj5B9HWwMQrQegggqz2eE9FaCS1DjqwCLcBGAs/s1600/giphy.gif" class="img-responsive" alt="Main Image" style="width: 260px; ">
</h2>

<div class="busi"><p style="text-transform: uppercase; background-color: #ffffff"> <script type="text/javascript" language="Javascript">                                     
 document.write( "By - " +a);
                      </script><br></p>
<h2> <img src="https://3.bp.blogspot.com/-gJLR3GNKNLk/W3u07of6k5I/AAAAAAAAAxI/ACifdBT3S_EAPwx6lNgzIrVnqc0gXlPhgCLcBGAs/s1600/giphy3.gif" class="img-responsive" alt="Main Image" style="width: 260px; ">
</h2>



<!----Countdown time Setting ---->
<script>
// Set the date we're counting down to
var countDownDate = new Date("nov 7, 2018 00:00:00").getTime();

// Update the count down every 01 second
var x = setInterval(function() {

  // Get todays date and time
  var now = new Date().getTime();

  // Find the distance between now an the count down date
  var distance = countDownDate - now;

  // Time calculations for days, hours, minutes and seconds
  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  var seconds = Math.floor((distance % (1000 * 60)) / 1000);

  // Display the result in the element with id="demo"
  document.getElementById("demo").innerHTML = days + "<i> Days,</i> " + hours + " <i>Hrs,</i> "
  + minutes + "<i> Min,</i> " + seconds + "<i> Sec</i> ";

  // If the count down is finished, write some text
  if (distance < 0) {
    clearInterval(x);
    document.getElementById("demo").innerHTML = "Happy Diwali";
  }
}, 1000);
</script>       
</div>
</div>
<center>
<!-- Below AdSense Code Here (Link ads) -->

</center>

<br><br>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- text responsive as -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-8981643770999199"
     data-ad-slot="4852496614"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<center><h2>अपने दोस्तों को भी भेजें</h2></center>
<center style='background-color: #ffffff;'><img src="https://goo.gl/woDVuv" height="70px" width="110px"/>
</center>
<!---This Theme Edited and Designed By Tech Guru Manjit----->
<br></br>
<center>
 <a class="footerbtn" href="whatsapp://send?text=*दीपावली की शुभकामनाएं*   -
कह दो अंधेरों से कहीं और घर बना लें
मेरे मुल्क में रौशनी का सैलाब आया है.

★★♡Touch this Blue Line  Enter Your Name and See Magic♡ ★★

👉https://wishmetou.blogspot.com/" data-action="share/whatsapp/share"> <img width="22px" height="22px" src="https://goo.gl/ReKHXA"/>
 <b style="font-size: 26px;">Share</b>
</a>
 <a class="footerbtn1" href="https://www.facebook.com/sharer/sharer.php?u=https://wishmetou.blogspot.com/" target="_blank" title="Share this post on Facebook" class="facebook">

<img width="22px" height="22px" src="https://goo.gl/aam3wh"/>
 <b style="font-size: 26px;">Share</b>
 </a>
</center>
  </body>
</html>     



  • Now add your fully Approved  Adsense Account's ads code on the given place in the script code.
  • Change/replace website URLs (add own website link which you created, example:-https://votting-pool.blogspot.com/ )
  • After that Click On Save Theme
  • Now View Blog Your website after done everything successfully.
Finally, you Created your own event website now you can earn money through this website after sharing this website link. Thank you.
 If You have any problems/questions related to this post you can drop comments below or contact me on Instagram.


1 comment: