LATEST ARTICLES

How to get Free hosting for lifetime

0
Hey there!Easily-Learn is here with a new post.
In this post you are going to learn how to get freehosting for lifetime
This is geniune and you can count on this post.
The website that is giving free webhost is https://legacyhosting.cf
It also offers many hosting plans very cheap for a year like 10$ per year and everything is unlimited.

 So, After going into the site click Order Hosting,


Next,Click order on the Free Cpanel Hosting


Next Enter the domain you want to host and click enter






Next page click Continue,

Next Click Checkout,




Next page you have to fill all your details and email id and create a password for your legacyhosting account and click "Complete Order".
After that you will have to click Click Here to Continue.
And you will see your dashboard,Click My Services.
You will see the account is activated.

Check Your mail,you would have a mail from the seller.


 Next you have to just configure your domain to LegacyHosting nameservers.
Thats it you have configured your new free webhosting account.

Thank you for the cooperation you had shown to watch this post.
Hope you have a good day.
If any problem occurs or any doubts kindly comment.
THANK YOU





How to get domains @2$ per year from Godaddy

0
Hey There!Easily-Learn is here with a new post.Hope you are all fine and doing well!
In this post we are going to see how to get domains @2$ from Godaddy.This offer works for every country almost.


First add the domain you want into your cart.

Next Click the option "Have a promo code?"
Next enter this promo code in the box:CJCRMN2CP and click apply.
Then Your going to see your domain price go to 2$.

Hope you enjoy this post.
Thanks You for watching this post and trying the method.
Have a Nice Day.


How to Add Image Zoom Plugin

0


Do you want to add Magnifying effect for image on your Website. Image Zoom Plugin is free and fast. This Plugin allow visitors to see image bigger. Follow this steps to add magnifying zoom plugin for image.


What is Elevate Zoom?


Elevate Zoom Plugin is responsible for Desktop, Tablet, IPhone, Windows Phone, Android Phone, etc. Elevate is a popular web development company.

How to Add Image Zoom Plugin

  1. Go To Bloggerclick Theme.
  2. Click Edit HTML Button.
  3. Just above </head> tag paste the following JS link

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script>
<script src='http://www.elevateweb.co.uk/wp-content/themes/radial/jquery.elevatezoom.min.js'></script>
<script>
 $("#zoom_07").elevateZoom({
  zoomType  : "lens",
  lensShape : "round",
  lensSize  : 100
});
</script>


       4. Add id="zoom_07" and remove s640 in URL, then paste URL in data-zoom-image=""

Example


<img id="zoom_07" src='https://1.bp.blogspot.com/-3UDiMZWpS1k/Wwp3fbWFviI/AAAAAAAAE2w/_zKa6S9vB5kwR4aV-dlFV0o6DrSf82BOgCLcBGAs/s400/How-to-Add-Image-Zoom-Widget-1.PNG' data-zoom-image="https://1.bp.blogspot.com/-3UDiMZWpS1k/Wwp3fbWFviI/AAAAAAAAE2w/_zKa6S9vB5kwR4aV-dlFV0o6DrSf82BOgCLcBGAs/How-to-Add-Image-Zoom-Widget-1.PNG" />

Tryout Examples

How to Add Your Website in Yandex

0


Do you want Russian visitors for your website? To Get Russian visitor you must submit your site in Russia's Most Popular Search Engine Yandex. Yandex webmaster tools help you to index your whole website. Follow the Steps Given below.

What is Yandex?



Yandex is an one of the popular search engine in Russia. It is the fifth popularist search engine in the world.Using Yandex you can get more visitors from Russians. Yandex had 17 offices from varies parts of the country. Yandex also a one of the largest Tech Company in Russia.

Steps To Add your website in Yandex

#1. First of all you Need Yandex Account To Submit Your Website. Create your Yandex Account.

#2. After creating your Yandex Account. Use this link to add your website https://webmaster.yandex.com/


#3. In the field, Enter your website URL and Click on "Add" button.


