long time no post! and it looks like this one is a bit timely XD i've been meaning to share this instagram gallery code i've done like...ages back, maybe around august last year? but i never got around to doing it so now i'm paying my due and putting it right here for everyone's benefit ♥
now for some inevitable notes!
if you have any other questions, pls don't hesitate to get in touch with me! either through here or my magical dropbox. :3 enjoy!
[username] FOLLOWING
name optional profile/quote/lyrics/thing.
- ### posts
- ### followers
- ### following
LOAD MORE
now for some inevitable notes!
- this code actually makes for a nice cast list! here's mine if you guys are looking for ideas. if you'd like the code i used for my cast list (if you notice, it has some functioning links), pls get in touch with me and i shall send it over! ♥
- as you might observe from the code, this doesn't make use of the image tag. my intention for using div backgrounds instead is that it allows me to use the background-size:cover; property. meaning if you don't have time or you don't know jackshit about image editing, you can just look for a picture of any size (for maximum effect, make it larger than 290x290) and plug them in.
- the default orientation of this code is center from the top. for more options, pls refer to this. if you prefer my assistance, pls get in touch with me and i'll whip one out as quick as i can ♥
- here's a glossary of replaceable texts:
- [profile pic url] - the url for your profile pic (in the live demo, it's this
- [username] - your instagram username or whatever kind of username you want to display!
- name - i mean the one under [username]. basically your nickname or first name, etc.
- optional profile/quote/lyrics/thing. - self-explanatory
- ### - basically a number lol
- [image url] - the url of the photo in the gallery (in this live demo, the wild animal, the books, the cars, the city, etc)
- [alternate text] and [title text] - i always make it a habit to include the alt and title tags in my images and in the absence of any printed captions in this code, you can use this!
- the 'load more' obviously doesn't load more, lol. in my cast list, i linked it to my dropbox.
- for that matter, this is not an exact copy of the instagram gallery but it's close enough!
- i realized i didn't leave any line for credit bc doing so would ruin the effect i think? so it's up to you if you want to credit me! ♥
- pls be courteous towards your friends and put this under a cut, it's a huge code ♥
- images used for demo are from unsplash.com!
if you have any other questions, pls don't hesitate to get in touch with me! either through here or my magical dropbox. :3 enjoy!
Comments