Instagrabber

Developer
Haeman
Size
7,997 Kb
Views
42,504
  1. Instagrabber Previews
  2. Instagrabber HTML Codes
  3. Instagrabber CSS Codes
  4. Instagrabber JS Codes

How do I make an instagrabber?

Change value "Photograph" to see other images tags results. i use YQL for fetch json data because direct to instagram API will null result !, i don't know how many request per-day API limit. so checkout !!!. What is a instagrabber? How do you make a instagrabber? This script and codes were developed by Haeman on 29 August 2022, Monday.

Instagrabber Previews
IQ Test

Instagrabber - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Instagrabber</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ /* Welcome to Compass. * In this file you should write your main styles. (or centralize your imports) * Import this file using the following HTML or equivalent: * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@import url(http://fonts.googleapis.com/css?family=Iceland);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline;
}
html { line-height: 1;
}
ol, ul { list-style: none;
}
table { border-collapse: collapse; border-spacing: 0;
}
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle;
}
q, blockquote { quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none;
}
a img { border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block;
}
body { background: #375680;
}
.panel { margin: 0px auto; width: 250px; height: 250px; background: #FFF9E3; background: -webkit-linear-gradient(top, #F3E2C5 0%, #F5EBD1 45%, #DBBF8C 120%); margin-top: 50px; border-radius: 15px; box-shadow: 0px -5px 0px #EBE5CF, 0px -16px 0px #707070, 0px -20px 0px #CDC7B1, 0px -25px 35px -5px rgba(0, 0, 0, 0.5) inset, 0px 10px 65px rgba(0, 0, 0, 0.5); position: relative;
}
.backyard { background: rgba(95, 57, 8, 0.25); bottom: 90px; position: absolute; left: 100px; top: 50px; right: 20px; border-radius: 3px; box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.5) inset; font-family: 'Iceland', cursive; text-transform: uppercase; color: #4B4B4B; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); padding: 10px 10px; padding-right: 25px;
}
.backyard p { background: #181818; float: left; padding: 4px 2px; font-size: 13px; box-shadow: 0px -2px 5px black inset;
}
.backyard p span { margin: 0px 5px; opacity: 0.8;
}
.backyard p span:nth-of-type(1) { color: #34A51F; text-shadow: 0px 0px 6px #28FF00; opacity: 1;
}
.backyard p.printed span:nth-of-type(1), .backyard p.proc span:nth-of-type(1) { color: #4B4B4B; text-shadow: none; opacity: 0.8;
}
.backyard p.printed span:nth-of-type(2), .backyard p.proc span:nth-of-type(2) { color: #34A51F; text-shadow: 0px 0px 6px #28FF00; opacity: 1;
}
.rainbow { position: absolute; top: -5px; left: 20px; width: 55px; height: 70px; background: #A221AD; background: -webkit-linear-gradient(left, #972c31 0%, #972c31 15%, #861500 15%, #861500 32%, #a85a10 33%, #a85a10 48%, #c3a529 48%, #c3a529 64%, #576b11 64%, #576b11 82%, #336064 82%, #336064 100%); box-shadow: 0px 10px 15px rgba(255, 255, 255, 0.21) inset, 0px 3px 5px -1px rgba(0, 0, 0, 0.81);
}
a { background: #B31812; width: 50px; height: 50px; border-radius: 100%; top: 75px; left: 25px; position: absolute; -webkit-transition: all 0.3s; box-shadow: 0px 5px 0px #61110E, 0px 5px 0px 5px #240C09, 0px 7px 0px 5px rgba(255, 255, 255, 0.5), 0px 5px 30px 0px black, 0px -5px 20px 0px rgba(255, 255, 255, 0.35) inset;
}
a:hover { background: #c72c26;
}
a:active { top: 77px; box-shadow: 0px 3px 0px #61110E, 0px 3px 0px 5px #240C09, 0px 5px 0px 5px rgba(255, 255, 255, 0.5), 0px 3px 30px 0px black, 0px -7px 20px 0px rgba(255, 255, 255, 0.35) inset;
}
.slot { left: 20px; height: 10px; background: black; position: absolute; box-shadow: 0px -2px 3px 1px #6D6D6D inset, 0px 1px 0px rgba(255, 255, 255, 0.48), 0px 0px 0px 10px rgba(0, 0, 0, 0.3); bottom: 45px; right: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.59);
}
input[type="text"] { font-family: 'Iceland', cursive; position: absolute; right: 17px; top: 2px; font-size: 25px; color: white; border: 0; border-bottom: 1px solid black; padding: 5px 5px; left: 98px; text-transform: uppercase; background: #242424; box-shadow: 0px -3px 4px #161616 inset, 0px 25px 15px -20px rgba(255, 255, 255, 0.5) inset, 0px 1px 0px white; outline: 0;
}
@-webkit-keyframes flowss { 0% { margin-top: -210px; } 90% { margin-top: 65px; } 95% { margin-top: 65px; } 96% { margin-top: 62px; } 97% { margin-top: 65px; } 100% { margin-top: 65px; }
}
@-webkit-keyframes effact { 0% { opacity: 0; } 20% { opacity: 1; } 90% { opacity: 0; } 100% { opacity: 0; }
}
.photo_slur { position: absolute; left: 20px; right: 20px; top: 195px; height: 200px;
}
.photo_slur > div { overflow: hidden; border-radius: 20px 20px 0px 0px; height: 305px;
}
.photo_slur .effect { left: 0; right: 0; position: absolute; height: 30px; background: -webkit-linear-gradient(top, black 0%, transparent 100%); bottom: 171px; opacity: 0;
}
.photo_slur img { width: 100%; float: left; margin-top: -210px;
}
.photo_slur .animesyen_f { -webkit-animation: effact linear 3s;
}
.photo_slur .animesyen { margin-top: 65px; -webkit-animation: flowss linear 3s; box-shadow: 0px 15px 30px -11px black;
}
.photo_slur .fixed { -webkit-transition: all 1s; top: 295px; left: 0; box-shadow: 0px 15px 30px -11px black; position: absolute; z-index: -1;
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body>	<div class='panel'>	<div class='rainbow'></div>	<input type="text" value="photograph"/>	<a href="javascript://"></a>	<div class='backyard'>	Process	<p class='prc'><span>OFF</span><span>ON</span></p>	Print status	<p class='stat'><span>OFF</span><span>ON</span></p>	</div>	<div class='slot'></div>	<div class='photo_slur'>	<div class='over'>	<img/>	</div>	<div class='effect'></div>	</div>	</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Instagrabber - Script Codes CSS Codes

/* Welcome to Compass. * In this file you should write your main styles. (or centralize your imports) * Import this file using the following HTML or equivalent: *  */
@import url(http://fonts.googleapis.com/css?family=Iceland);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline;
}
html { line-height: 1;
}
ol, ul { list-style: none;
}
table { border-collapse: collapse; border-spacing: 0;
}
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle;
}
q, blockquote { quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none;
}
a img { border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block;
}
body { background: #375680;
}
.panel { margin: 0px auto; width: 250px; height: 250px; background: #FFF9E3; background: -webkit-linear-gradient(top, #F3E2C5 0%, #F5EBD1 45%, #DBBF8C 120%); margin-top: 50px; border-radius: 15px; box-shadow: 0px -5px 0px #EBE5CF, 0px -16px 0px #707070, 0px -20px 0px #CDC7B1, 0px -25px 35px -5px rgba(0, 0, 0, 0.5) inset, 0px 10px 65px rgba(0, 0, 0, 0.5); position: relative;
}
.backyard { background: rgba(95, 57, 8, 0.25); bottom: 90px; position: absolute; left: 100px; top: 50px; right: 20px; border-radius: 3px; box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.5) inset; font-family: 'Iceland', cursive; text-transform: uppercase; color: #4B4B4B; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5); padding: 10px 10px; padding-right: 25px;
}
.backyard p { background: #181818; float: left; padding: 4px 2px; font-size: 13px; box-shadow: 0px -2px 5px black inset;
}
.backyard p span { margin: 0px 5px; opacity: 0.8;
}
.backyard p span:nth-of-type(1) { color: #34A51F; text-shadow: 0px 0px 6px #28FF00; opacity: 1;
}
.backyard p.printed span:nth-of-type(1), .backyard p.proc span:nth-of-type(1) { color: #4B4B4B; text-shadow: none; opacity: 0.8;
}
.backyard p.printed span:nth-of-type(2), .backyard p.proc span:nth-of-type(2) { color: #34A51F; text-shadow: 0px 0px 6px #28FF00; opacity: 1;
}
.rainbow { position: absolute; top: -5px; left: 20px; width: 55px; height: 70px; background: #A221AD; background: -webkit-linear-gradient(left, #972c31 0%, #972c31 15%, #861500 15%, #861500 32%, #a85a10 33%, #a85a10 48%, #c3a529 48%, #c3a529 64%, #576b11 64%, #576b11 82%, #336064 82%, #336064 100%); box-shadow: 0px 10px 15px rgba(255, 255, 255, 0.21) inset, 0px 3px 5px -1px rgba(0, 0, 0, 0.81);
}
a { background: #B31812; width: 50px; height: 50px; border-radius: 100%; top: 75px; left: 25px; position: absolute; -webkit-transition: all 0.3s; box-shadow: 0px 5px 0px #61110E, 0px 5px 0px 5px #240C09, 0px 7px 0px 5px rgba(255, 255, 255, 0.5), 0px 5px 30px 0px black, 0px -5px 20px 0px rgba(255, 255, 255, 0.35) inset;
}
a:hover { background: #c72c26;
}
a:active { top: 77px; box-shadow: 0px 3px 0px #61110E, 0px 3px 0px 5px #240C09, 0px 5px 0px 5px rgba(255, 255, 255, 0.5), 0px 3px 30px 0px black, 0px -7px 20px 0px rgba(255, 255, 255, 0.35) inset;
}
.slot { left: 20px; height: 10px; background: black; position: absolute; box-shadow: 0px -2px 3px 1px #6D6D6D inset, 0px 1px 0px rgba(255, 255, 255, 0.48), 0px 0px 0px 10px rgba(0, 0, 0, 0.3); bottom: 45px; right: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.59);
}
input[type="text"] { font-family: 'Iceland', cursive; position: absolute; right: 17px; top: 2px; font-size: 25px; color: white; border: 0; border-bottom: 1px solid black; padding: 5px 5px; left: 98px; text-transform: uppercase; background: #242424; box-shadow: 0px -3px 4px #161616 inset, 0px 25px 15px -20px rgba(255, 255, 255, 0.5) inset, 0px 1px 0px white; outline: 0;
}
@-webkit-keyframes flowss { 0% { margin-top: -210px; } 90% { margin-top: 65px; } 95% { margin-top: 65px; } 96% { margin-top: 62px; } 97% { margin-top: 65px; } 100% { margin-top: 65px; }
}
@-webkit-keyframes effact { 0% { opacity: 0; } 20% { opacity: 1; } 90% { opacity: 0; } 100% { opacity: 0; }
}
.photo_slur { position: absolute; left: 20px; right: 20px; top: 195px; height: 200px;
}
.photo_slur > div { overflow: hidden; border-radius: 20px 20px 0px 0px; height: 305px;
}
.photo_slur .effect { left: 0; right: 0; position: absolute; height: 30px; background: -webkit-linear-gradient(top, black 0%, transparent 100%); bottom: 171px; opacity: 0;
}
.photo_slur img { width: 100%; float: left; margin-top: -210px;
}
.photo_slur .animesyen_f { -webkit-animation: effact linear 3s;
}
.photo_slur .animesyen { margin-top: 65px; -webkit-animation: flowss linear 3s; box-shadow: 0px 15px 30px -11px black;
}
.photo_slur .fixed { -webkit-transition: all 1s; top: 295px; left: 0; box-shadow: 0px 15px 30px -11px black; position: absolute; z-index: -1;
}

