Rei's Helpful Tips on Tumblr Codings

🎧 NPF audio player ⋆

On Tumblr's process of changing everything to NPF, staff has added metadata (details) to NPF audio inserts to reflect what was originally entered when it was posted. Unfortunately, they're unstyled for now, so I wrote a plugin that mimics the appearance of Tumblr's legacy audio player.

☆ Features:

functional play/pause buttons with customizable sizes and colors

[optional] preceding labels, e.g. "Track:" / "Artist:" / "Album"

[optional] placeholder text for empty fields, e.g. "Untitled Track"

shows album cover image if its comes with one, with customizable dimensions

customizable player padding and background color

☆ How to install:

Music Player Tab #08 by glenthemes

┈ a functional music player from my ᴍᴏɴsᴛᴇʀ theme that plays one song and comes with placeholders for an album image, song name, and artist name. Serves as an alternative option to players like Billy, SCMPlayer, Wikplayer, etc. 100% flash-free and jQuery-free.

Music Player #07 by glenthemes

A music player with a circular/radial progress indicator. Serves as an alternative option to players like Billy, SCMPlayer, Wikplayer, etc.

Music Player #06 by glenthemes

A minimalistic music player with a spinning vinyl [cr.] Speed can be adjusted. Serves as an alternative option to players like Billy, SCMPlayer, Wikplayer, etc.

Music Player Tab #05 by glenthemes

A slide-in music player widget that rests on either the left or right side of your screen. Featured in my Drizzle theme; released as an independent widget as suggested by anonymous. Serves as an alternative option to players like Billy, SCMPlayer, Wikplayer, etc.

Music Player Tab #04 by glenthemes

A music player widget that sits on the bottom left of your screen. Serves as an alternative option to players like Billy, SCMPlayer, Wikplayer, etc.

Music Player Tab #03 by glenthemes

A slide-up playlist music player on hover. Unlimited songs. Serves as an alternative option to players like Billy, SCMPlayer, Wikplayer, etc.

𝐀𝐮𝐠𝐮𝐬𝐭 𝟐𝟎𝟐𝟏: major update! now has autoplay options.

Music Player Tab #02 by glenthemes

A very simple music player that plays one song. Serves as an alternative option to players like Billy, SCMPlayer, Wikplayer, etc. Nothing fancy; no flash required.

Music Player Tab #01 by glenthemes

A slide-in music player tab serving as an alternative option to players like Billy, SCMPlayer, Wikplayer, etc. Only requires an audio file [e.g. mp3]. Limit to one song only.

✧ What is happening?

As of early May 2022, you might have gotten this message when trying to save edits on your custom pages or when trying to install new ones:

“Looks like you’re trying to add some Javascript or invalid html to your page. You’ll need to contact Support if you’d like to use Javascript.”

✧ Why is this happening?

Tumblr is preventing potential malicious uses of javascript and decided to ban any form of javascript on your pages, and for now the only way to re-enable it is to “contact Support”.

More info: https://help.tumblr.com/hc/en-us/articles/5869629271319

✧ How to contact support:

Just “contact Support” is vague enough in itself, so here’s a quick guide on what to write in your request to them so you can get approved asap. Please note that it may take some time for them to process your request. This exact method isn’t guaranteed, but here’s what I did that got me approved within a week.

🌟 To get started, make sure you have a FREE page ready. When asking staff for permission, you’ll need to send the code. If you plan on using a paid / premium page, just send in your request under a free page first. After that, you’re free to do whatever you want.

1. Go to https://www.tumblr.com/support

2. In the Category option, choose “Customizing your Tumblr”.

3. In the message box, include the following:

List out all the blogs you want to use custom pages on.

Give a brief description of what you use those blogs for.

The page name, and the maker’s username.

A link to the page code, aka where you got it from.

Most theme makers share them through Pastebin or Github.

Here’s a template:

(Remember the please & thankyous! Staff are flooded with requests right now so be mindful).

4. Skip the Attachment part, because you’re only allowed to upload images, and codes aren’t images.

5. For the Relevant Blog option, pick your main blog (the very first blog you created on your account)

6. For the Account Email, enter the email you use to sign in to Tumblr

7. Complete the Captcha and wait for the tick ✓ to show

8. Click Next.

9. You’ll reach the “Does any of this help?” screen. No, it does not. Scroll to the bottom and click “No, send my thing”.

