#tumblr beta tutorial

[brekkersource]

how to use beta + trim reblogs

so! we all know about beta editor by now. for better or for worse, a lot of us are using tumblr's new beta editor, and it's likely that everyone will have no choice but to use it soon. this unfortunately means a lot of us can't use the new xkit to trim our roleplay posts. there have been a lot of posts explaining this and the benefits of xkit rewritten; this one, this one, and this one especially helped me understand what's going on. however, a lot of people still seem to be floundering around in the dark so i wanted to make a tutorial that sums up everything i've learned from other tutorials as well as my own trial and error.

if you want a step by step guide to trimming reblogs (with screenshots) as well as a brief overview of beta editor's pros and cons, keep reading.

the first step, obviously, is to switch to beta editor and install xkit rewritten. the posts linked above explain how and why so i won't go into detail here. trim reblogs is the new version of edit reblogs, and it looks like this. one of the best features is that you can use it even after posting your reply, so if something glitches or you forget to trim, you still have a chance to fix it.

once you have them, there are two different ways i've seen people use xkit rewritten to trim their posts.

1. seperate reblogs

this is, in my opinion, the best and easiest way to go about this. mun 1 makes a post, mun 2 reblogs it, and then mun 1 uses xkit rewritten to trim their original post from the thread.

however, this only works if the original post was made in beta. if you try to trim a post that was made in legacy, you get get a warning, and if you go ahead with it, it's going to glitch somehow. in my testing, my reply duplicated! which is very annoying. and despite what the warning says, repeating the trim usually does not last—even if it seems like it does at first.

2. (probably) copy and paste

this is more visually reminsicent of editable reblogs from new xkit. there might be an easier way to do this that i don't know about—if so, please let me know. the name kind of explains it all; a mun will copy and paste their partner's reply, indent it, and write their own below. then, obviously, they'll have to trim all the past reblogs of the post. this is especially good for people who like doing pretty headers or editing their partner's url to look pretty, you know what i'm talking about.

there is a glitch i have run into on my own blog a few times that i was unable to duplicate, so i've just taken a screenshot of my own blog with most of the information blanked out. if only one person if using beta, trim reblogs will still sometimes glitch and duplicate. i trimmed my reblog multiple times but every time i reloaded, my duplicated reply was back. please, please communicate with your partners. i know it's annoying and awkward but it will save everyone so much frustration. especially if you're clinging to legacy, please let your partners know so they can adjust accordingly—or consider switching to beta, even if just for that thread.

but beta is not all bad i promise

i know how frustrating this all is (i fully refused to do drafts for a few days once beta really started kicking in and new xkit stopped working for me), but i am slowly coming around to it.

tags are editable now! i cannot explain the joy i experienced when i first realized this. no more typing up a long, rambling tag only to notice a typo as soon as you've hit return. you can edit tags at any point—even when going back and editing an old post! does this mean that i have accidentally started editing a tag when i meant to move it? yes but it's worth it.

making the text small is so much easier now. no more going into html or command+option+shift! instead, it's available as an option right in between the italic and link buttons when you highlight text.

you can now edit the size and type of text very easily! this did confuse me at first when i couldn't find the indent button, but it's now in a toggle list; if you click on the regular tab when text is highlighted, there are a ton of options including indent, chat, lucille (whatever that means), bigger/biggest, and more.

however, it's not all great. but it's tumblr, what did we expect.

the most frustrating thing for me personally is that you can no longer copy and past an image link into your reply, or else the image url will be tagged on underneath it. it looks funky and isn't great if you don't want to download a million gifs. while i've just been downloading/dragging the gifs i want to use to desktop and uploading them to my reply, it's annoying to have to clean up my desktop and empty my computer's trash so i'm not wasting storage space. additionally, this does not work if the gifset is in a post rather than a page; the only option there is to copy and paste and simply put up with the image url. clicking "add image" and then pasting the image or dragging the gif from the page/post's tab into the tumblr tab and onto your reply still results in a url. if anyone has figured out a workaround for any of this please let me know; otherwise, i think we should all just agree to ignore the url if it shows up. update: thank you sm to anon for informing me of @rpclefairy's roleplay formatter! if you put the gif in their formatter, copy the source, and paste that into the post when it's in html mode, not rich text mode, the link is gone! and thanks to tumblr realizing this was annoying, if you click the little link icon that appears when you hover over an image, delete the url, and hit done so it saves, the url will be gone!

formatting is......weird now. if you make your paragraph text small and then decide to add another sentence, the new text won't be small. you'll have to edit it again. text that has been formatted (small, italic, bold, etc) will be highlighted in a very strange way when the cursor is in the formatted section. as far as i've been able to figure out, even after poking around a bit in the html, there's no way to change any of this. not to sound like a broken record here, but if you've found a way to change any of this, please let me know. otherwise i think we just have to put up with this bullshit.

there's always a chance that these things will be fixed; it is still just a beta system after all. for now, i think the best thing the community can do is communicate with partners, ask questions, and just accept that there's gonna be some weird shit going on and we're all doing our best.

if any of this changes i will update this post, but in the meantime, pls share if this helped or you want to share the word. and for the last time, if i've gotten anything wrong, just let me know and i'll update.

[fakehelper]

✦ Okay, I give in. Let's upload our gifs on the beta editor to prepare for a gif pack page. Resources are available at the bottom, so lets get started !!