Instagrabber - Script Codes JS Codes

$('.panel > a ').click(function(){	var str = 'cool';	var str = $('input[type="text"]').val();	$('.prc').addClass('proc');	$.getJSON('http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20json%20where%20url%3D%22https%3A%2F%2Fapi.instagram.com%2Fv1%2Ftags%2F'+encodeURIComponent(str)+'%2Fmedia%2Frecent%3Fclient_id%3D05a13ce3908d4d5a89f89c93134537b3%22%20and%20itemPath%20%3D%20%22json.data.images.low_resolution.url%22&format=json&diagnostics=false&callback=', function(datas) {	//gosong	if(datas.query.results.url[0]){	var rand = datas.query.results.url[Math.floor(Math.random()*datas.query.results.url.length)];	var image = $('<img />').error(function(){alert('failed Load Images');}).attr('src', rand).load(function(){	$('.photo_slur .over img:last-child').after("<img src='"+rand+"' class='active_p'/>");	$('.over img:last-child').prev().addClass('old');	$('.over img.old').css('left','-=220px');	$('.prc').removeClass('proc');	$('.effect').addClass('animesyen_f');	$('.over img.active_p').addClass('animesyen');	$('.stat').addClass('printed');	setTimeout(function(){	$('.effect').removeClass('animesyen_f');	$('.over img.active_p').addClass('fixed').removeClass('animesyen active_p');	$('.stat').removeClass('printed');	},3000);	});	}else{	$('.prc').removeClass('proc');	alert('failed Load Images');	}	});	});
Instagrabber - Script Codes
Instagrabber - Script Codes
Home Page Home
Developer Haeman
Username pedox
Uploaded August 29, 2022
Rating 4
Size 7,997 Kb
Views 42,504
Do you need developer help for Instagrabber?

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!

Haeman (pedox) Script Codes
Name
Lollipop Loading
Google Metro Flatten
Twitter info
Pure CSS3 Button
Thin Google Homepage
Keroppi
Windows 8 metro UI
Switch Button Single element
IOS 7 Icon
The Rainbow
Create amazing sales emails 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!