angel's profile picture

Published by

published
updated

Category: Web, HTML, Tech

basic tutorials for the new peoplez [mobile]

click here for desktop tutorial!

i see people repeat the same questions a lot, so i figure it'd help to just have a straightforward tutorial i could directly link people to

this is about very regular things, so you're probably not going to find anything cool here

feel free to ask about anything not on here, you're confused about, or if something isn't working properly for you! i enjoy helping when i can

fair warning i am going to repeat things a lot just so everything is clear as possible

more to be added!


(this may differ a bit from phone to phone but i believe it should be relatively the same thing)


PROFILE

- How to add a custom theme/layout:


1.

at the top with all the different links, click the one named "layout"


you'll see a ton of different layouts, tap on the one you want

remember to read the description to know about how you're allowed to use it!


2.

below will be a big box, select everything in it and copy it.

in this example i'm using bela's pink layout



3.

edit your profile and paste it into either your about me, or people i want to meet (it works either way)

save and it should show up!




if any of the code isn't working properly, random bits of code will show up like regular text in your profile like this:


if you're not sure how to fix it, there's no harm just taking it out since it's not working anyways!

(i purposely messed something up for this example! everything in this theme functions normally)






- How to add images/blinkies/stamps/gifs:


1.

first of all, you can't upload directly from your own files! you need an image link.

hold down on it so your options show up, and open image in new tab like so.



then copy the image url at the top, and that's your link!


if you can't do that, you'll need to download and upload your image elsewhere where you can copy a link! options include:

then you can copy it like mentioned before


2.

write this code into any of your blurbs or interest boxes:

<img src=".">

and replace the . with your link

save all and it should appear on your profile!


to change the size of it, add this code before the > symbol:

width="number%"

you need to replace "number" with an actual number of course. this just automatically scales the whole thing to be bigger with higher numbers and smaller with smaller numbers


if you want to change the width and height separately, you need to also add height="number%"

the units can also be px or em, i just find % to be the easiest









BLOG POSTS/BULLETINS

How to insert a picture:

1.

first of all, you can't upload directly from your own files! you need an image link.

hold down on it so your options show up, and open image in new tab like so.



then copy the image url at the top, and that's your link!


if you can't do that, you'll need to download and upload your image elsewhere where you can copy a link! options include:

then you can copy it like mentioned before


2.

then tap the insert image button (the highlighted one) at the top of your editing bar



it'll open this pop up, you can insert your link in the first bar (i pasted a link already in this screenshot, yours should be empty)

insert image pop up with a url box and a description box

the description box isn't necessary, but it's nice for people with screenreaders, also if your image doesn't show up then the text you put will instead


3.

just tap confirm! it should show up now






Changing the picture's size:

additionally if you're like, "hold on a minute this is way too big/small" there is a solution without having to literally reupload and link a resized version of the image!


1.

click the view html button highlighted here, it's the very first one

now your image has disappeared and everything is just text (html/code) like this

(and if you already wrote a bunch of other things, to find the code for your image easily go to "find in page" in your app browser options and write "img src" and it'll be highlighted)



2.

then you'll add this code before the > symbol: width="number%"

you need to replace "number" with an actual number of course. this just automatically scales the whole thing to be bigger with higher numbers and smaller with smaller numbers

i replaced the alt="" that was there before but you don't need to do that, it'll work just fine either way

if you want to change the width and height separately, you need to also add height="number%"

the units can also be px or em, i just find % to be the easiest


3.

tap the first button/eye icon at the top to see how it looks

you're done! change it as much as you need

this also applies to images anywhere else






How to insert a video:

as far as i know, the only way you can insert videos without links is youtube embeds but if anyone else knows otherwise, let me know

1.

copy this code:

<iframe src="https://www.youtube.com/embed/replacethis" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="" style="font-size: 12.8px; -webkit-text-size-adjust: 100%;" width="560" height="315" frameborder="0"></iframe>

2.

click the view html button highlighted here, it's the very first one

and paste it


3.

tap share on your youtube video, and copy link

now paste that link somewhere you can edit, and just grab everything after the last / like this

you don't need the rest of it, just that part



4.

now go back to your blog (still in html view) and paste the thing you just copied where it says "replacethis"



5.

tap the first button/eye icon at the top to see it

you're done! you can also do this on your profile

go into html again and change the numbers for height and width if you need to!


to change videos, copy the same part of the new video you want and paste it over the previous thing you pasted



6 Kudos

Comments

Displaying 1 of 1 comments ( View all | Add Comment )

Doug Silly Frog

Doug Silly Frog's profile picture

OMGGGG FINALLY I CAN UPLOAD IMAGENS FROM MOBILE THX!!!!


Report Comment