IP Address Script For Blogger

IP Address Script For Blogger – Hello Guys, In this post, I will tell you about how to create a Find IP Address Online Tool in blogger with the help of HTML, JS, and CSS. First of all, what is a IP Address, What is an IP Address Online tool are the questions which we will look at in this post.  Let’s look into it.

IP Address Script For Blogger

What Is An IP Address?

An Internet Protocol(IP) address is a numerical label assigned to each device connected to a computer network that uses the Internet Protocol for communication. All computers which are connected to the internet have unique IP Addresses.

An example of an IP address would be: 106.857.14.017

Now the online tool which tells you about the IP Address of any device is called IP Address Finder Tool.

Also Read: QR Code Generator Tool Script 

IP Address Script For Blogger

Below is the IP Address Script For Blogger. There are three separate codes for HTML, CSS, and javascript. You need to copy them one by one. Before this make sure to add the following code above </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>

CSS

<style>
  .responsive-table{overflow: auto}.post-body table tr:hover{background-color:#4fafe930}.post-body table td,.post-body table caption{font-size:18px;border:1px solid #4e4e4e;padding:10px;text-align:left;vertical-align:top}.post-body table th{border:1px solid #009abf;padding:10px;text-align:left;vertical-align:top}.post-body table.tr-caption-container{border:1px solid #23242a}.post-body th{font-weight:700}.post-body table caption{border:none;font-style:italic}.post-body td,.post-body th{vertical-align:top;text-align:left;font-size:14px;padding:3px 5px;border:1px solid #999}.post-body th{background:#00acd6;color:#fff}.post-body th:hover{background:#009fc6}.post-body td a:hover{color:#4fafe9}.post-body table.tr-caption-container td{border:none;padding:8px 0 8px 0}.post-body table.tr-caption-container,.post-body table.tr-caption-container img,.post-body img{max-width:100%;height:auto}.post-body li{list-style-type:square;margin: .5em 0px .5em 4px}.post-body td.tr-caption{color:#aaa;font-size:80%;padding:0 8px 8px!important}img{max-width:100%;height:auto;border:none}table{max-width:100%;width:100%;margin:1.5em auto}table.section-columns td.first.columns-cell{border-left:none}table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}table.columns-2 td.columns-cell{width:50%}table.columns-3 td.columns-cell{width:33.33%}table.columns-4 td.columns-cell{width:25%}table.section-columns td.columns-cell{vertical-align:top}table.tr-caption-container{padding:4px;margin-bottom:.5em;margin:0}td.tr-caption{font-size:80%}.widget ul{padding:0}
.ip-table{text-transform: uppercase}
h1,h2,h3,h4,h5,h6{font-weight: unset;}

</style>

HTML & JS

<div class="responsive-table ip-table">

<script>
    $.getJSON('https://ipapi.co/json/', function(data) {
        var txt = (JSON.stringify(data));
        var obj = JSON.parse(txt);
        var result = [];
        for(var i in obj){
            result.push([i, obj [i]]);
        }

        for(var i = 0; i <= result.length; i++) {
            if(i % 2 == 0){
         $("#myIp").append("<tr class='tr-background-dark'><td>"+ (i+1) +"</td><td>" + result[i][0] + "</td><td>" + result[i][1] + "</td></tr>");
            }
     else {
  $("#myIp").append("<tr><td>"+ (i+1) +"</td><td>" + result[i][0] + "</td><td>" + result[i][1] + "</td></tr>");
     }
   
        }
    });
</script><table>
<tbody id="myIp">



</tbody>
</table>

</div>

How To Use This Code In Blogger?

Most of you don’t understand programming languages and don’t know how to use external and inline code in our blog. So for them just copy these codes in ascending order and also paste them in ascending order.

  • First Sign In to Blogger dashboard.
  • Click on Page Option.
  • Create a New Page.
  • Click on HTML Section.
  • Paste these codes one by one on the same page.
  • Click on Publish and your tool is now ready.

Also Read:TIP Calculator Online Tool Script

Conclusion

That’s All. I hope that this will work for you and if not please tell in the comment box. I will try my best to fix any issue regarding this topic. Also, if found useful this post, IP Address Script For Blogger then share it on social media.

Nkcoderz.com is a website that provides you with information related to technology, entertainment, how-to, gadgets, and gaming, etc. We try our best to explain you. If you have any suggestions then kindly contact.

Leave a Comment

Copy link
Powered by Social Snap