Overview

This template consists of your username and profile image that you can change on the #instagram id.

• username: Your username.
• profile_img: URL of the profile image.

If you use more than once on the same page: change the id #instagram in style and the first div of the HTML.

Preview

Preview mode not available on mobile

Message

...

182 posts

398k followers

682 following

Cheddar Holts

A good boy and the best detective #99

Followed by jperalta ,asantiago , cholts + 398k more

162k 16k

<link
  rel="stylesheet"
  type="text/css"
  href="https://dl.dropbox.com/scl/fi/iqo9if3z32c16tun1e7gd/follow-me.css?rlkey=uor28kf39mkcptt0w8kr7agbn&st=77jeuwd5&dl=0"
/>

<style>
  #instagram {
    --username: "cheddar";
    --profile_img: url(https://pbs.twimg.com/media/EQsIqOVU4AAeeGX.jpg);
  }
</style>

<h1> Code </h1>
<div id="instagram">
    <div class="back_insta">
        <div class="picin_profile"></div>
        <div class="infos_insta">
            <div class="linein_insta">
                <h1></h1>
                <span class="insta_verify"> </span>
                <div class="infob_insta">Message</div>
                <div class="following_insta"></div>
                <div class="suggested_insta"></div>
                <span class="dotes_insta">... </span>
            </div>

            <div class="linein_insta">
                <b style="margin-left: 0px">182 </b> posts
                <div class="b_insta"><b>398k </b> followers</div>
                <div class="b_insta"><b>682 </b> following</div>
            </div>

            <div class="linein_insta" style="
            height: auto;
            flex-direction: column;
            align-items: flex-start;
            margin-top: -5px;
          ">
                <h3>Cheddar Holts</h3>
                <div class="des_insta">
                    A good boy and the best detective
                    <span class="tag_insta">#99 </span>
                </div>
            </div>

            <div class="linein_insta" style="font-size: 10px; color: #8e8e8e; cursor: pointer">
                Followed by <span class="follower_insta"> jperalta </span>,<span class="follower_insta">asantiago
                </span>, <span class="follower_insta">cholts</span> + 398k more
            </div>
        </div>

        <div class="wrphotos_insta">
            <div class="linein_insta" style="justify-content: center; width: 550px; margin-bottom: 5px">
                <div class="posts_insta"></div>
                <div class="tagged_insta"></div>
            </div>

            <div class="photo_insta" style="background-image: url(https://i.imgur.com/j074xNI.jpg)">
                <div class="numbers_insta">
                    <span class="likes_insta"> </span> 162k
                    <span class="comments_insta"> </span> 16k
                </div>
            </div>

            <div class="photo_insta" style="background-image: url(https://i.imgur.com/GV29tjP.jpg)">
                <div class="numbers_insta">
                    <span class="likes_insta"> </span> 162k
                    <span class="comments_insta"> </span> 16k
                </div>
            </div>

            <div class="photo_insta" style="background-image: url(https://i.imgur.com/cJ6nU80.jpg)">
                <div class="numbers_insta">
                    <span class="likes_insta"> </span> 162k
                    <span class="comments_insta"> </span> 16k
                </div>
            </div>

            <div class="photo_insta" style="background-image: url(https://i.imgur.com/UWJ92GX.jpg)">
                <div class="numbers_insta">
                    <span class="likes_insta"> </span> 162k
                    <span class="comments_insta"> </span> 16k
                </div>
            </div>

            <div class="photo_insta" style="background-image: url(https://i.imgur.com/ijcqpUx.jpg)">
                <div class="numbers_insta">
                    <span class="likes_insta"> </span> 162k
                    <span class="comments_insta"> </span> 16k
                </div>
            </div>

            <div class="photo_insta" style="background-image: url(https://i.imgur.com/YSAZTGn.jpg)">
                <div class="numbers_insta">
                    <span class="likes_insta"> </span> 162k
                    <span class="comments_insta"> </span> 16k
                </div>
            </div>

            <div class="photo_insta" style="background-image: url(https://i.imgur.com/XrJwDkf.jpg)">
                <div class="numbers_insta">
                    <span class="likes_insta"> </span> 162k
                    <span class="comments_insta"> </span> 16k
                </div>
            </div>
        </div>
        <a href="https://www.mytinyiglu.com/forum/Ice%20Bear" title="template by: Ice Bear">
            <div class="credit-insta"></div>
        </a>
    </div>
</div>

Add a picture

When adding a new picture, be sure it's before a "photo_insta" div or after with the last one properly closed (<*/div>).

<div class="photo_insta" style="background-image: url(https://i.imgur.com/j074xNI.jpg)">
    <div class="numbers_insta">
        <span class="likes_insta"> </span> 162k
        <span class="comments_insta"> </span> 16k
    </div>
</div>

To use a hashtag

<span class="tag_insta">#YourHashtag </span>

Add/Remove verify tag

The verify button is already in the code. You can remove it by removing the line of code below.

<span class="insta_verify"> </span>

Similar Templates