And done! You’ll receive an automated confirmation email from staff that they’ve received your request. It may take them several weeks for an actual member of staff to get back to you, so be patient. However, there’s a chance that you may have been approved for javascript usage *before* they reply. So you can check your custom pages every now and then to see if you can save any edits, or if you can install any new pages.

*       ›     bRuTaL   —   BY LOVEGAMES .

it’s been a while … here’s brutal . i took a mini break from coding but i’ve recently fallen back into the swing of things so u should be expecting some regularly scheduled themes from me again . this is such a simple non contained theme but its packed with animations and font stylings so i hope u like it <3 let me know what u think , what u want to see , etc . like / reblog if u plan to use or if u just want to support !

*       ›     RULES   .

full rules are in the code .

don’t take parts and plug them into other creators codes .

don’t claim as your own .

don’t use as a base code .

don’t remove credit .

*       ›     FEATURES   .

2 sidebar images sized at 230x280 . second sidebar img appears on hover .

4 different header options .

aesthetic text options .

two blockquote stylings .

some fun svgs .

navigation tab with 6 links .

animations throughout .

visible source link .

optional grayscale via slider .

optional post bg + bg image .

*       ›     CREDITS  .

full credits are in the code .

tabs script + filter / fonts hosted / base code by : gordonramsei .

icons by : cappuccicons by suiomi .

imessage chat style by : animalities .

animations : animista .

[About page - Lukewarm] - preview | code | alt code

An about page that includes three sections to write about yourself, your skills, and an image gallery organized using css grid. The page also contains up to 3 custom links and a sidebar section where you can include a sidebar image and some quick info about yourself.

Extra notes

Customization instructions are in the code but having a basic understanding of HTML is highly recommended. 

Remember that by using my themes you have agreed to the terms of use

Icon fonts are from phosphor icons

Sidebar image is 350px width and 390px height

As for the image gallery section, only the 5th and 6th image will be sized at 210px width and 210px height. All the other images will automatically crop down to 100px width 100px height. The original image size has to be equal width and height and has to be at least 210px equal width and height or larger

Remaining credits are found in the code

theme i ; sunsets.  —  preview & code.

so this is overdue… really i’ve had this code ready for 4+ months but never got the time (or the courage) to actually set everything up and release it until now; please read the post on the preview! this theme can easily be tweaked to work with whatever you need, be it a main rp or an indie blog. let me know if something looks buggy or if you need help.

❛ ❪ ♡ ; FEATURES ｡

sidebar icon ( 80 x 80 px )  —  find the psd template here.

optional container background ( 553 x 407 px )

navigation page w/ a box for stats + an image ( 100 x 150 px )

muse page ( icons are 80 x 80 px )

embedded faq on the ask tab.

❛ ❪ ♡ ; TERMS ｡

please don’t copy bits of the code…. bl ease..

don’t use this theme as a base code.

edit away but don’t remove the credit.

theme ii ; egoist.  —  preview & code.

i’d like to thank loona and especially miss olivia hye for powering me through coding this. feel free to customize it however you want! it can work for indie and character blogs, as well as main rps. there’s a very very simple layout for individual muse pages too, and the only reason i didn’t release it separately is because it’s really minimal and looks better when used along with this theme. let me know if you find any bugs or need help. ♡

❛ ❪ ♡ ; FEATURES ｡

sidebar with optional path ( 215 x 442 px )  

optional container background ( 710 x 450 px )

navigation tab w/ six links + an image ( 250 x 127 px )

muse tab ( gifs are 70 x 70 px )

optional muse page layout ( preview & code )

optional embedded faq in the ask tab.

❛ ❪ ♡ ; TERMS ｡

again,, please don’t copy bits of the code.

don’t use this theme as a base code.

edit away but don’t remove the credit.

❛ / theme v; love shot. —  preview & code (raw).

sidebar image ( 140 x 140 px )

left image border ( 50 x 385 px )

navigation tab w/ six links + banner ( 280 x 140 px )

muse tab ( images are 130 x 58 px )

individual muse tabs with stats + six links

optional pinned post

❛ / terms of use.

please don’t copy or recreate bits of the code!

edit away but don’t remove the credit.

don’t use this theme as a base code.

feel free to give this post a like or reblog if you want !