#4. Now the will verify your website ownership by adding meta tag. Copy the meta tag and Add this meta tag on your website above </head> tag.


#5. After Adding the code in website, click "Check" button to verify. Finally enter you website data.

That's it! your website is registered in Yandex.
So I hope you like this, do share with your friends. Leave a comment below if you have any relayed queries with this.

How To Add Newsletter Widget For Blogger

0
Today, I am going to share a New Plugin that will help your to send post updates to your regular viewers.

Newsletter is the most advanced newsletter plugin. It manages everything from user subscriptions to email automatons. Newsletter is one of the way to get regular viewers. And It also help us to inform your latest post.

Features

  • No Limit's.
  • Automated Newsletters.
  • Analyze.
  • Customizable Themes.

Steps To Add Newsletter Widget to your Blogger

  1. Go To Bloggerclick Layout.
  2. Click on 'Add a Gadget Link' .
  3. Select 'HTML/JavaScript' from the list.
  4. Copy and Paste the code into HTML/JavaScript widget.

Style 1


<div class="td-newsletter td-content-horiz-center td-fix-index">
   <div class="td-fix-index">
      <div class="td-image-wrap"><img src="https://lh3.googleusercontent.com/-7yyarwXztJE/WvAqv7MlfiI/AAAAAAAAE00/ved3KvWMbZMyYkUcypnNo7DWWy5PXGc7gCLcBGAs/tdn_pic_2.png"></div>
      <div class="td-info-wrap">
            <h3 class="td-title">Subscribe to our newsletter</h3>
            <p class="td-descr">To be updated with all the latest news, offers and special announcements.</p>
         <form class="td-form" action="http://feedburner.google.com/fb/a/mailverify?uri=EasilyLearn" method="post" target="_blank">
            <div class="td-input-wrap"><input type="email" name="email" placeholder="Your email address"></div>
            <div class="td-btn-wrap"><button type="submit" name="subscribe">Subscribe</button></div>
         </form>
      </div>
   </div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Roboto');
