i dont have any requests but by chance do you know how to use the metadata options on rentry to make them look all pretty. your tutorials are always so easy to follow.. โแต_แต
RENTRY METADATA TUTORIAL (but only the metadata youโll actually use)
โโโโโโโโโโโโโโโโโโโโโ
okay but what is metadata?? Well, rentry uses markdown code, which is pretty basic code, yknow it allows you to add pictures, links, text, etc.
metadata is the little column at the bottom of your rentry editing page. It allows for a little more customization to be added to the rentry. Such as the title of your Rentry, font type/size/shadow, background image, border image, etc!
I suggest you read the rentry metadata docs! They can be confusing but youโll get the hang of it eventually :)
โโโโโโโโโโโโโโโโโโโโโ
Im not really explaining anything in depth, all the extra info is in the rentry metadata docs (above). Sorry idk if this tutorial is that helpful๐ญ
Iโll be making a rentry as I go through the tutorial. All adjustments are up to you, Iโm just showing the ones Iโm using.
โโโโโโโโโโโโโโโโโโโโโ
1. CONTAINER_INNER
The box where all your words/images/etc will go in the rentry!!
CONTAINER_PADDING: how far words will be from the edge of the container. I set this to CONTAINER_PADDING = 10px
CONTAINER_MAX_WIDTH: the max size your container will be. I set this to CONTAINER_MAX_WIDTH = 600px
CONTAINER_INNER_BACKGROUND_COLOR: Colour of your inner container. You can set it to transparent if you are adding an image into the container. I set this to CONTAINER_INNER_BACKGROUND_COLOR = transparent
CONTAINER_INNER_BACKGROUND_IMAGE: The background image on the inside of your container. I suggest using postimages to upload photos :D I set this to CONTAINER_INNER_BACKGROUND_IMAGE = [img link]
CONTAINER_INNER_BACKGROUND_IMAGE_REPEAT: If the image repeats inside the container, and how it repeats if so. I set this to CONTAINER_INNER_BACKGROUND_IMAGE_REPEAT = no-repeat
CONTAINER_INNER_BACKGROUND_IMAGE_POSITION: The position of the image within the container. I set this to CONTAINER_INNER_BACKGROUND_IMAGE_POSITION = center
CONTAINER_INNER_BACKGROUND_IMAGE_SIZE: how large the image will be in comparison to the container. I recommend putting this at the same size as CONTAINER_MAX_WIDTH. I set this to CONTAINER_INNER_BACKGROUND_IMAGE_SIZE = 600px
This is what my rentry looks like so far with all the inner-container adjustments :)
โโโโโโโโโโโโโโโโโโโโโ
2. CONTAINER_OUTER
quite literally the exact same as inner container except itโsโฆ outer. Iโll just quickly show what I adjusted it to.
CONTAINER_OUTER_BACKGROUND_COLOR = transparent CONTAINER_OUTER_BACKGROUND_IMAGE = [img url] CONTAINER_OUTER_BACKGROUND_IMAGE_REPEAT = no-repeat CONTAINER_OUTER_BACKGROUND_IMAGE_POSITION = center CONTAINER_OUTER_BACKGROUND_IMAGE_SIZE = cover
Yippe!!
โโโโโโโโโโโโโโโโโโโโโ
3. CONTAINER_BORDER
the frilly little border around your container!!
CONTAINER_BORDER_IMAGE: the image for the border!! There are a lot on tumblr under the #rentry border tag, Iโm using one from this post, but just recolouring it to my own liking. I set this to CONTAINER_BORDER_IMAGE = [img url]
CONTAINER_BORDER_IMAGE_SLICE: How many times the border image is chopped up along the edges (basically makes it bigger or smaller). I set this to CONTAINER_BORDER_IMAGE_SLICE = 25%
CONTAINER_BORDER_IMAGE_WIDTH: the thickness of the border. I set this to CONTAINER_BORDER_IMAGE_WIDTH = 30px
CONTAINER_BORDER_IMAGE_OUTSET: how far the border is from the edge of your container. The first number is how far it is from the sides, the second number is how far it is from the top and bottom. I set this to CONTAINER_BORDER_IMAGE_OUTSET = 4px 15px
CONTAINER_BORDER_IMAGE_REPEAT: If the border image repeats or not (I strongly recommend making it repeat). I set this to CONTAINER_BORDER_IMAGE_REPEAT = round
CONTAINER_BORDER_RADIUS: If you would like your container rounder or sharp! For a perfect square, use 0% and for a perfect circle, use 50%. For a rounder square, use a digit in between! I set this to CONTAINER_BORDER_RADIUS = 0%
Ahhh look at this cute border!!!
โโโโโโโโโโโโโโโโโโโโโ
4. CONTENT_TEXT
CONTENT_FONT: The font of all your text! Every permitted font can be found on Google fonts. If your font name has more than one word, for example Roboto Mono, it must be typed in as Roboto_Mono. I set this to CONTENT_FONT = Gaegu
CONTENT_FONT_WEIGHT: how thick the lines of your letters will be. Can be from 100 - 900. I set this to CONTENT_FONT_WEIGHT = 400
CONTENT_TEXT_SIZE: The size of your font! You can make this a lost more specific for each font type, that is explained in the metadata doc. The default font size is 16px. I set this to CONTENT_TEXT_SIZE = 18px
CONTENT_TEXT_DIRECTION: Which direction your text reads from. (Left to right or Right to left). Ltr is recommended for most languages, rtl is recommended for languages such as Arabic or Hebrew. I set this to CONTENT_TEXT_DIRECTION = ltr
CONTENT_TEXT_ALIGN: Where your text will automatically align (left, right, center, or justify). I recommend justify, which lets you specifically position each block of text within the markdown editing. I set this to CONTENT_TEXT_ALIGN = justify
CONTENT_TEXT_SHADOW_OFFSET: If you would like a little shadow beneath your text, this decides how far the shadow is from the text itself. First digit is for the x axis, second digit is for the y axis. I set this to: CONTENT_TEXT_SHADOW_OFFSET = 1px 1px
CONTENT_TEXT_SHADOW_BLUR: How blurred the shadow itself is. I set this to CONTENT_TEXT_SHADOW_BLUR = 4px
CONTENT_TEXT_SHADOW_COLOR: the colour of the shadow! I set this to CONTENT_TEXT_SHADOW_COLOR = #9D7178
CONTENT_TEXT_COLOR: Colour of the text itself. I set this to CONTENT_TEXT_COLOR = #4C393D
CONTENT_LINK_COLOR: The colour of links! If you donโt add tjis attribute, link colours will be the same as your chosen text colour. I set this to CONTENT_LINK_COLOR = #9B6972
Pretty font :D
โโโโโโโโโโโโโโโโโโโโโ
5. PAGE / EXTRA
PAGE_TITLE: The title at the top of your tab. I set this to PAGE_TITLE = Mooooo >_<
PAGE_ICON: The icon next to the title in your tab. I set this to PAGE_ICON = [img url]
the little R should be where the image I inserted isโฆ sometimes it takes a while to load though, thats why itโs default in the photo.
ACCESS_RECOMMENDED_THEME: Can be either light or dark. Sets the edit button, export button, and donate banner to either black or white. This can be changed manually, as well. I set this to ACCESS_RECOMMENDED_THEME = light
The buttons have changed to light. I can press the little sun to change my theme to dark, if wanted.
โโโโโโโโโโโโโโโโโโโโโ
all metadata used
PAGE_TITLE = Mooooo >_< PAGE_IMAGE = https://i.postimg.cc/qvbd6zPy/IMG-3953.png PAGE_ICON = https://i.postimg.cc/qvbd6zPy/IMG-3953.png ACCESS_RECOMMENDED_THEME = light CONTAINER_PADDING = 10px CONTAINER_MAX_WIDTH = 600px CONTAINER_INNER_BACKGROUND_COLOR = transparent CONTAINER_INNER_BACKGROUND_IMAGE = https://i.postimg.cc/441gzLth/IMG-3955.png CONTAINER_INNER_BACKGROUND_IMAGE_REPEAT = no-repeat CONTAINER_INNER_BACKGROUND_IMAGE_POSITION = center CONTAINER_INNER_BACKGROUND_IMAGE_SIZE = 600px CONTAINER_OUTER_BACKGROUND_IMAGE = https://i.postimg.cc/DyQsqbPk/IMG-3971.png
CONTAINER_OUTER_BACKGROUND_COLOR = transparent CONTAINER_OUTER_BACKGROUND_IMAGE_REPEAT = no-repeat CONTAINER_OUTER_BACKGROUND_IMAGE_POSITION = center CONTAINER_OUTER_BACKGROUND_IMAGE_SIZE = cover CONTAINER_BORDER_IMAGE = https://i.postimg.cc/3rpxvFJ5/IMG-3963.png CONTAINER_BORDER_IMAGE_SLICE = 25% CONTAINER_BORDER_IMAGE_WIDTH = 30px CONTAINER_BORDER_IMAGE_OUTSET = 4px 15px CONTAINER_BORDER_IMAGE_REPEAT = round CONTAINER_BORDER_RADIUS = 0% CONTENT_FONT = Gaegu CONTENT_FONT_WEIGHT = 400 CONTENT_TEXT_DIRECTION = ltr CONTENT_TEXT_SIZE = 18px CONTENT_TEXT_ALIGN = justify CONTENT_TEXT_SHADOW_COLOR = #9D7178 CONTENT_TEXT_SHADOW_OFFSET = 1px 1px CONTENT_TEXT_SHADOW_BLUR = 4px CONTENT_TEXT_COLOR = #4C393D CONTENT_LINK_COLOR = #9B6972
And here is the rentry!! I havenโt added any fancy markdown editing, but this is what it looks like with just the metadata!! I hope the tutorial/guide thingy was somewhat helpful. Basically, thereโs no specific โwayโ to do metadata. Just whatever you think looks good!! I also skipped over a LOTTT of metadata so refer to the metadata docs to see more!
heres the rentry btw (feel free to copy stuff from it!!)
Markdown tutorial