How to create a blog for free

Here you can get all the codes and material required for blogging for beginners.

About us
<style>/*<![CDATA[*/
/* About Author Page by Fineshop */
.aAthrP{font-size:0.9rem;color:#08102b}
.aAthrP svg{width:18px;height:18px;fill:none !important;stroke:#fefefe;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;margin-right:7px}
.webSts svg{stroke:#08102b}
.aAdm{padding:60px 0 20px 0}
.aAdm .aAdmC{justify-content:center;position:relative;display:flex;max-width:95%;margin:auto;padding:80px 30px 95px 30px;background-color:#fff;box-shadow:0 10px 40px rgba(149,157,165,.2);border-radius:20px}
.aAdmC img{position:absolute;top:-60px;background-color:#ffeaef;width:120px;height:120px;box-shadow:0 5px 20px rgba(0,0,0,.2);padding:0;border:7px solid #fff;border-radius:50%;pointer-events:none}
.aAdmD{text-align:center}
.aAdmD p{margin:0;line-height:1.7em}
.aAdmB{text-align:center;position:absolute;bottom:30px;left:0;right:0}
.aAdmB .btn{display:inline-flex;align-items:center;margin:0;padding:10px 15px;outline:0;border:0;border-radius:50px;line-height:20px;color:#fefefe;background-color:#482dff;font-size:13px;font-family:inherit;text-decoration:none;white-space:nowrap;overflow:hidden;max-width:100%;cursor:pointer;transition:all 0.3s ease}
.aAdmB .btn:hover{opacity:.8;transform:scale(0.97)}
.webStsH{margin:15px auto;text-align:center;font-size:1.7rem;font-weight:700;font-family:inherit}
.webSts{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center;margin:12px auto}
.webStsC{background-color:#fff;display:flex;justify-content:center;padding:8px;width:95%;margin:12px auto;box-shadow:0 5px 20px rgba(149,157,165,.2);border-radius:20px}
.webStsC .stats{height:80px;width:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0 35px}
.webStsC .statsNa{display:inline-flex;align-items:center;font-size:16px}
.webStsC .statsNu{font-family:inherit;font-size:30px;margin-top:6px;font-weight:normal}
.darkMode .aAthrP{color:#fefefe}
.darkMode .aAdmC{background-color:#252526;box-shadow:0 10px 40px rgba(0,0,0,.2)}
.darkMode .aAdmC img{background-image:linear-gradient(to top right,#363636,#717171);border-color:#252526;box-shadow:0 10px 40px rgba(0,0,0,.2)}
.darkMode .aAdmB .btn{background-color:#8775f5}
.darkMode .webStsC{background-color:#252526;box-shadow:0 5px 20px rgba(0,0,0,.2)}
.darkMode .webSts svg{stroke:#fefefe}
@media screen and (min-width:641px){.aAdm .aAdmC{max-width:97%} .webSts{flex-direction:row} .webStsC{max-width:46%;margin:12px}}
/*]]>*/</style>

<script>/*<![CDATA[*/ function webStats(json){document.write(parseInt(json.feed.openSearch$totalResults.$t,10))} /*]]>*/</script>

<!--[ About Author Page by Fineshop ]-->
<div class="aAthrP">
  <!--[ About Author ]-->
  <div class="aAdm">
    <div class="aAdmC">
      <!--[ Author Profile Picture ]-->
      <img alt="Gambar" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZqSZuw7X0UpSCd4vJBfSvVnpU9NoCVt9SKwK_q0kVXVqOXdyIF9xUpJ2pcdgz1i_8g2sU33odgDjsvUJZQ26FUCOG-igDh2YnsLmMmZ4UWc1LV6GWsBQAI6by1RBytWB4-t72-9JPu-YXwVgPZKjc9YlTEUf8zuPDkH9HhuatfoLfUah5bjEKPgk8PQ/s320/20220621_222619.jpg" />
      <!--[ Author Description ]-->
      <div class="aAdmD">
        <p>Hello 👋 My self anmol Sharma I am here with you all to connect you all with the gaming world.Let explore the gaming world with me come on let Go!</p>
      </div>
      <div class="aAdmB">
        <a class="btn" href="https://www.gamerzking.in/p/contact-us_16.html">
          <!--[ Button Icon ]-->
          <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g><path d="M104.10836,259.25648a5.81417,5.81417,0,0,0-8.34755-1.41453.97717.97717,0,0,1-1.17546,0,5.81416,5.81416,0,0,0-8.34752,1.4145,6.84387,6.84387,0,0,0,.137,7.53223c1.93424,2.97966,5.59943,7.87617,8.79824,7.87617s6.864-4.89654,8.79823-7.87618A6.84388,6.84388,0,0,0,104.10836,259.25648Z" transform="translate(-83.17308 -253.66485)"></path></g></svg>
          <!--[ Button Text ]-->
          contact Us
        </a>
      
      </div>
    </div>
  </div>

  <!--[ Stats Heading ]-->
  <h2 class="webStsH">Website Stats</h2>

  <!--[ Website Statistics ]-->
  <div class="webSts">
    <!--[ Posts Stats ]-->
    <div class="webStsC">
      <div class="stats">
        <div class="statsNa">
          <!--[ Icon ]-->
          <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g transform="translate(2.000000, 2.000000)"><path d="M10.0002,0.7501 C3.0632,0.7501 0.7502,3.0631 0.7502,10.0001 C0.7502,16.9371 3.0632,19.2501 10.0002,19.2501 C16.9372,19.2501 19.2502,16.9371 19.2502,10.0001"><path d="M17.5285,2.3038 L17.5285,2.3038 C16.5355,1.4248 15.0185,1.5168 14.1395,2.5098 C14.1395,2.5098 9.7705,7.4448 8.2555,9.1578 C6.7385,10.8698 7.8505,13.2348 7.8505,13.2348 C7.8505,13.2348 10.3545,14.0278 11.8485,12.3398 C13.3435,10.6518 17.7345,5.6928 17.7345,5.6928 C18.6135,4.6998 18.5205,3.1828 17.5285,2.3038 Z"><line x1="13.009" x2="16.604" y1="3.8008" y2="6.9838"></line></path></path></g></svg>
          <!--[ Stats Name ]-->
          Posts
        </div>
        <div class="statsNu">
          <!--[ Stats Number ]-->
          <script src="/feeds/posts/default?alt=json-in-script&amp;callback=webStats"></script>
        </div>
      </div>
    </div>
  
    <!--[ Comments Stats ]-->
    <div class="webStsC">
      <div class="stats">
        <div class="statsNa">
          <!--[ Icon ]-->
          <svg viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g transform="translate(2.000000, 2.000000)"><line x1="13.9394" x2="13.9484" y1="10.413" y2="10.413"><line x1="9.9304" x2="9.9394" y1="10.413" y2="10.413"><line x1="5.9214" x2="5.9304" y1="10.413" y2="10.413"><path d="M17.0710351,17.0698449 C14.0159481,20.1263505 9.48959549,20.7867004 5.78630747,19.074012 C5.23960769,18.8538953 1.70113357,19.8338667 0.933341969,19.0669763 C0.165550368,18.2990808 1.14639409,14.7601278 0.926307229,14.213354 C-0.787154393,10.5105699 -0.125888852,5.98259958 2.93020311,2.9270991 C6.83146881,-0.9756997 13.1697694,-0.9756997 17.0710351,2.9270991 C20.9803405,6.8359285 20.9723008,13.1680512 17.0710351,17.0698449 Z"></path></line></line></line></g></svg>
          <!--[ Stats Name ]-->
          Comments
        </div>
        <div class="statsNu">
          <!--[ Stats Number ]-->
          <script src="/feeds/comments/default?alt=json-in-script&amp;callback=webStats"></script>
        </div>
      </div>
    </div>
  </div>
</div>
Contact us
<div style="background-color:#eee; padding:12px; margin:5p; max-widthL: 100%; border-radius: 15px;"><br><h1 style="text-align: center; font-family: Sans-serif ;color:black;background: url(https://lh5.googleusercontent.com/proxy/8pFzttS9q8jwN_vA-_u7dSEDH2WlAZ4SA2YSEgzGWiqmdYhUejwgcv-nKmpx1hlwrL8oTVz1DfK_daTeAt_it_MHRA42jmPHFk-6smvJ5LocCs-5Pw=s0-d) repeat scroll 0% 0% transparent;">Contact Us</h1><br>

<h2 id='nothin' style="text-align: center; font-family: Sans-serif ; font-size: 23px;"> Wanna connect with us?</h2><br> <h3>You can do so through the below mentioned links.</h3><br>

<div>

<center><div class="container" style="display: flex; justify-content: space-evenly; max-width:fit-content; margin: auto;">

<div style="flex:1; margin-left:16px;max-width:100%;"><img src="https://cdn-icons-png.flaticon.com/512/4213/4213968.png" alt="" height="80" width="70">

<p style="font-family: Sans-serif ;">gzoneanmol@gmail.com</p>

</div>

<div style="flex:1;margin-left:16px;max-width:100%"><img loading="lazy" src="https://cdn-icons-png.flaticon.com/512/0/191.png" alt="" height="80" width="70">

<p style="font-family: Sans-serif ;">8670033276</p>

</div>

</div>

</center>

</div>

<center> <h3  class="nothing" style="font-family: Sans-serif ;">Find us on social media</h3><br>

<div class="container" style="display: flex;justify-content: space-evenly;max-width:fit-content;">

<br><div style="flex:1; margin-left:8px;"><a href=https://m.facebook.com/100056060868341/ target="_blank" rel="noopener noreferrer"><img src="https://upload.wikimedia.org/wikipedia/commons/4/44/Facebook_Logo.png" alt="" height="30" width=30"></a>

</div>

<div style="flex:1; margin-left:8px;"><a href=https://www.instagram.com/anmol137/ target="_blank" rel="noopener noreferrer"><img loading="lazy" src="https://www.pngkey.com/png/full/448-4486200_instagram-logo-circle.png" alt="" height="30" width="30"></a>

</div>

<div style="flex:1; margin-left:8px;"><a href=https://mobile.twitter.com/AnmolPoetry2 target="_blank" rel="noopener noreferrer"><img loading="lazy" src="https://upload.wikimedia.org/wikipedia/commons/c/ce/Twitter_Logo.png" alt="" height="30" width="30"></a>

</div>

</div><br>

</div><br><center><h3  id='nothngb' style="font-family: Sans-serif ;"><b>Thank You!</b></h3><br>

<h3  id='notgb' style=" font-family: Sans-serif ;">We will get back to you soon...</h3>

</center>

<br><br>
Sitemap
​<script type="text/javascript">

var postTitle = new Array();

var postUrl = new Array();

var postPublished = new Array();

var postDate = new Array();

var postLabels = new Array();

var postRecent = new Array();

var sortBy = "titleasc";

var numberfeed = 0;

function bloggersitemap(a) {

    function b() {

        if ("entry" in a.feed) {

            var d = a.feed.entry.length;

            numberfeed = d;

            ii = 0;

            for (var h = 0; h < d; h++) {

                var n = a.feed.entry[h];

                var e = n.title.$t;

                var m = n.published.$t.substring(0, 10);

                var j;

                for (var g = 0; g < n.link.length; g++) {

                    if (n.link[g].rel == "alternate") {

                        j = n.link[g].href;

                        break

                    }

                }

                var o = "";

                for (var g = 0; g < n.link.length; g++) {

                    if (n.link[g].rel == "enclosure") {

                        o = n.link[g].href;

                        break

                    }

                }

                var c = "";

                if ("category" in n) {

                    for (var g = 0; g < n.category.length; g++) {

                        c = n.category[g].term;

                        var f = c.lastIndexOf(";");

                        if (f != -1) {

                            c = c.substring(0, f)

                        }

                        postLabels[ii] = c;

                        postTitle[ii] = e;

                        postDate[ii] = m;

                        postUrl[ii] = j;

                        postPublished[ii] = o;

                        if (h < 10) {

                            postRecent[ii] = true

                        } else {

                            postRecent[ii] = false

                        }

                        ii = ii + 1

                    }

                }

            }

        }

    }

    b();

    sortBy = "titledesc";

    sortPosts(sortBy);

    sortlabel();

    displayToc();

}

function sortPosts(d) {

    function c(e, g) {

        var f = postTitle[e];

        postTitle[e] = postTitle[g];

        postTitle[g] = f;

        var f = postDate[e];

        postDate[e] = postDate[g];

        postDate[g] = f;

        var f = postUrl[e];

        postUrl[e] = postUrl[g];

        postUrl[g] = f;

        var f = postLabels[e];

        postLabels[e] = postLabels[g];

        postLabels[g] = f;

        var f = postPublished[e];

        postPublished[e] = postPublished[g];

        postPublished[g] = f;

        var f = postRecent[e];

        postRecent[e] = postRecent[g];

        postRecent[g] = f

    }

    for (var b = 0; b < postTitle.length - 1; b++) {

        for (var a = b + 1; a < postTitle.length; a++) {

            if (d == "titleasc") {

                if (postTitle[b] > postTitle[a]) {

                    c(b, a)

                }

            }

            if (d == "titledesc") {

                if (postTitle[b] < postTitle[a]) {

                    c(b, a)

                }

            }

            if (d == "dateoldest") {

                if (postDate[b] > postDate[a]) {

                    c(b, a)

                }

            }

            if (d == "datenewest") {

                if (postDate[b] < postDate[a]) {

                    c(b, a)

                }

            }

            if (d == "orderlabel") {

                if (postLabels[b] > postLabels[a]) {

                    c(b, a)

                }

            }

        }

    }

}

function sortlabel() {

    sortBy = "orderlabel";

    sortPosts(sortBy);

    var a = 0;

    var b = 0;

    while (b < postTitle.length) {

        temp1 = postLabels[b];

        firsti = a;

        do {

            a = a + 1

        } while (postLabels[a] == temp1);

        b = a;

        sortPosts2(firsti, a);

        if (b > postTitle.length) {

            break

        }

    }

}

function sortPosts2(d, c) {

    function e(f, h) {

        var g = postTitle[f];

        postTitle[f] = postTitle[h];

        postTitle[h] = g;

        var g = postDate[f];

        postDate[f] = postDate[h];

        postDate[h] = g;

        var g = postUrl[f];

        postUrl[f] = postUrl[h];

        postUrl[h] = g;

        var g = postLabels[f];

        postLabels[f] = postLabels[h];

        postLabels[h] = g;

        var g = postPublished[f];

        postPublished[f] = postPublished[h];

        postPublished[h] = g;

        var g = postRecent[f];

        postRecent[f] = postRecent[h];

        postRecent[h] = g

    }

    for (var b = d; b < c - 1; b++) {

        for (var a = b + 1; a < c; a++) {

            if (postTitle[b] > postTitle[a]) {

                e(b, a)

            }

        }

    }

}

function displayToc() {

    var a = 0;

    var b = 0;

    while (b < postTitle.length) {

        temp1 = postLabels[b];

        document.write("");

        document.write('<div class="post-archive"><h4>' + temp1 + '</h4><div class="ct-columns">');

        firsti = a;

        do {

            document.write("<p>");

            document.write('<a " href="' + postUrl[a] + '">' + postTitle[a] + "");

            if (postRecent[a] == true) {

                document.write(' - <strong><span>New!</span></strong>')

            }

            document.write("</a></p>");

            a = a + 1

        } while (postLabels[a] == temp1);

        b = a;

        document.write("</div></div>");

        sortPosts2(firsti, a);

        if (b > postTitle.length) {

            break

        }

    }

}

</script>

<script src="https://gamerzking.in/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=bloggersitemap" type="text/javascript"></script>