Add to your blog or site a device IP address tool

Wiki Article

If you own a Blogger blog and are looking for a way to add a professional, tech-focused touch to your site, creating a page that displays visitor information such as IP address, device type, and browser is a valuable and useful addition. In this article, we'll show you how to create this page in a few simple steps.



Why do I need an IP lookup page?

  1. It allows the visitor to find out their contact information.
  2. Useful for programmers and technical support providers.
  3. It gives a professional impression to your blog.

Steps to add a page to a Blogger blog

  1. Open the Blogger dashboard and go to the Pages section .
  2. Create a new page with a title like: Know your IP address .
  3. Click on the HTML view tab .
  4. Paste the following code into the editor:

<style>

.container {

    background: white;

    border-radius: 10px;

    padding: 20px;

    max-width: 600px;

    margin: 0 auto;

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

}

h1 {

    color: #2c3e50;

}

.info {

    text-align: right;

    margin: 15px 0;

    padding: 10px;

    background: #f9f9f9;

    border-radius: 5px;

}

strong {

    color: #e74c3c;

}

button {

    background: #3498db;

    color: white;

    border: none;

    padding: 10px 20px;

    border-radius: 5px;

    cursor: pointer;

    font-size: 16px;

    margin-top: 10px;

}

button:hover {

    background: #2980b9;

}

</style>

<div class="container">

    <h1>Your IP and device information ????</h1>

    <div id="ip-info"></div>

    <button id="copy-btn">Copy Information</button>

</div>

<script src="https://cdn.jsdelivr.net/gh/mr-abu-guda/blfym-scripts@refs/heads/main/script-ip.js"></script>

What does this code do?

The code displays visitor information (IP address, device type, browser, etc.) in a neat box. This data is loaded using a reliable external script without requiring advanced programming knowledge.

Additional tips

  1. Add a link to the page in the top menu or footer to make it easier to access.
  2. You can modify the colors and fonts to suit your blog's design.
  3. Make sure the script is constantly working and update it if the link changes.

This way you've added a useful and attractive page that enhances the professionalism of your blog. by blfym

Report this wiki page