Instagram Follow Button

Developer
Alex Vazquez
Size
3,120 Kb
Views
22,264
  1. Instagram Follow Button Previews
  2. Instagram Follow Button HTML Codes
  3. Instagram Follow Button CSS Codes
  4. Instagram Follow Button JS Codes

How do I make an instagram follow button?

Forked from Andreas Storm's Pen Instagram Follow Button.. What is a instagram follow button? How do you make a instagram follow button? This script and codes were developed by Alex Vazquez on 14 December 2022, Wednesday.

Instagram Follow Button Previews
IQ Test

Instagram Follow Button - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Instagram Follow Button</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="share"> <div class="instagram"></div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='https://cdn.getshar.es/lib/0.8.0.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Instagram Follow Button - Script Codes CSS Codes

@import url("https://fonts.googleapis.com/css?family=OpenSans");
body { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-weight: 400; font-size: 12px; background: #f8f8f8; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;
}
.share { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
.getshare input[type="checkbox"] { display: none;
}
.getshare-counter { background: -webkit-linear-gradient(#6d96b5, #3f729b); background: -moz-linear-gradient(#6d96b5, #3f729b); background: -o-linear-gradient(#6d96b5, #3f729b); background: -ms-linear-gradient(#6d96b5, #3f729b); background: linear-gradient(#6d96b5, #3f729b); color: #fff; cursor: pointer; line-height: 24px; display: block; border-radius: 3px; padding: 0 5px 0px 25px; font-size: 14px; font-weight: 600;
}
.getshare-counter:before { content: ''; width: 14px; height: 100%; display: block; position: absolute; background: url("http://andreasstorm.com/lib/instagram.svg") no-repeat center center; -webkit-background-size: 14px; -moz-background-size: 14px; background-size: 14px; left: 5px;
}

Instagram Follow Button - Script Codes JS Codes

(function() { new GetShare({ root: $(".instagram"), network: "instagram", share: { id: "squarespace" } });
}).call(this);
Instagram Follow Button - Script Codes
Instagram Follow Button - Script Codes
Home Page Home
Developer Alex Vazquez
Username quezo
Uploaded December 14, 2022
Rating 3
Size 3,120 Kb
Views 22,264
Do you need developer help for Instagram Follow Button?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Alex Vazquez (quezo) Script Codes
Name
Event Bus Example using JQuery.
My Stolen Code Pen
DC.js Example Bar Chart
Angular 2 Example
A Wufoo Form
Code Pen Link Generator
A Pen by Alex Vazquez
Default DC.js Template
Redux Template
Maximizing the Height of a CodePen Embed
Create amazing love letters with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!