Rp Tutorial - Tumblr Posts
HOW TO FORMAT YOUR REPLY ON MOBILE
As we all know, this hellsite doesn't support the html formatting on new post editor mobile regardless of our mobile browser, meaning that we can't either get our replies to keep an aesthetic or even trim our replies like those who uses their desktop for such... until now.
On March 17th, @rpclefairy blessed us with her amazing tutorial on how to trim blogs on mobile which is truly amazing and helpful. But, there was one problem. The trimming method in that tutorial isn't the same as xkit since it doesn't save your partner's reply formatting and such. With that in mind I, as a main mobile RPer, did some research on the matter and found out an easy method to save you some time!
This blog will be separated in three topics: small preparation, basic formatting and complex formatting (with icons!) and it's an easy to medium difficulty tutorial, depending on your needs.
Small preparation
We don't get to spend every day of our lives in the same computer since things gets to happen and we have to drive away from it. With that in mind, there's a small list of things you should have in your phone:
Notepad with all the spacing and cute emojis for your aesthetic
A trustworthy website for your custom font
A few icons of your preference exported to your gallery or make your own small set of icons via your mobile!
This step is optional, but if you have a set of post headers, you can always save the 'Answered' banner and a divider, if you have one!
Keep in mind that if you pick to make a small set of icons on your phone, it doesn't have to be that complex like the ones you did on your computer! But you can use this neat trick to keep the aesthetic!
Basic formatting
With everything ready, first you need to pick your partner's reply to do the trick; but it will get difficult based on your partner's style of formatting. For this tutorial, I'll be using my own rp blog since I have a diversity of mutuals.
If their formatting doesn't go further than the one used in rich text editor and they doesn't have any icons (also if your writing style matches theirs), then this'll be the easiest way to do!
Using your main browser or tumblr app, open your partner's reply, copy their reply (I suggest using your browser to copy their reply if it's more than one paragraph of length), add your own and save as draft.
Following clefairy's tutorial you will open Puffin browser (links in her tutorial as well for both android and iOS), open your partner's reply, tap lightly on the blog to remove the previous reblogs and save as draft. It'll look like this:
If there's a weird spacing in the bottom like mine, you can fix it now as well as the double blockquote glitch but I suggest you wait to fix this little issue in your normal browser.
Going back to your main browser, you can now open your drafted reply to see if everything seems alright and fix a thing here and there! If there's a top reblog, just remove it again.
Complex formatting
Now, let's say you are the type of roleplayer that always uses icons and colored text and your partner's reply has spacing and colored text. Following what I said above, you can also add your icon in your body reply that it'll automatically convert itself in a link, so there's no worry about that!
In your browser, you'll open your partner's reply before you trim it away and copy everything from the reply, then trim it. Now, open byluna's color text generator and paste your text. But be aware that it won't work correctly unless you select the third paste option with a W on it. Activating desktop mode is not necessary.
After you format everything in your partner's reply (you can also do the same on yours) there's a container below the text box with the html coding. Click Copy to Clipboard and paste everything in your drafted post and boom, you're set!
Now, let's say that both you and your partner (or only them) uses icons/dividers together with formatted text. There's two ways to do that, but both get in the same result.
After drafting their reply, if your phone supports opening an app on divided screen, you can use both your browser and Puffin at the same time. It's the same as using your computer or two monitors, let's say. This is how it looks on my phone:
Opening byluna's text generator in your main browser (or on Puffin), you can do the same trick of copying your partner's reply and paste it after opening a blockquote, but do not copy the icon too or it'll be contained and glitch your code! Instead, open your partner's icon in a separated tab and copy the link (do the same with yours), hit the little image button and paste the image url.
If your phone cannot divide like mine or you have no clue how to do so, it's not that complicated to do but it takes a little bit longer.
Before drafting your partners reply, save their icons/borders to your gallery and add them to your reply body. You can add your own as well with your reply if you wish. I suggest doing it twice for the sake of trimming only the one you are going to post afterwards.
After you trim one of the posts, go back to your main browser and copy the image link presented in the code of your draft.
Open your text generator and add your image via image url (shown below)
Format everything as you please and you're done!
Credits to my friend (in the picture) for letting me use their icon for this tutorial <3
And that's basically it!! Let me know if you were confused in any part or if you have anything else to say! Hope this tutorial helps and you're more than free to ask if you have any questions!