So first things first, you can only upload 30 gifs at a time. Now for me, I will always upload as I gif, around every 20 gifs, then upload to the page (this also ensures I don't skip any or have doubles) and keep gifing. That used to mean that I don't have to wait for tumblr to load 300 gifs and die from impatience. For the rest of y'all that means you're going to have to batch upload. I know, I'm sorry.

Note: With the help of @nataliealynlind we discovered that the daily limit is 250 gifs! So if you have more than that, prepare to upload your gifs over the course of a couple days or use a second blog. (imo this is another great reason to upload as you gif! that way you don't have to get stuck at 250!)

So after you upload your gifs (in this case I only did 10)*, you're going to go to the gear at the top of your post and click it. Then scroll all the way to the bottom where it says Text Editor. This looks familiar, right?

*Note: If you don't save it as a draft first, your gifs will be in .gif format, not .gifv. This means you can skip removing this tag later on, but I'm not sure if gifs that are uploaded but never saved/drafted will later disappear at some point. To be safe, I would save it as a draft. I just forgot at this part tbh

Well the good news is, you only have to change this once! The bad news is, we don't do Markdown then HTML anymore bc Markdown doesn't strip any of the code anymore 🙃 So just change it to HTML

Now it should look like this! Fun!

Okay, now we're going to copy that text and take it on over to our new best friend, the HTML Cleaner! So you're going to want to paste it on the right side of the screen. Your gifs should appear on the left side. If both sides have text, that's how you know you pasted it on the left.

So in order to get ride of all this extra code, it's going to take a couple extra steps. First, you're going to check these boxes on the left hand side.

Now, on the right hand side, you're going to enter these under Find and Replace (copy/paste section below!!). I know you're like, uh what? Where the hell did you get those numbers? Well, I got them from our gif post code!

For easy copy pasting:

Find: <figure> Replace: (leave blank)

Find: </figure> Replace: (leave blank)

So after you add the specific widths for your gifs, you're also going to want to add the following:

Find: .gifv Replace: .gif

Find: alt="" Replace: (leave blank)

Find: /> < Replace: /><

NOTE: If your gifs are usually the same size, I would recommend saving these snippits above on your computer's sticky notes or a draft to copy/paste for future uploads! While I do appreciate the viewer traffic, I'm sure coming to this tutorial every time is gonna get old real fast.

After all that, click Clean HTML

And now, your code should look like this! If there's still a space between your image links, just click Clean HTML again and it should get rid of it!

Now your code is nice and clean to put into your gif pages! Not quite sure how to do that? Read the Setting Up Your Sidepage section in this older tutorial!!

Resources

HTML Cleaner

My Gif Pack Page Codes

Recommended Gif Pack Page Codes (tag)

Previous Tutorial (How to upload to a Standard Sidepage)

Barebones Code (for previous tutorial)

[grubbjuice]

1hr painting in 30 sec!

cute lil beta study 🫧

[makedamnsvre]

watching all of the internet kill itself . they werent lying abt enshittification

[steadfvsthearts]

TUTORIAL: cutting beta editor posts while mobile on android

hello everyone !! i stumbled upon this super easy and straightforward method to cut posts in the beta editor while mobile for android users and wanted to share !! it requires the installation of a mobile extension compatible browser (firefox or kiwi) and then everything else is done natively within the mobile browser version of tumblr itself. it uses the exact same process with xkit rewritten as the desktop browser site — no need to toggle back and forth between things. after the set up, you can use tumblr to roleplay on mobile almost identically as you do on desktop !! this method is currently only feasible on android. the bottom of this tutorial details what my friend and i tested on iphone for those interested in troubleshooting this for ios further. read on for the tutorial on how to set everything up !!

tldr; if you're an android user, you can install a mobile browser that will let you use xkit rewritten. this essentially lets you perform the same workflow as desktop on mobile to cut posts.

keywords: mobile rping, beta editor, cutting posts on mobile written 12.19.2023. edited 05.22.2024.

**WARNING** ANDROID ONLY TUTORIAL

this does NOT work with ios. this tutorial was written by a samsung galaxy user so all screenshots are specific to that phone, but it should all look very similar for other android users.

Step 1. Install a Mobile Extension-Compatible Browser

this method hinges on using a mobile browser that allows for the usage of chrome or firefox extensions on mobile.

firefox on android allows for use of many of their extensions on mobile, including xkit rewritten. there are also other integrations between their web and mobile interface as well. the european browser kiwi browser allows for installation of many google chrome-based extensions on mobile. it does not integrate to google chrome in any other way. if you choose kiwi, make sure the icon is of kiwi the bird not the fruit (shown below). pick whichever you like. i've tried both on my phone and in terms of mobile tumblr browser and xkit rewritten they appear to function identically for purposes of cutting posts.

Step 2. Install & set up XKit Rewritten

for firefox...

click the kebob menu (three vertical dots) in the upper righthand corner. click "add-ons". scroll to the bottom of the page that pops up and click "find more add-ons." search for xkit rewritten and click add to firefox. (sidenote: i also recommend picking up ublock and privacy badger while you're here).

once xkit rewritten is installed, go to tumblr.com in firefox and log into your account. we will now set up xkit rewritten. click the kebob menu and click "add-ons" again. there should be an arrow next to "add-ons" this time. clicking it will open the list of extensions added to firefox. find xkit rewritten and select it. this will open the configuration menu for xkit rewritten. scroll until you see the trim reblogs option with the green scissors icon and toggle it on.

for kiwi (google chrome extension compatible)...

navigate to the chrome extension store (https://chromewebstore.google.com). you may have to type this in manually or head to google and search for it. in the extension store, search for xkit rewritten. you will be taken to the usual chrome extension installation page as you are on desktop browser. go ahead and click 'add to chrome'.

go to tumblr.com in the kiwi browser and log into your account. we will now set up xkit rewritten. look for the kebab menu (three vertical dots) in the upper right hand corner of your screen and click it.

you will now see the browser settings. scroll all the way to the bottom. find the xkit rewritten option and click it. if after clicking the menu, you only see options for a new tab, incognito mode, settings, etc, make sure you are actively in a tab, not on the page that allows you to navigate between tabs. clicking xkit rewritten will open a configuration menu similar to the one on desktop browser. scroll through the options and toggle on trim reblogs, the one with green scissors icon (as well as any other desired xkit rewritten settings).

for both browsers...

refresh your tumblr page and navigate to your original posts. at the bottom of your posts you should now see the trim reblogs' scissors icon.

Step 3. write and cut a post

the set up is now complete !! you should now be able to write, draft, and cut a post as you do on desktop browser. a refresher : write your reply, draft/queue/schedule your post, navigate to where you drafted/queued the post, click the scissors icon, make sure the first box is checked, and click "trim!" . if you would like a more in depth tutorial on how to step through the actual cutting process with xkit rewritten's trim reblogs, check out my other beta/xkit rewritten tutorial here. the same technique of scheduling a post for a few minutes in the future, scheduling it, and clicking the green popup at the bottom of the screen will still take you directly to where the post is in your queue as it does on desktop !! images of how things look on mobile are below. you are also able to paste in a gif with the image link and remove the hyperlink text as you do on desktop.

Additional Tips

i find typing my reply in my notes app and formatting it there ( bold, italic, etc ) is much easier than trying to format in tumblr on mobile browser itself. i am able to copy and paste a reply from notes into a tumblr post with all formatting intact ( as long as i use the paste function that shows up by long-pressing in the tumblr post editing space ). this is true for both browsers covered in this tutorial. the only formatting i do in tumblr post is making my reply all small text. if the automatic floating mobile dialogue box on your phone ( the one containing copy, paste, select all, etc ) is blocking the built-in tumblr post formatting controls ( bold, italic, small text, etc ), you should be able to drag the floating mobile dialogue box around to a less annoying place. you then should be able to select the small text button and other tumblr formatting without issue. this is at least the case with a samsung galaxy. this ends the tutorial portion !!

Notes on iOS

it appears this method will not currently work with ios as apple restricts things with third party extensions in its app store. ( sorry iphone users, we really tried to make it work. take up complaints with apple ). here are the things my friend i tried to get xkit rewritten installed/working on an ios mobile browser.

1. firefox is not able to provide their extensions in ios. the mozilla support page notes: "Apple has created a proprietary iOS extension system which is incompatible with Firefox add-ons and extensions for Android, Mac, Windows and Linux." 2. the kiwi browser that shows in the apple store is not the same one as the one in google play. it should be an icon of kiwi the bird, not kiwi the fruit. the fruit one does not work. 3. we tried the orion browser on iphone and were able to get pretty far but no dice. they were able to install xkit rewritten through orion's firefox extension library but while the configuration menu showed, the xkit rewritten changes did not take on tumblr mobile browser. orion does admit not all extensions work at this time and this may change in the future. 4. another potential method is to get access to xkit rewritten by using chrome's remote desktop access (a tutorial here), but we did not try this.

if anyone is able to figure out a way to install and execute xkit rewritten on ios please feel free to write your own tutorial and please let me know — i would be happy to link it with this one. kindly, please also consider linking this one as a tutorial for android users in it as well.

this concludes the tutorial !! please give this a like and/or reblog if you found this useful. thank you for reading and happy rping !!

[rinwritingcorner]

May I ask the software you use to write?

Congratulations on getting so much done!

Thank you so much. And, of course.

I use the Reedsy Book Editor for all of my writing projects, and I've been using it for about three years now. I also have experience with other amazing softwares, and I would love to create more tutorials on them if you need me to.

Here's a quick tutorial on how to use the Reedsy Book Editor.

When you visit the website, the first thing you'll come across is this page. It's a completely free writing tool with a fantastic interface. All you need to do is sign up with your Google or Facebook account.

After you've completed the sign-up process and provided some information about yourself, you will be directed to this page. Please locate the "Books" option in the website's header.

Feel free to give your book/WIP (Work in progress) a title. Remember, it's okay if it's not your final title, as you can always change it in the settings of your book later.

Once you've created it, you can take your time and when you're ready, you can click "Write.”

Once you click "Write," you'll be directed to the next page. There, you'll find your chapters, the space to write your manuscript, and a sidebar with various helpful features provided by Reedsy.

Then, you can choose any name for your chapter that feels meaningful to you.

You can also track your writing goals for your specific manuscript or book. This feature provides insights into your writing habits, such as the days you've written and the number of words you've written. You can also set a target word count goal for the manuscript, and you also have the option to set manual writing goals. Additionally, you can check the word count in your current chapter from the bottom of the widget.

You have the option to set a deadline and choose the days that work best for you to write. This will help Reedsy estimate a realistic word count goal for you.

Remember that on Reedsy, there's a new beta feature that allows you to plan and outline your novel without having to leave the website. It offers note cards for you to jot down the plot and scenes from your novel, which can serve as a helpful guide and provide a simple outline to support your writing process.

Also, don’t forget the various features available to you when creating your book in Reedsy. For instance, you have the option to include preset formatted pages such as a dedication page and an epigraph that resonates with your story. These features can add a lot of value to your book, and I encourage you to explore them further.

Hopefully this can help you understand the basics of Reedsy Book Editor. One of my favorite writing softwares that is completely FREE!

Hey fellow writers! I'm super excited to share that I've launched a Tumblr community. I'm inviting all of you to join my community. All you have to do is fill out this Google form, and I'll personally send you an invitation to join the Write Right Society on Tumblr! Can't wait to see your posts!

[rpschtuff]

What is going on with cutting posts?

You may have seen some posts floating around lately about the beta editor and trimming reblogs, and possibly found yourself extremely confused trying to figure out what this tangled web of editors, extensions, and add-ons even means. I’ve been on this site for years, and I still find the whole thing terribly confusing.

So this post is my effort to explain everything -- legacy vs beta, New XKit vs XKit Rewritten, editable reblogs vs trim reblogs -- everything. This also doubles as a tutorial for the various methods of cutting posts.

TL;DR

Tumblr is in the process of switching to a new post editor that some old users have opted into, while new users have been forced into it.

The old Editable Reblogs extension does not work with this new editor, requiring people to use a new extension called Trim Reblogs.

Trim Reblogs and Editable Reblogs are not compatible. If your partner uses Editable Reblogs, you cannot cut their posts properly using Trim Reblogs (unless you’re willing to do some tedious and frankly unreasonable workarounds).

The only way for everyone in the RPC to cut their posts properly and efficiently is if everyone moves to the new system and uses Trim Reblogs. Clinging to the old system with Editable Reblogs is actively creating issues for the people using the new system -- some of whom do not have a choice.

Cutting Posts

Cutting posts is the act of removing older replies on a thread when reblogging it. This goes by several other terms, including trimming replies/reblogs or any variation of that wording, but I will be referring to it as cutting posts to avoid confusion with the Trim Reblogs extension, which will be coming up a lot.

Typically, when cutting a post, you only keep your latest reply and the reply from your partner that immediately precedes it. This means that instead of a thread looking like this...

It would like this:

Or like this, depending on the method used:

In either case, the first post is gone while the second and third post remain.

Cutting posts is done so that threads aren’t all extremely long on the dashboard. When there’s three short replies like this sample, it’s not that bad. But imagine a thread with twenty replies where each is several paragraphs long. That would require people to scroll and scroll and scroll to get past it. And since the same thread would be reblogged multiple times, your dash might become the same posts, over and over and over again, with only one new addition at the end each time.

Cutting posts is extremely common Tumblr RP etiquette. Many people won’t follow you if you don’t regularly cut replies, due to how irritating the alternative is.

Copy and Paste (Outdated)

Once upon a time, you used to be able to cut replies without any kind of extensions. Unfortunately, those days are gone.

That method worked as follows. You would go to reblog as usual...

Copy and paste the last reply, putting it in a blockquote (or using any other formatting you like, really), then add your own reply underneath.

Then you can simply hover over the older replies and click the red X in order to remove them.

And this used to work. But now, the very first post in a thread cannot be deleted -- only later reblogs can. This means that the first post will always stay above the others, no matter how far along in the thread you are.

So since cutting posts can’t be done normally, we have to rely on browser extensions. This is where things get complicated. And also where I need to explain the different editors.

Legacy vs Beta Editor

Every time you make or reblog a post, you are using Tumblr’s post editor to do so. This is the area where you type up your post, add images, etc. Tumblr has been using the same editor for several years now, and it’s called the legacy editor.

However, Tumblr has been slowly rolling out a new text editor, called the beta editor. You may remember the beta editor when it was first rolled out a couple years ago as a buggy, unstable mess -- that’s not the case anymore, and it’s no more buggy than the current editor. For text posts, it’s functionally pretty similar, and even has a few features that some of you might want, such as easy colored text and the ability to make posts non-rebloggable. (Photo and other posts are fairly different, and I know gif makers have some pretty understandable reservations and complaints about it, but I won’t be covering that here.)

Older users have the option to toggle between the legacy and beta editors at will, while new users (starting around November/December 2022) are locked into the beta editor and cannot switch back to legacy.

To check which editor you have, go to make a new text post and look in the top right corner.

If you see either of these:

You are using the legacy editor, with the option to switch between the two.

If you see this:

You are using the beta editor, with the option to switch between the two.

If you don’t see anything at all, you are using the beta editor, and cannot switch.

While the text interface of the two editors isn’t terribly different for roleplay purposes, the methods by which you need to trim reblogs are entirely different. Each requires a different extension -- specifically, a different version of XKit.

XKit

XKit is a browser extension designed to add features and functionality to Tumblr. It includes many quality of life features such as a mutual checker, better tag tracking, queue improvements, ad blocking, more detailed timestamps, and so much more. (It was preceded by a similar extension called Missing E, if you’ve been here long enough to remember that.) And among all of these many features is the ability to cut replies.

The original XKit is no longer in use, having stopped updates in 2015 and being entirely unusable now. However, a few new versions of XKit have popped up throughout the years.

New XKit & Editable Reblogs

A different team created New XKit as a successor to the original, a similar extension designed to restore many of the same features.

New XKit’s feature to cut posts is called Editable Reblogs. It works by adding a pencil button to the left of the post when you reblog.

Clicking that button will break the post’s formatting -- actually changing it to how Tumblr posts used to be formatted -- but allow it to be edited however you wish.

So in this instance, I could simply select the first reply and delete it before adding my new reply underneath.

Editable Reblogs is only available if you use the legacy editor. It does not work with the beta editor and does not even appear as an option.

XKit Rewritten & Trim Reblogs

In 2020, Tumblr began to roll out its updated dashboard, which is now permanently in effect for all users. While the new interface looks very similar, the code was actually entirely redone, and behind the scenes functions very differently from the older dashboard. As a result, some of New XKit’s features no longer work as intended -- though a few still do, such as Editable Reblogs.

In response, the New XKit team decided to similarly start from scratch and created XKit Rewritten, another iteration of the add-on with similar features once more. However, not all New XKit features are available on XKit Rewritten, and vice versa. Many people are running both extensions simultaneously to take advantage of features on both.

XKit Rewritten’s feature to cut posts is called Trim Reblogs, and it works completely differently than Editable Reblogs. With this, you first need to save the thread to your drafts with your reply already written.

You’ll see a scissors icon appear along the bottom of the post. Clicking that will open the trimming options, letting you select which previous reblogs to delete.

Clicking Trim will remove the selected reblogs.

You can then click post. You’ll note that this method preserves Tumblr’s formatting, as opposed to Editable Reblogs, which breaks it.

EDITED TO ADD: Apparently you don’t need to already have your reply written in your drafts anymore. You can save the post to your drafts without adding anything, use trim reblogs, then edit the post to add your reply. Either works fine.

This method does have two major issues, though. First, if the first post of a thread was created in the legacy editor, then the system gets really buggy and just doesn’t work.

This is what happened when I tried it out. Initially, it seemed to work as expected.

However, when I posted the reply, or simply refreshed my drafts, this happened.

Attempting to trim again simply caused this to repeat. There is no fix for this. This means that for this method to work, both you and your partners need to be using the beta editor.

EDITED TO ADD: You can fix this double posting by either using trim reblogs before adding your reply, or by adding your reply, using trim reblogs as intended, refreshing your drafts, editing the post, and clicking the red X to remove the first of the double postings. I have a better guide here.

The only other alternative is to move the thread to a fresh post when you reply, so that the new first post was made with the beta editor. Then you can cut future reblogs of the post using Trim Reblogs as normal.

However, the other major issue is that if your partner uses Editable Reblogs, you cannot use Trim Reblogs as intended. Let me show you why.

Say I want to reply to this post.

I’ll add my reply and save it to my drafts, as before.

You may have spotted the issue already. The first and second replies are now “combined” so that Tumblr sees them as a single post. We want the post to be interpreted like this, so that I can remove the oldest reply while still keeping the one immediately prior to mine.

But Trim Reblogs can only see it like this.

When I go to trim reblogs, I can only remove the previous replies as an entire unit. I can’t remove just the oldest reply and keep the one immediately prior -- either it all stays or it all goes.

This is admittedly better than nothing. However, most people do want to keep their partner’s previous reply for reference, and just to have on their blog. This means a lot of people using Trim Reblogs simply don’t cut their partner’s posts at all.

You might be able to get around this issue by combining it with the outdated cut and paste method I described above. When saving to your drafts, paste your partner’s last reply above your own, using a blockquote or whatever formatting you like to separate the two.

You can then use Trim Reblogs to remove the first post, leaving only your copy pasted reply. The formatting is broken, but it’s at least workable.

However, this will only work if the very first post of the thread was made with the beta editor -- since people using Editable Reblogs have to be using the legacy editor, you’re likely to still run into issues on a lot of posts. Which can again be solved by moving the thread to a fresh post made with the beta editor, but at this point we’re stacking so many issues on top of each other that I really can’t blame you if you just don’t want to bother with any of them.

All of this brings me to...

It’s time for the RPC to collectively switch to the new system

I’ve stuck to the legacy editor myself due to the issues described above -- using Trim Reblogs when everyone else still uses Editable Reblogs is an enormous pain that I don’t want to deal with. Even as I make this post advocating for people to switch, I’m dreading actually doing it, because I know that most of my partners still use the old system and I will have nothing but headaches.

But the thing is, everyone refusing to switch is what’s creating the headaches in the first place. If we all moved to the new system together, these issues would simply disappear, and we would all be able to effortlessly cut our posts using Trim Reblogs without ever having to worry about it again.

The RPC needs to collectively make the switch, for two reasons.

First, Tumblr is going to switch everyone to beta eventually. Refusing to switch now is really just delaying the inevitable -- it’s not a question of if you’re going to be forced into the new system, but when. By switching now, you can go ahead and get used to it and start giving feedback to both Tumblr and the XKit Rewritten team if you find anything buggy or broken.

Second, as I said above, new users are locked into beta, with no option to switch back to legacy. Trim Reblogs is their only option for cutting posts -- and as long as most of their partners are using Editable Reblogs instead, they cannot cut their posts properly. Their only option is to use a series of increasingly ridiculous workarounds that most people won’t understand. The fact that it took me 1500 words just to explain everything should tell you how confusing the whole thing is -- you can’t be that surprised when a lot of people, upon realizing that they can’t cut posts without a whole lot of tedium, decide to just not bother cutting them at all. The best way for everyone to be able to cut their posts properly and efficiently is for everyone to be on the same system.

Yes, the beta editor is different. It has some weird quirks. It will be a bit of a learning curve to get used to a new system of replying to threads. But this is a change that’s going to happen eventually, and is a change that needs to happen for a lot of people to able to cut their posts properly.

(It’s also worth noting that -- assuming you still have the option to switch -- you may be able to toggle between the two systems during the adjustment period. I haven’t been able to test this yet, but I see no reason it wouldn’t work. Use Trim Reblogs whenever possible, and especially for the partners that have already made the switch. But when you get to a reply that it just won’t work for, toggle back to the legacy editor and use Editable Reblogs just for that thread. It’s a bit annoying, but it could be the middle ground needed to help people start making the switch. And once the majority of the RPC is on the new system, then this won’t be an issue anymore.)

[thebleedingwoodland]

THE SIMS 3 TUTORIAL

HOW TO CREATE DEFAULT REPLACEMENT MOD USING CUSTOM MESH & TEXTURE FOR SIMPLE OBJECT

⚠️ Tumblr has 30 pictures limit, so I cannot include too many pictures. If you want to zoom in the pictures, click the pictures to enlarge, or save the pictures into your PC, zoom the pictures on picture viewer or zoom in the pictures on your mobile phone. ⚠️

----------------------------------------------------

I create this tutorial to make easier to follow because there are older tutorials available before but scattered on internet and usually only say "Export to replace s3asc" without explaining how to export the edited object properly.

My method is using TSR Workshop instead of exporting the object using Sims 3 Object Export/Import plug in because exporting to replace the s3asc using that plug in always giving error notification "ERR: Model has 1 groups; original had 0" and cannot be exported.

For beginners who are very new using s3pe and haven't created default replacement mod before, better start from simple object first.

Simple objects I mean in-game object that has single MODL and single texture with no morphs, no GeoStates, no presets, no CAS colour channels, and easily cloned from OBJD on catalogue. Usually as utensils that Sims holding in their hand, not buy/build objects. For example: Pencil, pan, fork, spoon.

----------------------------------------------------

Tools to prepare:

s3oc

s3pe

Milkshape 3D for bone assignment (Version I use 1.8.5 beta, discontinued by its developer, therefore feel free to download the full version with its license key provided).

Sims 3 Object Export/Import 1.01 by Wesley Howe (Milkshape plug-in. Download msS3ObjPluginsV101.rar ) 

TSR Workshop (Older version for TS3 only version 2.0.88)

TSR Workshop plug-ins for export.import TSRW Object.

3D Program (Blender/Maya/3dsMax)

Editing images software (Photoshop, make sure you have to install .dds plugin by Nvidia. For free software alternative, you can use GIMP with its .dds plugin)

This tutorial will not teach you how to:

Meshing object ❌

Create alpha texture ❌

Change thumbnails in-game ❌

Install programs and plug-ins ❌

This is how I created Chinese chopsticks replacement mod using custom mesh and texture.

In summary, this tutorial has 10 steps:

Step 1. Clone the Object using s3oc

Step 2. Open S3PE to Copy the Original Resource Code and Export the Files

Step 3. Export the Original Mesh as Base Mesh to .obj format

Step 4. Create Your Custom Mesh

Step 5. Bone Assignment & Create Group

Step 6. Create custom Texture

Step 7. Import the .wso of Edited Mesh on TSR Workshop & Export the package

Step 8. Export MODL file from Package saved from TSR Workshop

Step 9. Finalizing in s3pe & Replacing the Original file with Edited File & Correcting the Code As Same As Default Code

Step 10. Test the CC in your game.

-----------------------------------

✳️ Step 1. Clone the Object using s3oc

Before cloning the object, check the Game Folder for in-game object file location. Settings > Game Folders...

Take a look if the Base Game or Expansion Pack for object file you want to clone is in the right folder. For example, my The Sims 3 game are all bought from Steam, so the location is D:\SteamLibrary\steamapps\common\The Sims 3

If you want to clone object from Expansion Pack, make sure input the folder location. For example, the location for World Adventures EP is D:\SteamLibrary\steamapps\common\The Sims 3\EP1

If you are done, close the pop-up box. You can continue click Cloning then choose Normal Object...

Wait until you get the whole catalogue. Click Search...

For example, I clone object from World Adventures Expansion Pack. You can clone object from Base Game or other Expansion Packs as long it is considered as "utensil" that Sim holding on hand. For example: "Pencil" or "Pan"

Search for text: chopsticks

or if you want to clone object from Base Game, search: utensil

Tick check marks for Resource Name, Object Name, Object Desc then click "Search button"

Search result gives you results with name "chopsticks". Here is the object we are looking for: UtensilChopsticks

We need the OBJD file to clone. OBJD = Object Data.

Click "Clone or Fix" at the right bottom. Then you see the next page to determine if you want to clone with renumber or not. If you want to make default replacement, then do not check the Renumber box. Keep it blank.

Tick check box means the s3oc will generate new resource code for new item. Not tick the check means the s3oc will overwrite the same resource code, it is to replace object you cloned in-game.

I am personally a detailed person, so I usually tick as many as I want: tick "Deep clone" "Missing String Tables" and "Include Thumbnail" to include more details. Then click "Start" to proceed.

It will give you file name [CreatorName]_ObjectName_Number

Then save your package file in "DBPF Package" format in your project folder. Always make folder for any file to make everything organized.

✳️ Step 2. Open S3PE to Copy the Original Resource Code and Export the Files

Open S3pe, locate your package file you cloned from s3oc. Find the MODL of Utensil Chopsticks, Right-Click, "Details..."

On Resource Details, click "Copy TGI" to copy the Resource Code. Type, Group, and Instance will automatically be copied on clipboard. Then open Notepad, Right-Click to "Paste".

Click GRID on bottom of the s3pe (I mark it red on picture), it will give you pop-up box with Data Grid. Click "Resources", it will be highlight blue and there's 3 dots button appeared on the right side. Click the 3 dots button. It will give you TGI Block List Editor.

Inside MODL's TGI Block List Editor only has IMG. You may wondering why, but that's how the game coded. Type, Group, Instance of _IMG inside TGI Block List Editor should be the same as _IMG on the package.

Copy the TGI, Group, Instance to your Notepad.

After you copied code of MODL, do the same for the texture image (_IMG), but only copy the code from Resource Details. You cannot edit TGI Block List Editor for _IMG as the Grid button for _IMG is greyed out.

The main task is the code of your edited mesh and texture should be the same as the code you copied now from original package you cloned with s3oc.

Keep the code on notepad. You will need this code later.

Export the MODL file. Right-Click, "Export to s3asc". The file appears in long string such with name for example: S3_01661233_08000001_B619DB2238C3430B%%+MODL_filebase

Do not rename the file. Save.

Export the texture file. Right-Click "Export > To File..." The file will be saved in .dds format. Do not rename the file. Save.

✳️ Step 3. Export the Original Mesh as Base Mesh to .obj format

Open Milkshape. Import the s3asc file you saved before.

More steps click spoiler tag "Read More / Keep Reading" below

File > Import > Sims 3 Object Import v 1.01 by Wesley Howe

Locate the s3asc file, then the original chopsticks mesh appears.

Click the "Joints" tab. It has 4 codes. Check box "Draw vertices with bone colors" It will show Bone Assignment colors on the original mesh. Yellow on top chopstick and light blue on bottom chopstick. The colours are to make the object has rig and movement following the Sim's interaction.

Take a look at the 4 codes on Joints Tab. You can play around to see which colour of the code will appear, after that copy paste the code to Notepad to make it easier to comprehend.

Click Select from Tools menu, Select Options: Face. On "Right/Left/Top/Bottom 2D View", Left-click make selection of one part of chopsticks. While the part of object being selected (Red), click Joints then Choose "Assign".

0x96239247 --> Yellow 0xFEAE6981 --> Purple 0xCD68F001 --> Light Blue 0xD0DECA8E --> Red

Your edited mesh must have the exact same Bone Assignment colour later. Check again if the code and colour are correct.

You can save object mesh as .obj to other 3D software such as Blender or any other 3D software.

✳️ Step 4. Create Your Custom Mesh

Use the original .obj as base model. While you can create longer mesh or any edited version as you wish.

Make sure the scale and position of the edited mesh is same as base original mesh, because the edited mesh will be used on Sim's hand.

If you are done editing the mesh, export the UVmap.

You can export the uvmap in higher resolution, as long as it is Power of 2. 64x64, 128x128, 256x256, 512x512, 1024x1024, 2048x2048, 4096x4096. I export in 1024x1024 pixels to make the size of texture larger and have more details.

Then export the mesh object in .obj format.

✳️ Step 5. Bone Assignment & Create Group

Open Milkshape. Import the original mesh.

Check the Groups Tab. Original mesh has 1 group, "group 00". Group 00 means it is the main mesh. There is no shadow beneath the object.

Import the edited mesh as .obj file.

My edited mesh has one single name "default" name on the Group Tab. While edited mesh may have a lot of file name scattered on Group Tab. Regroup the file name to simplify your edited mesh into one single name. Select > Regroup.

The main task is replacing the EA's original mesh with your edited mesh.

Before you delete anything, you must do Bone Assignment first to the edited mesh you created.

Your edited mesh does not have Bone Assignment, so it appears white.

Remember the 4 codes you copied earlier in Notepad.

Copy Bone Assignment from original mesh to your edited mesh.

This case, your want to Bone Assign Yellow colour.

Select > Face to select one part of chopsticks of your edited mesh. On Joints Tab, double click the appropriate code 0x96239247 in blue highlight then the code box on the right side of "Rename" will appear 0x96239247. Make sure the code is correct. Then you can click "Assign".

Your edited mesh will appear in Yellow colour. Then do the same for another part of chopsticks.

Select another part of chopsticks of your edited mesh. On Joints Tab, double click the appropriate code 0xCD68F001 in blue highlight then the code box on the right side of "Rename" will appear 0xCD68F001. Click "Assign".

Your edited mesh will appear in Light Blue colour.

Then what's the other code for? With colour purple and red?

Leave them. Let the codes have the same exact codes as appear in original mesh and let the colours only assigned Yellow and Light Blue. The colours are to determine rig for interaction in-game, which only use Yellow as upper part of chopstick and Light Blue as bottom part of chopstick.

You can safely delete the original mesh with name group00 until it remains your only your edited mesh.

Rename your edited mesh to group00. Type group00 on the box then click "Rename" on the left side.

Export to TSRW Object in .wso format. .wso is format with bone assignment on object attached.

Save your .wso in your project folder.

✳️ Step 6. Create custom Texture

Import original texture you exported from s3pe to your editing image software.

Look at the original texture made by EA. 32x64 pixels. It is very low resolution, blurry and stretched, because the texture should be compressed as low as possible by game designer. As player you want it has higher detail to look realistic as possible and your PC of course can handle high resolution content, sure you can make the resolution much higher than EA's.

Import the UVMap you saved from 3D software. For example, UVmap I imported has 1024x1024 resolution. Add your custom texture. Then save it to .dds format in the same name as original texture. Save in separate folder, name it "Edited Texture" to keep it separated from original texture.

✳️ Step 7. Import the .wso of Edited Mesh on TSR Workshop & Export the package

Open your TSR Workshop.

Create New Project > New Import >Next...

Then Browse original mesh by EA in package format in your project folder.

On Open file box, you cannot see .package file because the filter is .wrk (TSR Workshop Project). Choose the .package dropdown.

Then you can see .package file.

Open the .package. After the file is located, then Next. On Project Details I usually skip without giving name of Project Name and Title. Next.

You must have seen green land with white blank sky.

Where's the mesh? It is actually there... just being zoomed in too close. You need to zoom out by scrolling down mouse.

You can see the original chopsticks mesh by EA. You can save the project file in .wrk format. After you save the file, import the .wso of your edited mesh. Mesh tab > High Level detail. Click green arrow folder icon to import. Then your edited mesh will appear replacing the original EA mesh.

As you see, the texture is messed up because the texture is still using original EA's texture. But then you check Textures tab and it has blank dropdown...

I cannot change the texture on this TSR Workshop!

Don't worry, we can replace the texture on s3pe later.

No need to change anything other than importing mesh. Click Edit > Project Contents to save as package.

You will see pop up box with number or files DDS, FTPT, LITE, MODL, OBJD, OBJK, etc. Export > To. package. Give name such as "EditedChopsticks_TSRW"

✳️ Step 8. Export MODL file from Package saved from TSR Workshop

Open S3PE, File > Open package "EditedChopticks_TSRW" that you saved from TSR Workshop.

Export MODL. Right-Click, export. It gives you file name with [StringOfNumber] .model .

Save it on project folder. Keep it organized and separated from original MODL. Name the folder "Edited MODL". Do not rename the file.

✳️ Step 9. Finalizing in s3pe & Replacing the Original file with Edited File & Correcting the Code As Same As Default Code

Open s3pe, File > Open original package that you cloned from s3oc. [CreatorName]_ObjectName_Number

Find the MODL. Right-Click > Replace...

Locate to your edited MODL with filename .model .

Then click Open.

The original MODL of the package should be replaced with your edited mesh.

Do the same for the texture.

Locate to your edited texture with filename .dds

Then click Open.

The original texture of the package should be replaced with your edited texture.

Take a look at MODL's Type, Group, Instance. It has the same code as original MODL in the original package cloned with s3oc (because it has been replaced)

Don't forget to see the code inside TGI Block List Editor.

Repeat step 2 how to check the code. Right-Click on MODL/IMG > Details... and click GRID > Resources > TGI Block List Editor.

The Type, Group, Instance of the _IMG are different compared from IMG from original package clone, which means that is the evidence of edited mesh replaced the original.

Rename the Instance with default/original Instance you copied on notepad from Step 2. Type, Group, Instance should be the same as default/original Type, Group, Instance.

Open notepad with resource code you copied from Step 2. Make sure the Type, Group, and Instance are all the same.

If the codes are the same, then your edited mesh and texture will overwrite the default mesh and texture with the same code in the game. Save, Commit, Save the package.

Check again if the texture is replaced properly. Right-Click on _IMG > ViewDDS.

ALTERNATIVES!

Yes, you can delete unwanted files in your edited package, to keep the package clean. Simply Right-Click>Deleted.

The only files needed in package are: MODL, _IMG, _KEY

They are the only files with your edited mesh/texture including codes to overwrite the default codes.

You can Start new fresh blank s3pe. Right-Click>Import from file...

Locate your edited MODL and _IMG (texture) file.

On Resource Details box, tick mark "Use resource name" > OK.

Make sure all the Type, Group, and Instance of MODL and _IMG including in the TGI Block List Editor are all the same as the code in original package.

Save the package.

✳️ Step 10. Test the CC in your game.

Put the package to your CC folder in your The Sims 3 document folder to see if the CC is working or not.

If the CC is working as your intended, with your custom mesh and texture, then test the animation. Are the chopsticks animation working as the same as original EA's? If the animation are working well too, then congratulations!

Your default replacement are working. Give applause to yourself. 👏

-------------------------------------

QUESTIONS!

Q:

Can I use this tutorial for making default replacement for buy/build object?

A: This tutorial covers basic method of using TSR Workshop and replacing the default codes (Type, Group, Instance), so you will understand the basic principle of doing default replacement mod.

Keep in mind that different object has different case. Buy / build object has MLOD (not just MODL) more than one, texture images more than one, has presets, and CAStable colour channels.

The TGI Block List Editor for buy/build object has a lot of codes, so have to spend a lot of time to do trial-and-error to make the default replacement working properly, because a lot of times the texture doesn't work (still using default EA's texture), or when the object appears right with your edited mesh and texture, after you choose the presets, the object reverts back to your edited mesh with default EA's texture.

Q:

Help! The texture is black! / still using same EA's texture when tested in the game!

A: The texture codes must be not the same. Check the Type, Group, Instance of _IMG. Do the codes are the same like codes in original package? Check the TGI Block List Editor for MODL, is the _IMG inside has the same Type, Group, Instance as in original package.

Q:

Help! The object disappears when tested in the game!

A: You must be replacing OBJD in your package. Do not replace OBJD. Just MODL and texture only.

[rpclefairy]

how to use xkit rewritten / trim reblogs on mobile:

updated for december 2022

this method is beta editor / npf compatible

my previous tutorial to trim posts technically still works, but as tumblr is discontinuing legacy posts that method is already outdated and unhelpful for people who have no other option than to use the beta editor.

but fear not! i've figured out how to use xkit rewritten on mobile and it's VERY easy.

install "firefox nightly for developers" OR "firefox beta for testers". must be one of these two, not regular firefox.

go to settings, scroll down to the "about firefox" page at the end and then click on the logo 5 times until debug mode is enabled.

back to settings and below add-ons you'll see the 'custom add-ons collections' option.

add 17683742 as the ID and name it 'tumblr' like so:

the browser will give you a little pop up that the extension is being added and the app is being restarted.

now enter the app again, go to the add-ons section and xkit rewritten should be loaded there. i've included ublock in the collection so you can use both because you absolutely should.

on firefox beta you'll see the extension with a +, click on it to add it.

now cut your replies the same way you do it on desktop with xkit rewritten!

save the post as a draft

click on the scissor button

it's done!

please consider that this is experimental so not all of xkit rewritten's features will work on mobile. trim reblogs does work though!

i still recommend using my roleplay formatter for formatting your replies and then copy pasting the html on your reblog.

other useful links :

this post explains the differences between the two editors and why we're switching.

this post is a tutorial on how xkit rewritten's 'trim reblogs' feature works.

[midnightsilver]

New Spn Fanart Community 🎨🎉😄

I’m testing out this new community feature here on tumblr. I’ve made an Spn Fanart community for Spn artists of all levels and media types. I figure it could be a good space to share WIPs, chat art with other artists, share tutorials and resources.

Communities seem to act a bit like a group blog that lets members make posts directed at the group and chat privately underneath the community posts. If you are on desktop you can also share interesting reblogs from tumblr main. The Community feature is still in beta tho, so we are working it out as we go.😄

Spn Fanart is a ship and let ship community. No drama, no disrespecting each other. I am the admin (MidnightSilver (they/them) 👋🏻😄) and I’m looking to create a relaxed uplifting space where we support and encourage each other in our art.

➡️ If you would like to join the community you can use this invite link😄:

[gatheredfates]

Hello my lovelies! 🦈 You might be asking yourself 'Sea, this is weird, You don't update during the week!' and you would be correct. I was supposed to push this update out by the end of my long weekend as an addition to this; however, due to a bunch of irl stuff I won't go into here, it was delayed. I have endeavoured to rectify it now rather than waiting out the week so peoples' resources are properly showcased. This will not be a common occurrence!

However, as of today (06/04), the following resources have been added to Sea's Community Compendium for XIV Creatives.

FREE COMPANY / COMMUNITY FOCUSED / EVENT SPACES

The Final Fantasy XIV Tumblr Community — A public Tumblr community where you can share FFXIV content and meet other players.

*NOTE. Tumblr communities are currently in beta and cannot be joined/applied to directly at this time. You will need to request an invite from @spotofmummery in order to join. When communities are out of beta, the disclaimer on the Compendium will be removed to properly reflect its public status.

LORE

The Rabanastran Record — A resource on Dalmascan lore, history and additional notes incorporating missing information via FFXII content. Is regularly maintained and updated when new information is given in game/lorebooks or on request. Created and maintained by @stalwart-spirit on tumblr.

Pandæmonium Raid Series Transcript — This is a full transcript of the quest dialogue, battle lines and NPC dialogue from all of P1-12! Created by @divinitymanifest.

MISC

FF14 Battle Portrait Tutorial — Have you ever wanted to create a battle portrait for your WoL similar to the ones you see in Endwalker story events and dungeons? @twitter-sakuranokaze has put together a guide on just how to do it!

CHANGELOG

A 'lore' checkbox has been added to the google form to better reflect the update to the Compendium's sorting. It was the one part of that change I forgot to do, so it's now up-to-date!

Free Company / Community Focused / Event Servers has not been updated to Free Company / Community Focused / Event SPACES to better reflect Tumblr communities and potentially encompass other smaller communities not easily covered by Large-Scale or Misc.

Bookmark links to certain resources have been added/amended. Again, not sure why they broke... but they're working now!

Want to submit? You can either fill out the google form here, send me an ask with the relevant information contained on the Compendium, or join my Discord at SEAFLOOR (21+ only)!

Is my space suitable for the Compendium? Most of the time, yes! Below the read more is some more information/stipulations. Again, all the below information is accessible on the document! 🐡

Below are the following things I do not accept on the Compendium:

Personal/Single-Character LFC ads.

Content intended for or can be used for bullying, harassment and OOC gossip. E.g. ‘Secrets’ blogs, receipts, callout posts, etc. This does not include in-character tabloid blogs used to generate RP.

Communities that do not have an RP/writing element (large-scale exempt).

Anything I find personally distasteful or goes against the spirit of this project.

Common-sense rule applies.

FAQ.

I want to put my community on the compendium but we have an application process. Is this okay?

Yes! Just note somewhere in your application that's a requirement. The only thing that is mandatory for the Compendium is that you must be open to new members or have a public-facing/accessible facet. There's no point advertising a community if no one can join it in some way!

I want to put my community on the compendium but I only have x number of members —

Also totally okay! People don't start with large communities. Activity is a must but, whether your server has two or two thousand members, if you're looking for new people to join, I'd love to help you find people.

I want to put my community on the compendium but I worry its too niche?

Okay, and? If your Eorzean Fishing Alliance has four members but you roleplay every second weekend, I still want to know about it.

What resources/communities can I add if I'm not the owner of them?

Mutual consent is extremely important to me, so anything that isn't a large-scale community OR a publicly accessible resource must be endorsed by the owner/admin/moderators in order to be added to the compendium. I operate under the assumption that a resource posted to a public space (tumblr, googledocs, youtube, etc) is open to all. A large-scale community is one with a significant member count or openly advertises itself as being accessible to everyone for whatever purpose it serves. If in doubt, please get in touch with me. I'm happy to contact your community owners for you!

How active does a community need to be?

If you find a community has not been active in about two/three months, send me a message and I'll take a look at it. Communities have ebbs and flows, especially event spaces that may take hiatuses depending on member interest/life events. I'm not strict in my implementation provided a space isn't dead. If a link or anything is broken, absolutely contact me about that.

I have [insert a question not stated here]?

No drama! Send me an ask or use the #Compendium channel in my Discord!

[sakurajjam]

COMO FAZER TEXTOS COLORIDOS/EM DEGRADÊ NO TUMBLR!

[ Como fazer textos coloridos/em degradê no tumblr!]

Faz tempo que queremos fazer um tutorial assim, mas fica uma jogando pra outra e nunca é feito. Então resolvi fazer, de uma vez por todas, uma ask sobre apareceu do buraco negro que é nossa inbox e me fez lembrar do pedido. Eu sei que o tumblr oferece uma seleção de cores, mas elas são fortes e algumas não são boas para leitura (estou falando de você, senhor amarelo); só que o que vou ensinar aqui vai permitir que qualquer letra fique colorida e na cor que estiver no seu coração! Vou ensinar dois jeitos para fazer um texto colorido e personalizado, é uma boa opção para aqueles que gostam de combinar letra + cor do theme.

Antes de começarmos, creio ser importante comentar que apesar de bonito, fontes coloridas/degradê, como as que vou ensinar, não são lidas em alguns leitores de tela - que são utilizados por pessoas com deficiência visual -, segundo esse post, invés de ler as palavras ou frase normalmente, alguns leitores (talvez não todos) vão soletrar letra por letra e pode se tornar difícil entender. Por que estou falando disso? Achei interessante deixar as pessoas cientes! E tem um meio de “melhorar isso”, que é colocando a tradução embaixo sem qualquer fonte, como não uso leitores de tela, infelizmente não sei como funciona, mas é bom ficar informada.

Agora vamos ao nosso tutorial de hoje!

FAZENDO FRASES EM DEGRADÊ!

Você precisa entrar nesse site, porque ele vai te ajudar a fazer um texto com muitas cores! A interface não mostra muito, mas tem o necessário para o que vamos fazer e não, você não precisa entender horrores de HTML para mexer nele, tanto que vou te ensinar o básico, caso deseje adicionar mais cores. 

Como pode ver, temos o código e esse quadrado branco, que contém dois retângulos em vermelho e verde. Se você quiser fazer com apenas duas cores, pode pular o que vou ensinar, mas se quiser colocar outras cores, me acompanhe. Digamos que você quer um degradê com quatro cores, mas o código só nos dá duas opções, o que fazer? Simples, veja o print abaixo. 

Perceba que aumentei duas linhas entre a “first” e a “last” no código, tanto que notifiquei com as setas vermelhas. Para ter mais opções de cores, você precisa aumentar as linhas, ou seja, como quero quatro cores, adicionei uma linha como “second” e outra como “third” (precisa ser em inglês); só copiar as linhas já existentes, dar um espaço e colar e, claro, mudar os “títulos”. Mas veja que mesmo mexendo no código, continuamos apenas com dois quadrados coloridos e para que o code seja atualizado, você deve apertar no “Run” no menu acima. 

Vai atualizar e surgir os quatro campos que desejamos. Eu tentei até dez quadrados de cor e foi, não sei o limite, mas creio que ninguém vai querer um degradê com tantas cores, espero né… Se quiser fazer as cores do arco íris, por exemplo, basta adicionar até o “sixth” e deixar o “last” que vai contar como a sétima cor.

Voltando ao nosso exemplo, com quatro cores, para selecionar as mesmas é só clicar no retângulo e selecionar a cor que desejar. Você pode usar o cursor e ir optando pela cor desejada, mas se você tiver o “code” da cor, só selecionar o “HEX” e colar o código ali. E para chegar no HEX, só clicar duas vezes no “R G B”.

Selecionei essas cores de exemplo e adicionei o texto que desejo, tudo na linha de cima. Não sei se tem limite de caracteres, porque, normalmente, uso apenas para frases pequenas, fica por sua conta em risco tentar. Depois do texto escrito e as cores escolhidas, clique em RUN para que o código apareça na segunda linha (em vermelho no print), você clica ali e dá um ctrl + a e ctrl + c para copiar; agora vamos para o tumblr. Crie uma nova postagem e mude o editor atual para o editor HTML, não vamos mudar de BETA para LEGACY ou vice e versa (nem sei se dá mais). Siga o que indico na imagem abaixo:

Ao selecionar o editor HTML, nós vamos ter essa interface:

Eu prefiro apagar esse código que aparece, porque dá para editar depois. Depois de apagar, você só precisa colar o código do site ali e antes de salvar, dê uma olhada antes, só mudar de HTML para VISUALIZAR. Se o texto ficou colorido, deu certo! Então pode voltar para o Rich Text de novo e ser feliz. Mas Rinn, eu quero colocar em itálico ou em qualquer formatação do tumblr, como faço? Como faz normalmente com os textos comuns, não vai interferir no degradê.

USANDO APENAS UMA COR!

Você não quer fazer um degradê e não gosta das cores disponibilizadas pelo tumblr, mas ainda quer colocar cores em seu blog? Não tem problema, nós conseguimos também! Você pode usar o site que indiquei, só deixar apenas uma linha ou as duas iniciais, colocando a mesma cor em ambos os retângulos; mas quando quero usar uma cor só, uso um carrd chamado ROLEPLAY FORMATTER! que além de colocar cores, também ajuda a formatar uma resposta para thread - ou para o que quiser.

Essa é a interface do formatador, não vou me apegar em como formatar as coisas, se quiserem, posso ensinar depois, hoje vamos falar de cores. Muito simples, você vai clicar onde circulei para aparecer a paleta de cores, infelizmente não temos muitas opções, então só clicar em “Mais Cores” para abrir essa tela.

Não tem opção diferente, mas se quiser escolher alguma das colocadas ali, fique à vontade. Normalmente, eu procuro as cores em código em um site que gosto muito. Pesquiso HTML Colors no google e vou no segundo site sugerido, porque acho ele mais fácil de mexer.

Como na imagem, temos esse hexágono com muitas cores; a cor escolhida e como ela fica em bold e afins + seu código em HEX, RGB e HSL; e por fim, a paleta dessa cor com cores mais claras ou escuras. É dali que você pode tirar a cor que deseja e clicando na mesma, vai aparecer como ela fica nas especificações de bold/italic. Quando encontrar a cor que deseja, copie o código dela e cole no segundo retângulo da aba aberta no carrd de formatar - se não copiou a # junto, não esqueça de colocar na frente - e depois só clicar em ok. A cor fica salva para ser utilizada, então você precisa escrever o que deseja e selecionar tudo para adicionar a cor, fazendo o básico, clicando na opção texto (A) e selecionando a cor escolhida.

Como podem ver, selecionei o texto e depois a cor que queria, se quiser adicionar itálico ou bold, fique a vontade, só usar o que está destacado em rosa claro. Se quiser deixar em small, só clicar onde destaquei em roxo e selecionar a opção. Mas como vamos manter a cor pra colocar no tumblr? Simples, sigam esses passos.

Aperte em “CÓDIGO FONTE” para transformar em HTML, assim vamos ganhar essa “equação” de code, onde: <p> é o começo do código, <i> é o itálico, <b> é o negrito/bold, <small> é para a letra ficar pequena e o <span style=”color: #tantantan”> corresponde a cor que foi selecionada. Dá aquele ctrl + a e ctrl + c esperto e vamos para o tumblr, só repetir o passo referente ao aplicativo no tópico acima e pronto! Agora você tem uma cor diferente na sua dashboard e pode ser feliz.

Acabamos nosso tutorial por aqui e eu espero que tenha sido bom para ajudar alguém, inclusive, esse é o resultado final, em rosa temos o primeiro jeito e em vermelho temos do segundo jeito.

[rekishi-aka]

XKit on mobile and ad free tumblr experience

So with Google making adblocking basically impossible soon and Youtube also being a pita with the adblocking on Chrome and also me seeing so much griping around the tumblr app, I wanted to show everyone how to get an XKit enhanced, ad-free experience on mobile.

This works as of December 2023.

Please note that this tutorial is for Android, as I don't use iOS, I'm not sure how it would work there. Although I'm sure some trial and error will help. 

This will only work with Firefox Nightly or Firefox Beta. I'm personally using Firefox Nightly, but it really doesn't matter that much. 

Go to "Settings" and scroll down to "About Firefox Nightly". Tap on the logo 5 times in order to enable debug mode. A popup will tell you that debug mode is enabled.

When you go back to "Settings", a new item will have appeared, "Custom Add-Ons Collection". You want to open that. Then you type in 18195107 for the collection and name is "tumblr" or something similar.

Note: This is my collection. You can make your own collection very easily! I've just done this for my own convenience regarding wanting to have all the add ons I'm usually using in one place for mobile. Go wild with whatever you want to add here.

This collection contains:

µBlock Origin

XKit Rewritten

Tampermonkey

The app will be restarted automatically.

Now you can go to the add ons section of Firefox and enable the apps that you want.

Done!

Under the cut I'm showing what I filter for µBlock Origin, how to export XKit Settings from desktop to mobile. I'll talk about Tampermonkey in another post.

XKit Settings export

If you don't want to enable all your XKit stuff again on mobile, it's very easy to export from desktop. Go to your XKit Settings, then Backup and either download it or copy it all and paste it into a draft email or whatever:

Then pick the Import function on your mobile browser and paste it there. Done! So easy! No more ads, quick reblog enabled, and all your other settings there!

µBlock Origin Filters

For mobile, I don't usually use the dashboard unfucker, because the new tumblr layout doesn't annoy me that much....except for tumblr Mart etc. (tumblr Live gets taken care of by XKit, thankfully) So to get rid of those go to your µBlock Origin Dashboard -> My Filters

Enter:

! 2023-12-14 tumblr.com - Navigation ! Hide "Explore" menu item tumblr.com##li:matches-attr("title"="Explore") ! Hide Live menu item tumblr.com##li:matches-attr("title"="Live") ! Hide TumblrMart menu item tumblr.com##li:matches-attr("title"="TumblrMart") ! Hide "Get a domain" menu item tumblr.com##li:matches-attr("title"="Get a domain") ! Hide "Go Ad-Free" menu item tumblr.com##li:matches-attr("title"="Go Ad-Free")

If you want to hide blocked posts (XKit does this as well, so it's unnecessary, but just in case):

!hide blocked posts tumblr.com##article:has(.W0ros)

I mostly use the built in filter lists:

As well as the Bypass Paywall Filters list (you import this at the bottom of this tab): https://gitlab.com/magnolia1234/bypass-paywalls-clean-filters

And yeah, that's it! Much better experience than the mobile app. I only use that to track notifications, really, but for browsing I use the browser only. This is partially to avoid triggers, because this way I don't even have to see the ominous "This post was filtered because it contains X trigger, we just re-traumatized you, you're welcome!" message tumblr is so fond of when filtering posts.

[gordonramsei]

⟢ ∘ ｡ DREAM GiRL   ⦂

     JUNE 2023 , TUMBLR THEME .

       ⟡  ⟡  ⟡

∘ ｡⟣  briefing .

dream  girl  is  a  cute  lil  theme  geared  toward  indie  users  who  enjoy  having  their  muse  page  match  their  theme  with  it's  muse  tab  design  but  it  really  can  be  used  for  anything  u  see  fit  !  there  are  many  ways  u  can  style  this  theme  and  every  single  feature  is  optional  so  u  can  create  a  unique  design  that  fits  ur  aesthetic  .

note  :  if  u  are  interested  in  utilizing  icons  such  as  the  hearts  i've  used  as  decor  throughout  this  theme  ,  the  code  is  loaded  to  support  bootstrap  icons  .  click  here  to  be  directed  to  my  brief  tutorial  on  using  bootstrap  icons ��in  themes  (  tutorial  is  free  to  non  patreons  )  .

please  give  this  post  a  reblog  and  a  like  and  take  care  of  urself  !  keep  hydrated  and  pet  a  cute  animal  today  !

∘ ｡⟣  specs .

this  theme  is  compatible  with  both  npf  post  styles  (  beta  )  and  legacy  blogs  HOWEVER  please  be  aware  that  both  the  audio  posts  and  quote  posts  are  not  customizable  with  tumblr's  current  json  structure  .  this  is  something  i  am  looking  into  for  future  themes  .

single  sidebar  image  .

(  optional  )  sidebar  background  image  .

(  optional  )  asterisk  -  style  stars  svg  on  the  sidebar  .

( optional  )  abstract  doodle  svgs  (  see  other  example  )  for  the  sidebar  .

(  optional  )  sidebar  background  decor  text  .

offers  both  300px  and  375px  post  styles  .

offers  accessible  font  sizing  option  that  gets  rid  of  the  outlined  font  within  the  posts  (  not  in  the  titles  /  decor  styling  )  .

custom  ask  box  tagline  .

1  editable  link  for  u  to  use  for  whatever  .

nav  tab  with  single  icon  +  description  and  title  .

6  editable  links  in  the  nav  tab  .

muse  tab  with  single  image  +  description  .

muse  tab  must  be  edited  in  the  html  but  is  heavily  annotated  for  ease  .

various  font  styles  for  the  muse  tab  to  be  utilized  as  headers  .

complete  list  of  credits  and  inspirations  are  detailed  in  the  code  .

click  the  source  to  view  a  live  preview  and  here  to  become  a  patreon  !

* i  coded  this  theme  slightly  smaller  to  display  posted  images  ,  gifs  and  videos  without  sacrificing  quality  .

[steadfvsthearts]

Tutorial: Cutting Posts in the Beta Editor

hello everyone !! i am certainly not the only person to write a tutorial like this, but i'd thought i'd try my hand at writing one. this tutorial covers how to cut your replies in the beta editor using xkit rewritten, as well as how to remove those pesky gif source links. read on for the tutorial !!

keywords: beta editor, xkit rewritten, cutting posts, trim reblogs written 12.09.2023.

Step 1: xkit rewritten

the beta editor requires a new browser extension completely different from the previous xkit ( the one that showed in your tumblr settings ) called xkit rewritten. if you have not done so already, go ahead and install xkit rewritten for chrome or firefox.

xkit rewritten shows in your browser task bar along with your other extensions. i like to pin mine to always show. it is through here that you control all the settings.

Step 2: enable "trim reblogs"

the setting in xkit rewritten that will enable you to cut posts is called "trim reblogs". to turn it on, click the extension icon. a menu will pop up where you can toggle on and off various settings. scroll until you see "trim reblogs" and toggle it on.

you can check this is properly enabled by going to your blog page and looking at any post you've made. at the bottom of the post with the editing, reblog, and like options, there should now be a scissors icon which is the trim reblogs option !!

Step 3: cutting/trimming replies

we are now ready to write and trim a reply !!

Step 3a: write and draft or queue/schedule your reply

write your reply below the other two previous replies.

you do not need to copy or paste anything from the previous replies. simply write your reply in the editing space and put in your gif or icon if desired. when you are done, draft or queue/schedule your post.

**note: as someone who doesn't draft replies first, i'm partial to scheduling the post for a few minutes in the future as a popup like the one below shows at the bottom of the screen when you do this. you can click this pop up to take you directly to the post in your queue which just cuts out having to manually navigate to your drafts or queue.

Step 3b: trim your post !!

navigate to your drafts or queue and find your post. scroll to the bottom of the post and click the scissors icon. this is the trim reblogs icon.

you will see the following pop up. the checked box is the reply that will be removed. classically, the first box is the one you want checked as you are removing your old reply.

make sure the correct reply is checked, then click trim !! you will now see the post has been trimmed to just the proper two replies.

that's all !! you are now ready to post.

**note: if you forget to draft or schedule your post, you can trim reblogs directly on the dash too !!

Bonus: getting rid of the gif source link

if you are seeing the source link show beneath your gif like above, there is an easy way to get rid of it! in the post editor, hover over the gif and click the link icon:

delete the text in this field and click done !! that's all !!

this concludes this tutorial !! one last note : if you are an android user, you are also able to use xkit rewritten to cut posts while mobile. for a more detailed tutorial on how to set that up, see here. please consider giving this a like and/reblog if you found it helpful !! happy rping !!

[fujowebdev]

New Streaming Schedule (and New Update)

We're back with a Kickstarter update and a new streaming schedule! This December, we're going to git serious: we'll be streaming every week, twice a week (Monday and Thursday) for 2 hours at 3PM PST!

About the Streams

In addition to two new hangout editions of our “Let’s Build our Website” series where we'll finish all that we have pending and add more content to the website, we’ve added a couple new types of stream:

A tutorial write-along, where our project lead will explain how to use PayPal/Stripe links to easily add a tip jar on your Astro website (and compile that information in a blog post).

A learn-together session (possibly more than one), where you can follow an experienced software developer as she tries to learn the intricacies of accepting payments on the web, using the actual Stripe and PayPal APIs.

In addition to these, we’ll look at adding more characters into RobinBoob by scraping AO3 with AO3.js, and we’ll start a new series where we’ll rebuild the RobinBoob's functionality from scratch! After all, like many of our “April 1st projects”, RobinBoob was built in a feverish last-minute rush, and we cannot add some of the requested features without a serious rewrite!

Where to Find Them

We’ll see you this Monday, December 4th at 3PM (see converted time on the schedule) on Twitch, and all throughout December!

First Beta Feedback

And since Tumblr generously allows us to write as much as we want, here's a small sample of the feedback to the first draft of our first issue! You can read more about it under the cut, or get the full details on Kickstarter.

“Unlike other code guides, it's engaging and not dry. [I] wish some of the coding books i read in the past were like the fujoguide cause like. i would have been more into it”

“The guide was really easy to use for the most part, with cute examples and just... really fun!”

“I'm enjoying this, it's approachable and I really like the various ways information is presented; it looks like a legit textbook, like it seems like I could've picked this up from a shelf in Barnes & Noble.”

“I'm really happy at how many cool things are packed here. I have so many friends I will throw this guide at once complete!”

Looking forward to sharing our guide with you all!