Tumgik
#custom themes
support · 6 months
Text
Attention: Theme developers and blog customizers on web
We’ve made some big updates to our Custom Theme documentation to help you create themes that support our Neue Post Format (NPF) and un-nested reblog UI.
What’s New:
Example theme markup – which includes our un-nested reblog UI.
Updated “Reblogs” section with explanations and examples of how to use the un-nested reblog UI in your themes in favor of the old blockquote representation.
Clarification on how to support NPF with existing theme variables.
In case you missed it, we’ve updated the Theme Garden to feature a collection of NPF-compatible themes (marked with a red star).
Tumblr media
Want to learn more about how to customize your blog theme on web? Have a look at our Help Center article.
Learn more about how to submit your own themes to the Theme Garden for other people to use or purchase. Be sure to review our Theme Submission Guidelines beforehand! We’re looking forward to seeing your creations.
For bug reports and feature requests, please submit a ticket using our Support Form.
698 notes · View notes
ink-ghoul · 7 months
Text
I'm so sad that the art of customizing your tumblr blog has been lost
People used to share html codes and tutorials to add fun stuff to your page, custom themes, cursors, fandom banners, mp3 players. When entering someone's blog you would get blasted with their playlist
Tumblr girlies(gn) don't know how to html code anymore, what happened to society
942 notes · View notes
compassionately · 1 year
Text
Nostalgia 98 v1.0.2 Theme by France
Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media Tumblr media
(Click to see images) Previews: 1 & 2 Installation: Pastebin & Github
Features:
UI faithful to Win98 (of course)
Custom music player (instructions in code)
Basic links (archive, inbox) in the form of desktop folders, final folder clicks to show another pop-up with 3 custom link buttons
Sidebar, music, link tab, and folders can be clicked and dragged
Sidebar icon, music player and link tab images
5 image options for each folder link
Background, favicon, custom cursor images
Basic color options (text, link, background, selection)
Name input to appear on tabs' header
Custom two-tone tab header gradient
Options:
Custom cursor
Full background image
Heart shaped icon
Circle icon
Bold links
Link glow
Credit and more are included in the code ^_^
1K notes · View notes
nonspace · 1 year
Text
Tumblr media
Theme #11: Stereo
Blog Theme. Old web nostalgia.
↳ [GITHUB] | [THEME GARDEN]
Enable custom themes in your blog settings on web. Switch the “Custom theme” toggle on or off. For more information, find the help center article here.
Features:
Full height sidebar with image, title, user info and description
4 custom links
Accent color
3 Custom Google Fonts, font size, weight, line height
Post width selection: 300, 400, 500, 540 & 700px
Mobile responsive
Credits:
Feather Icons
Dummy texts are lyrics by The Midnight's "Ghost in your Stereo"
Edit and customise to your liking. Don’t repost/redistribute and/or claim as your own. Do not use as a base code. Leave the credit, thank you.
If you are having issues, take a look at this themes FAQ, or my general FAQ. Not finding anything? Send me a message. Please report any bugs to me by either opening an issue on GitHub or sending a message.
857 notes · View notes
wip · 4 months
Note
will custom themes ever be enabled by default again? if not, why not?
Answer: Hey, @soulofazazel!
So, as things stand, we don’t have any plans to change the default to custom themes, as this would add an extra signup step that most new users were essentially skipping by just accepting the default theme. 
However, enabling a custom theme will always be just one click away in your blog’s settings. 
We hope this helps, and thanks for your question!
76 notes · View notes
springbloggy · 6 months
Text
A lot of people ask why there isn't anyone installing tumblr themes anymore, besides mobile users here's my hurdles on trying to find tumblr themes that should shed light to hopefully inspire theme creators and those who want themes back. I don't mean this post to be discouraging...just something I found.
Most theme hunting blogs (such as theme hunters,code-hunters,etc.) have slow uploads or are dead outright. When I was theming way back when, these blogs had more active uploads, but now theyre kinda slow. You could count this with there not being many themes in general anymore, however I scroll through the tumblr theme tags and there's still a lot of themes that simply haven't been reblogged by these blogs. They stick in the tags where it may be harder for some to find them.
There's a lack of "cute" or "creative" themes. While there are some people that make really cool theme designs still, most themes tend to have the same minimalist layouts with similar looks. Long gone are the days where themes could look like this:
Tumblr media Tumblr media
While I get the want to make things eligible or responsive, it's still possible to match cute looks with eligible and/or responsive designs.
3. Lack of customization options
One of my favorite theme creators from way back when was Tuktut, Tuktut's themes have fairly standard designs, but they have so many customization options that it didn't matter. For example the sunny theme where Tuktut showcases 11 different photos on how you can customize it, with the potential for much more. Most themes have one or two looks minimum and that's it these days. It's overall blander for customization, looks, and takes away the wants or needs of the blogs.
4. Many dead blogs
There's an uncertainty with tumblr themes because many blogs that did/do create themes tend to jump ship to other blogs or die completely. How would a user know long term that the theme they installed will work long term or get help when the need it when the blog that created the theme dies?
5. Most unique and creative themes are inspired by the looks of other UIs rather than their own creative thing
Most themes that are creative I come across are inspired by UIs (User Interfaces) of other things, such as Windows XP, Macs, Google chrome, etc. Rather than their own creative spin on these ideas or something more unique. While those designs are great, it lessens the creativity of the theme landscape when there's 5 different themes based on Windows 95 but zero based on something more unique like an imaginary OS, imaginary video game, fictional creatures, etc.
6. Strong lack of fandom themes
Back then, there was a lot of fandom themes tied to people's favorite tv series and games. Especially during the SuperWhoLock days. However, now there are no longer themes dedicated to people's favorite blorbo, their blorbo's favorite snack or inspired by fan art of their blorbo eating blorbo's favorite snack while the blorbo browses the internet. If you see a blorbo in a theme it is set dressing at best. It brings less of a personal feel to themes.
These are just my opinions, and these don't apply to every modern theme or creator, but I feel like themes were a lot more interesting back in 2015 then they are today. I hope that my 6 points can provide some inspiration to creators rather than discouragement. I want to see more themes, not less.
85 notes · View notes
thatlethalsoul · 9 months
Text
New Users: How to view a custom blog theme (on desktop)
Right click on a user's icon ➡ open link in a new tab or window or Right click on a user's icon ➡ Copy Link ➡ Paste into URL and hit enter
What does NOT allow you to view a custom blog theme
Copy link to post ➡ Paste into URL and hit enter Share post ➡ copy link ➡ Paste into URL and hit enter
Note: Links look different when you are about to view a post on the dashboard vs on the user's blog directly
https://www.tumblr .com/(USER NAME) = View post on dashboard https://(USER NAME).tumblr .com/ = View post directly on user blog
On desktop you can quickly find a user's blog by typing their tumblr name into the above template, including your own!
I don't have one of these! How do I make a custom blog?
Simple! You just need to meet a few account privacy parameters and you're ready to go!
Visit your account settings
Click on the blog you want to make a custom theme for
Scroll down and activate "Enable custom theme"
MAKE SURE YOUR BLOG IS NOT HIDDEN. - If your blog is "Hidden from people without an account" and/or "hidden from search results", you can edit your blog's code all you want but you will be unable to visit it on desktop. - If these visibility requirements are not met, your blog will only be accessible through the dashboard to all tumblr users.
Why do I need to know this?
You don't! But it's worth knowing for those that care.
HTML custom blogs have been a staple of the tumblr ecosphere since the beginning of the website. Many users (especially legacy users, artists, and roleplay blogs) put a lot of time, effort, and care into their custom blogs to either express their individuality and creativity, make their portfolios easier to navigate, or both!
Part of what makes tumblr, well, tumblr, is and always has been the ability to create a custom blog that expresses who you are. Tumblr's one of the last bastions of social media that allows for this form of creativity, and there's an entire market of prefab blog themes made by tumblr both for free and purchase, as well as a whole community of users that make their own code for tumblr blogs if you search for it either in the tumblr search or on a search engine.
You don't even have to know HTML or CSS in order to get started because of how many people already make custom blog codes, free to use! But if you want to learn how to do it yourself, you can use it as a playground to spread your wings. If your code doesn't work, tumblr users can always still access your blog through the dashboard anyway, so there's little to no risk involved!
TLDR; Tumblr is one of the only places left on the internet that allows you freedom of individuality, so express yourself! Join the thousands of other tumblr bloggers that already have their own custom themes, and take a look around to see what others have made!
91 notes · View notes
anyhs-themes · 1 year
Photo
Tumblr media
Theme #002: October | by Anyh S.
┗ PREVIEW 👀 ┛
⤳ 💕 Please, like and/or reblog this post if you use this theme! Por favor, curta e/ou reblogue este post se for usar esse tema! ⤳ 💬 Contact me if you find any bug. Entre em contato se você encontrar algum bug.
Features/Características:
Customizable colors, fonts, links, icons, images and proportions;  Cores, fontes, links, ícones, imagens e proporções customizáveis;
Can be used in 1, 2, 3, 4 or 5 columns; Pode ser usado em 1, 2, 3, 4 ou 5 colunas;
Can be used with Infinite Scroll or Numbered Pagination; Pode ser usado com Rolagem Infinita ou Paginação Numerada;
Includes option to show/hide the number of likes on posts; Inclui opção de mostrar/esconder o número de likes nos posts;
Includes customizable Light/Dark mode; Inclui modo Claro/Escuro customizável;
It contains an option to hide captions for Image, Photoset and Video posts (click here to know more); Possui uma opção para esconder a descrição de posts de Imagem, Photoset e Vídeo (clique aqui para saber mais);
NPF compatible (works well with Tumblr’s new post format); Compatível com NPF (o novo formato de posts do Tumblr);
It contains Localization (the notes in the theme will show in the language you have set for your blog in its settings); Contém Localização (as notas no tema serão mostradas no idioma que você definiu para o seu blog em suas configurações);
Fully responsive (includes mobile version); Inteiramente responsivo (inclui versão móvel);
And more! E mais!
Download
267 notes · View notes
klywrites · 8 months
Text
How to add a page with custom theme
If you want to create a WIP page, character page, page for all your interests (e.g., reading or gaming catalogue, etc.) or whatever.
I tried to keep this as simple as possible; hope it's helpful!
Note: You can only do this on desktop. And this tutorial was made using the new tumblr layout.
Tumblr media
1. Go to Settings.
2. on the right side, under Blogs, click on the blog you want to add a page to.
3. In the middle you will see the basics of your blog that you can edit, such as appearance, enabling asks, choosing whether to show your likes/followers.
Where it says Custom Theme, click the slider to Enable custom theme.
4. Click on the Edit theme button that appears.
Next you will see a left sidebar where you can customize your main theme (theme of your entire blog). On the right side will be a preview of your blog.
Tumblr media
But that's a different tutorial. For now we want to create a page.
5. Scroll down and look for Add a page in the left sidebar.
Tumblr media
Once you add a page, you can give it the Standard Layout or a Custom Layout or Link.
You can choose which one in the top left corner of the box that appears.
Tumblr media
Standard Layout: The page will use your blog's main theme. If you just started out on tumblr you most likely have some default theme. You can type normally in this box, like you would when making a text post.
Link: The "page" can go to an external link.
Custom Layout: The page will have whatever theme you put here in code. Every page can have a different theme. It's great and fun.
6. Choose Custom Layout.
Paste your own code if you know how to make one. Or get one that's made already. Some places to find tumblr themes:
magnus themes
theme hunter
vault themes
shudesigns
glenthemes
You will find some instructions on how to use each theme. I do recommend knowing some basic HTML because it's useful.
7. Once you choose a theme you like, copy the theme's code. Usually the instructions will have a link to an external source like pastebin, where the code's text will be stored.
8. Paste the code in your Custom Layout box.
Tumblr media Tumblr media
9. Give your page a URL.
10. If you want, you can click the slider to Show a link to this page. If you enable it, a link to the page will appear on your homepage. In this case, give it a title.
Alternatively, you might be using a custom main theme and don't want the link to show up in its default way on your homepage because you would rather play around with the custom code. Or perhaps you want the page to be "secret" (e.g., it's available, but not ready to be shown). Or you might have minor pages and it doesn't really matter to you if people can find it or not. A page could be entirely just for you. In that case, disable Show a link to this page.
Tumblr media
You can click Update Preview to see how the page will look. This will show on the right side.
Tumblr media
12. When you're done, click Save.
Note 1: The preview isn't always accurate due to spacing constraints so I recommend having your new page open in another tab. (You must save it initially otherwise it won't exist.) So any time you make changes, save your code and see how it looks in another tab.
Edit code > save > open new tab > type in URL of your new page. Any time you make changes, refresh if changes don't show immediately.
Update Preview is good though for minor edits like font colour.
Note 2: If you exit custom theme editing, you will lose prior progress. So remember to save! But sometimes you don't know if you want to keep the changes you made. That's another reason I recommend having your new custom page open in a separate tab. If you exit custom theme, you won't be able to restore previous saves in the event you decide you actually prefer some previous changes. If you keep editing open, you can freely undo (ctrl+z) any changes you made and save when you're happy.
Congratulations you have added a page to your blog and given it a custom theme!
If you're unable to create/save a custom theme and you get the dumb javascript message (“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.”) go here on how to fix that.
45 notes · View notes
captainhoers · 1 year
Text
Good day new Tumblr blogs!
I have noticed many people making blogs in the last couple of months. The reasons are unimportant. Today I want to talk about:
✨ Tumblr Themes - A Public Service Announcement ✨
A standout feature of Tumblr that it looks like they’re trying to sweep under the rug is the ability to make your blog look like almost anything you want. The “default” Tumblr theme is, apparently, designed to look as much like Twitter as possible. You pick some colours, you pick a header, it’s dull, it’s drab, it’s boring. It looks like this.
Tumblr media
You can make it look like this!
Tumblr media
Or this!
Tumblr media
Or this, or literally infinite other things!
Tumblr media
Because there’s a world of themes out there that you can install off the shelf, or if you feel like it you can input CSS and do all the fun things that HTML and CSS let you do! All you have to do is go here..
Tumblr media
And enable this little checkbox. The “Edit Theme” button will appear and a world of possibilities will open.
Tumblr media
Enjoy having the design freedom of a custom webpage built into the architecture of an existing social network!
If you found this enlightening, please share it! Reblog, etc - I’m think a lot of newer tumblr users genuinely don’t know about this feature, or don’t know how to turn it on!
137 notes · View notes
eggdesign · 1 year
Text
If anyone has any NPF posts that usually get really messed up for them on their themes, please send them to me so I can test them! This would mainly apply to photosets, posts with a lot of different blocks, or with heavy formatting like with rp blogs.
I intend for the code I'm working on to be completely compatible with old and new posts (and maintaining the old photo post styling with the caption underneath the main photo or photoset) and I don't want to miss any scenarios.
63 notes · View notes
Text
Here’s a little accessibility/ease of use Tumblr thing a learned recently:
If you’re going directly to someones blog and they have a custom theme that makes it difficult/impossible to navigate, reblog, like, etc (ahem, like yours truly), swap where you’re putting their name in the URL. For example,
netscapenavigator-official.tumblr.com will give you my blog page under its custom theme.
tumblr.com/netscapenavigator-official will give you my blog page, but with the default Tumblr theme.
This (obviously) only works on desktop for people who use custom themes, but it’s just a fun little thing I found out and often use because a few of my favorite Sims 4 CC Creators have custom themes that behave oddly on my computer’s display resolution for some reason.
27 notes · View notes
chattering-crow · 7 months
Text
I've been seeing people talk about how we should bring back custom themes and I agree. I agree SOOO much. However if we do that we have got to put effort into making them accessible!!!
We have to be careful with gifs and blinkies and add warnings when possible (something I've seen people talk about needing to be better with outside of custom themes) also be careful with eye straining colors. I know sometimes I don't look at somebody's blog because it hurts my eyes/gives me a headache.
I also often will opt to not go on someone's blog on desktop because of visual clutter like when there are multiple columns it's hard to figure out what to pay attention to.
Admittedly I don't know a ton about screen readers and how exactly they work and I know I don't accommodate for them enough even personally. (but that's a problem!!) But I know enough that it's very easy to make your blog literally completely inaccessible if someone's using a screen reader.
basically: bring back custom themes, but better.
26 notes · View notes
crackaddict55 · 8 months
Text
Noob question :
How do people make custom themes for apps and websites ? How does one go about making their own ? Do you just mess with the html ???
I was browsing themes for obsidian the other day and like, how the hell did they make a cutesy pink theme. How.
48 notes · View notes
cartoonartistpng · 4 months
Text
Tumblr Link Icons
Making a list because it annoys me that I can't find any.
Context: These are for the Tumblr Themes thing.
Tumblr media Tumblr media
Basic Icons: [what to type in] = [description of the icon]
grid = four-square grid settings = gear upload = upload copy = copy edit = pencil on paper list = bulleted list icon link = chain link bookmark = bookmark/banner flag inbox = inbox send = paper airplane user = user/person icon search = magnifying glass clock = clock calendar = calendar map = map mail = envelope book = book tv = tv [unknown] = gaming controller bell = bell scissors = scissors tag = tag/hashtag(?) home = house gift = present video = film camera flag = waving flag wifi = wifi signal [unknown] = message bubble heart = heart eye = eyeball music = music note [unknown] = sparkles smile = smiley face frown = frowny face feather = feather moon = crescent moon sun = sun/brightness icon star = star [unknown] = Saturn cloud = cloud droplet = water droplet zap = lightning bolt wind = wind [unknown] = butterfly [unknown] = ghost square = square circle = circle triangle = upwards triangle x = "x" icon plus = "+" icon minus = "-" icon play = play button pause = pause button volume = sound volume icon
Socials:
twitter = Twitter (Bird) icon facebook = "f" icon twitch = Twitch icon instagram = Instagram icon [unknown] = Spotify icon
If anyone else knows of any others and wants to share, I'll add 'em.
14 notes · View notes
tenderplanet · 7 months
Text
to the anons who sent me asks about my theme 6 months ago .. im sorry this it took so long!!!
⭐ SIMPLE CUSTOM THEME 🌙
Tumblr media Tumblr media
CODE HERE — LIVE PREVIEW ON MY BLOG
features ↓
simple layout
toggle text size & sidebar position
responsive (shrinks on smaller screens)
avatar & reblog button rotate
sidebar image is automatically your avatar
custom background & favicon
custom bullet points
3 sidebar links
how to install a theme ↓
on desktop, go to tumblr.com/settings/blog
turn on the 'custom theme' toggle
click 'edit theme'
once in theme editor, click 'edit HTML' (top left corner)
delete all the text and replace with the custom theme code
change settings as desired
HIT SAVE
30 notes · View notes