.td-content-horiz-center {
  text-align: center;
}
@media (max-width: 1018px) and (min-width: 768px) {
.td-newsletter {
    border: 1px solid #eee;
}
}
.td-newsletter {
  border: 1px solid #eee;
}
.td-fix-index {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
}
.td-image-wrap {
  background-color: #fff7c1;
  text-align: center;
  line-height: 0;
}
.td-info-wrap {
  padding: 30px 20px 38px;
}
.td-title {
  font-size: 22px!important;
  line-height: 2;
  font-weight: 900;
  margin-top: 0;
  margin-bottom: 13px;
  font-family: roboto,sans-serif;
  color: #111;
}
.td-descr {
  font-size: 14px;
  line-height: 1.5;
  color: #666;
  margin-top: 0;
  margin-bottom: 21px;
  font-family: Verdana,Geneva,sans-serif;
}
.td-newsletter .td-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.td-newsletter .td-input-wrap {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.td-newsletter input {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  border-right: 0;
  padding-left: 12px;
  padding-right: 12px;
  height: 42px;
  font-size: 12px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  line-height: 21px;
  color: #444;
  border: 1px solid #e1e1e1;
  width: 100%;
  max-width: 100%;
  padding: 3px 9px;
  font: inherit;
  margin: 0;
}
.td-btn-wrap {
  min-width: 100px;
}
.td-newsletter button {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  background-color: #f3b700;
  -webkit-appearance: none;
  outline: 0;
  width: 100%;
  height: 42px;
  padding: 0 18px;
  color: #fff;
  border: 0;
  font-size: 12px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  overflow: visible;
  align-items: flex-start;
  text-align: center;
}
.td-newsletter button:hover{background-color:#444}
</style>

Style 2


<div class="tdn-content-horiz-left td-fix-index td-newsletter">
   <div class="td-fix-index">
      <h3 class="td-title">Subscribe to our newsletter</h3>
      <p class="td-descr">To be updated with all the latest news, offers and special announcements.</p>
      <form class="td-form" action="http://feedburner.google.com/fb/a/mailverify?uri=EasilyLearn" method="post" target="_blank">
         <div class="td-input-wrap"><input type="email" name="email" placeholder="Your email address"></div>
         <div class="td-btn-wrap"><button type="submit" name="subscribe">Subscribe</button></div>
      </form>
   </div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Roboto');
.td-fix-index {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
}
.td-title {
    margin-top: 0;
    margin-bottom: 13px;
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    font-family: roboto,sans-serif;
    color: #111;
    margin: 6px 0;
}
.td-descr {
    font-size: 13px;
    line-height: 19px;
    color: #666;
    margin-top: 0;
    margin-bottom: 21px;
    font-family: Verdana,Geneva,sans-serif;
}
.td-newsletter .td-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.td-newsletter .td-input-wrap {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.td-newsletter input {
    border-right: 0;
    padding-left: 12px;
    padding-right: 12px;
    height: 42px;
    font-size: 12px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    line-height: 21px;
    color: #444;
    border: 1px solid #e1e1e1;
    width: 100%;
    max-width: 100%;
    font: inherit;
    margin: 0;
    padding: 3px 9px;
}
.td-btn-wrap {
  min-width: 100px;
}
.td-newsletter button {
    font-size: 12px;
    -webkit-appearance: none;
    outline: 0;
    width: 100%;
    height: 42px;
    padding: 0 18px;
    background-color: #4db2ec;
    color: #fff;
    border: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    text-transform: none;
    cursor: pointer;
    font: inherit;
    margin: 0;
    overflow: visible;
    transition: all .2s ease-in-out;
}
.td-newsletter button:hover{background-color:#f9bf61}
</style>

Style 3


<div class="tdn-content-horiz-left td-fix-index td-newsletter">
   <div class="td-fix-index">
      <h3 class="td-title">Subscribe to our newsletter</h3>
      <p class="td-descr">To be updated with all the latest news, offers and special announcements.</p>
      <form class="td-form" action="http://feedburner.google.com/fb/a/mailverify?uri=EasilyLearn" method="post" target="_blank">
         <div class="td-input-wrap"><input type="email" name="email" placeholder="Your email address"></div>
         <div class="td-btn-wrap"><button type="submit" name="subscribe">Subscribe</button></div>
      </form>
   </div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Roboto');
.td-newsletter {
    background-color: #f7f7f7!important;
    padding-top: 20px!important;
    padding-right: 20px!important;
    padding-bottom: 25px!important;
    padding-left: 20px!important;
    border-color: #eaeaea!important;
    border-style: solid!important;
    border-width: 0!important;
    position: relative;
}
.td-fix-index {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
}
.td-title {
    margin-top: 0;
    margin-bottom: 13px;
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    font-family: roboto,sans-serif;
    color: #111;
    margin: 6px 0;
}
.td-descr {
    font-size: 13px;
    line-height: 19px;
    color: #666;
    margin-top: 0;
    margin-bottom: 21px;
    font-family: Verdana,Geneva,sans-serif;
}
.td-newsletter .td-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.td-newsletter .td-input-wrap {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-bottom: 13px;
}
.td-newsletter input {
    padding-left: 12px;
    padding-right: 12px;
    height: 42px;
    font-size: 12px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    line-height: 21px;
    color: #444;
    border: 1px solid #e1e1e1;
    width: 100%;
    max-width: 100%;
    font: inherit;
    margin: 0;
    padding: 3px 9px;
}
.td-btn-wrap {
  min-width: 100px;
}
.td-newsletter button {
    font-size: 12px;
    -webkit-appearance: none;
    outline: 0;
    width: 100%;
    height: 42px;
    padding: 0 18px;
    background-color: #dd3737;
    color: #fff;
    border: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    text-transform: none;
    cursor: pointer;
    font: inherit;
    margin: 0;
    overflow: visible;
    transition: all .2s ease-in-out;
}
.td-newsletter button:hover{background-color: #222;}
</style>

Style 4


<div class="td-fix-index td-newsletter">
   <div class="td-fix-index">
      <div class="td-image-wrap">
        <img src="https://lh3.googleusercontent.com/-BYPMMXks708/WvAqvzFpsZI/AAAAAAAAE0w/eqPTTM2DE7AZaogiayTHKoefBnhoMtatgCLcBGAs/tdn_pic_1.png"/>
      </div>
      <h3 class="td-title">Subscribe to our newsletter</h3>
      <p class="td-descr">To be updated with all the latest news, offers and special announcements.</p>
      <form class="td-form" action="http://feedburner.google.com/fb/a/mailverify?uri=EasilyLearn" method="post" target="_blank">
         <div class="td-input-wrap"><input type="email" name="email" placeholder="Your email address"></div>
         <div class="td-btn-wrap"><button type="submit" name="subscribe">Subscribe</button></div>
      </form>
   </div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Roboto');
.td-fix-index {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
}
.td-image-wrap {
    background-color: #c3ecff;
    margin-bottom: 23px;
    text-align: center;
    line-height: 0;
}
.td-title {
    font-size: 36px;
    line-height: 1.2;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 13px;
    font-family: roboto,sans-serif;
    color: #111;
    margin: 6px 0;
}
.td-descr {
    font-size: 15px;
    line-height: 1.4;
    color: #666;
    margin-top: 0;
    margin-bottom: 21px;
    font-family: Verdana,Geneva,sans-serif;
}
.td-newsletter .td-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.td-newsletter .td-input-wrap {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.td-newsletter input {
    text-transform: uppercase;
    border-right: 0;
    padding-left: 12px;
    padding-right: 12px;
    height: 42px;
    font-size: 12px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    line-height: 21px;
    color: #444;
    border: 1px solid #e1e1e1;
    width: 100%;
    max-width: 100%;
    font: inherit;
    margin: 0;
    padding: 3px 9px;
}
.td-btn-wrap {
  min-width: 100px;
}
.td-newsletter button {
    text-transform: uppercase;
    outline: 0;
    width: 100%;
    height: 42px;
    padding: 0 18px;
    background-color: #4db2ec;
    color: #fff;
    border: 0;
-webkit-appearance: button;
    cursor: pointer;
    font-size: 12px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font: inherit;
    margin: 0;
    font-family: roboto,sans-serif;
}
.td-newsletter button:hover{background-color:#dd3737}
</style>

Style 5


<div class="td-fix-index td-newsletter">
   <div class="td-fix-index td-info-wrap">
      <h3 class="td-title">Subscribe to our newsletter</h3>
      <p class="td-descr">To be updated with all the latest news, offers and special announcements.</p>
      <form class="td-form" action="http://feedburner.google.com/fb/a/mailverify?uri=EasilyLearn" method="post" target="_blank">
         <div class="td-input-wrap"><input type="email" name="email" placeholder="Your email address"></div>
         <div class="td-btn-wrap"><button type="submit" name="subscribe">Subscribe</button></div>
      </form>
   </div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Roboto');
.td-newsletter {
    border-style: dashed!important;
    border: 1px solid #eee;
    border-width: 2px 2px 2px 2px!important;
}
.td-fix-index {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
}
.td-info-wrap {
    padding: 30px 20px 38px;
}
.td-title {
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 13px;
    font-family: roboto,sans-serif;
    color: #111;
    margin: 6px 0;
}
.td-descr {
    font-size: 13px;
    line-height: 19px;
    color: #666;
    margin-top: 0;
    margin-bottom: 21px;
    font-family: Verdana,Geneva,sans-serif;
}
.td-newsletter .td-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.td-newsletter .td-input-wrap {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.td-newsletter input {
    text-transform: uppercase;
    border-right: 0;
    padding-left: 12px;
    padding-right: 12px;
    height: 42px;
    font-size: 12px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    line-height: 21px;
    color: #444;
    border: 1px solid #e1e1e1;
    width: 100%;
    max-width: 100%;
    font: inherit;
    margin: 0;
    padding: 3px 9px;
}
.td-btn-wrap {
  min-width: 100px;
}
.td-newsletter button {
    text-transform: uppercase;
    outline: 0;
    width: 100%;
    height: 42px;
    padding: 0 18px;
    background-color: #5ec43c;
    color: #fff;
    border: 0;
   -webkit-appearance: button;
    cursor: pointer;
    font-size: 12px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font: inherit;
    margin: 0;
}
.td-newsletter button:hover{background-color:#46a327}
</style>

Style 6


<div class="td-fix-index td-newsletter">
   <div class="td-fix-index td-info-wrap">
      <h3 class="td-title">Subscribe to our newsletter</h3>
      <p class="td-descr">To be updated with all the latest news, offers and special announcements.</p>
      <form class="td-form" action="http://feedburner.google.com/fb/a/mailverify?uri=EasilyLearn" method="post" target="_blank">
         <div class="td-input-wrap"><input type="email" name="email" placeholder="Your email address"></div>
         <div class="td-btn-wrap"><button type="submit" name="subscribe">Subscribe</button></div>
      </form>
   </div>
</div>
<style>
@import url('https://fonts.googleapis.com/css?family=Roboto');
.td-newsletter {
padding-top: 10px!important;
    padding-right: 10px!important;
    background-color: #222;
    padding-bottom: 10px!important;
    padding-left: 10px!important;
}
.td-fix-index {
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
}
.td-info-wrap {
    padding: 30px 20px 38px;
}
.td-title {
    font-size: 32px;
    line-height: 1.1;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 13px;
    font-family: Open\ Sans;
    color: #fff;
    margin: 6px 0;
}
.td-descr {
    font-size: 15px;
    line-height: 1.4;
    color: #9e9e9e;
    margin-top: 0;
    margin-bottom: 21px;
    font-family: Verdana,Geneva,sans-serif;
}
.td-newsletter .td-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.td-newsletter .td-input-wrap {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-bottom: 13px;
}
.td-newsletter input {
    text-transform: uppercase;
    font-family: Open\ Sans;
    font-weight: 700;
    font-size: 13px;
    background-color: #333;
    border-color: #4a4a4a;
    color: #fff;
    height: 42px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding-left: 12px;
    padding-right: 12px;
    line-height: 21px;
    border: 1px solid #e1e1e1;
    width: 100%;
    max-width: 100%;
    padding: 3px 9px;
    font: inherit;
    margin: 0;
    overflow: visible;
}
.td-btn-wrap {
  min-width: 100px;
}
.td-newsletter button {
font-family: Open\ sans-serif;
    font-size: 13px!important;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #00649e;
    outline: 0;
    width: 100%;
    height: 42px;
    padding: 0 18px;
    color: #fff;
    border: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-appearance: button;
    cursor: pointer;
    font: inherit;
    margin: 0;
    overflow: visible;
}
.td-newsletter button:hover{background-color:#f3b700}
</style>

Save the widget.

That’s it! you are done.
So above is all about Newsletter Widget. With the above method, you can easily get more subscribers very easily. So I Hope you like this, do share with others too. Leave a comment below if you have any related queries with this.

How To Add Scroll Back To Top Button To Blogger

0

I am going to share a Plugin or Widget that will help you visitors to attract This features is now available in all website's but don’t worry this feature can now be add to your website.

Today I am here with the cool blogger widget that is "Back To Top". If your blog topic which has longer articles, then this widget is best work for you. So have a look on complete guide discussed below to proceed. This button will appears only when user's scroll down the button will be display on the page. Hide when on top, smoothly when clicked.

Features

  • Hides when on top
  • Scrolls up smoothly when clicked
  • Latest Model
  • Font Awesome Supported

Steps To Add Animated Back To Top Widget to your Blogger

  1. Go To Bloggerclick Layout.
  2. Click on 'Add a Gadget Link' .
  3. Select 'HTML/JavaScript' from the list.
  4. Copy and Paste the code into HTML/JavaScript widget.
<style>
.td-scroll-up {
  cursor: pointer;
  position: fixed;
  bottom: 4px;
  right: 5px;
  width: 40px;
  height: 40px;
  background-color: #4db2ec;
  z-index: 9999;
  transform: translate3d(0, 70px, 0);
  -webkit-transform: translate3d(0, 70px, 0);
  -moz-transform: translate3d(0, 70px, 0);
  -ms-transform: translate3d(0, 70px, 0);
  -o-transform: translate3d(0, 70px, 0);
  -webkit-transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s;
  -moz-transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s;
  -o-transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s;
  transition: transform 0.4s cubic-bezier(0.55, 0, 0.1, 1) 0s;
}
.td-scroll-up-visible {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}
.td-scroll-up .td-icon-menu-up {
  position: relative;
  color: #fff;
  font-size: 20px;
  display: block;
  text-align: center;
  width: 40px;
  top: 9px;
}
[class*="td-icon-"] {
  line-height: 1;
  text-align: center;
  display: inline-block;
}
.td-icon-menu-up:before {
  content: '\f077';
}
[class^="td-icon-"]:before, [class*=" td-icon-"]:before {
  font-family: 'FontAwesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</style>
<script>
// Back To Top
$(function(){
 $(document).on( 'scroll', function(){
  if ($(window).scrollTop() > 400) {
   $('.td-scroll-up').addClass('td-scroll-up-visible');
  } else {
   $('.td-scroll-up').removeClass('td-scroll-up-visible');
  }
 });
 $('.td-scroll-up').on('click', scrollToTop);
});
function scrollToTop() {
 verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0;
 element = $('body');
 offset = element.offset();
 offsetTop = offset.top;
 $('html, body').animate({scrollTop: offsetTop}, 500, 'linear');
}
</script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>
<link rel="stylesheet" href="https://use.fontawesome.com/faa0e86e08.css"/>
<div class="td-scroll-up">
  <i class="td-icon-menu-up"></i>
</div>





  • Save the widget.


  • That’s it!
    you are done. So above is all about Back To Top Widget. With the above method, you can easily get Back to Top button in your website very easily. So I Hope you like this, do share with others too. Leave a comment below if you have any related queries with this.

    The secret of the Internet - Dark web and Deep web

    0

    Internet information was divided into 3 parts

    1. Surface Web
    2. Dark web
    3. Deep web

    What is Surface Web?

    The Surface Web is the portion of the WWW(World Wide Web) that is readily available to the general public and searchable with Normal Web Search engines. which data are available in public is called surface web.

    EX: Google, Facebook, YouTube




    We are accessing only 4% of data in surface web.

    What is Deep Web?

    The deep web, invisible web, or hidden web are parts of the World Wild Web whose contents are not indexed by any Web Search Engines like Google, Bing, and Yahoo. Deep Web are not accessible. Content of the deep web can be located and accessed by the direct URL or IP address, and may require password or other security to access the public website or webpage.


    EX: Our personal data are stored in Unknown Server and It is secured by the Government. Data should be get to anyone. Officials are only have the link and accessibility to their Deep Web Website. Government, Bank, Navy, Army, New Weapon details are available in the internet but it is not accessible.

    Simple Example:

    If you are uploading photo in to the public website and put in the privacy mode. it is called as Deep Web, it is available in the internet but it is not accessible to others.

    Dark Web:


    The dark web is the World Wide Web content that exists on darknets, overlay networks that use the Internet but require specific software, configurations or authorization to access. It is mainly used for illegal things like selling weapons. It is easily accessible but not in normal browsers like Tor, Freenet, and I2P.  Dark web is strongly encrypted. To see that dates your browsers should also encrypted. Using Tor browser you IP will bounce in many regions. so, It cannot track your originality. it cannot be track the websites visited as well as website owners.

    Tor


    Tor is created because of Us Navy security reason. Tor is free software for enabling anonymous communication. The name is derived from an acronym for the original software project name "The Onion Router".

    So above all is About Types of Web .Hope you like this post, keep on sharing with others. Leave a comment below if you have any queries with this.