#
Text
Embedding audio in AO3 fics
A few people have asked about me adding atmospheric audio to my fic on AO3, and it took me quite a while to figure out so I wanted to document how to do it somewhere. In this example, I wanted some of the atmospheric background music from Ace Attorney, so I'll stick with that. I'm going to assume limited familiarity with HTML here. You will need to start by pasting your writing into the rich text editor. Now, flicking over to HTML like this I appreciate can make it look intimidating. So a quick 'pre-tip' is to actually click on preview (beside the 'post' button), and then return to edit again. For some reason, this makes paragraphs reappear in the HTML editor, which I just find easier to work with.
Adding your audio
I only directly know how to make it work with Soundcloud, though I think any hosting site that lets you embed like this would work. Be warned that Spotify only allows the first 30 seconds of a song to play, if you're using that.
Anyway, the next step is getting the embed code. This is not a link to the website! You need to go to 'share', and then to 'embed', and copy that code.
By the way, Soundcloud gives you a few options for how you want the embed to appear - with the more simplistic option being paywalled. You can then paste this directly into the HTML editor:
I appreciate this is a scary amount of text if you're not used to code, but fear not! This is actually all you need to do for the bare minimum. See how this looks in my preview:
Technically, you can stop here if you're happy with this outcome. However, especially if you're putting this in the middle of other text, I find this a bit overlarge. Thankfully, despite Soundcloud's paywalls, we can edit the code ourselves.
Refining the code
Going back to edit, AO3 has changed my code slightly (I input a paragraph at the top to show this off clearer):
From this point out, I will just paste the code directly as text here. In order to not make it actually embed into tumblr, I have replaced < and > with [ and ] so keep that in mind.
[iframe width="100%" height="166" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/842658844&;color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"][/iframe][div] [p][a href="https://soundcloud.com/user-338850232" title="Ace Attorney Trilogy OST" rel="nofollow"]Ace Attorney Trilogy OST · [a href="https://soundcloud.com/user-338850232/psyche-lock" title="Psyche - Lock" rel="nofollow"]Psyche - Lock[/a][/div][/p]
Firstly, we don't need anything after the [/iframe] part. All this bottom part is doing is providing additional hyperlinks. So, you can delete everything after the [div]
We can change the numbers to make the player smaller. This is really up to your preference. I have found about 300 for width still looks okay on mobile browser. In this example, I change height to a value of 80.
We can also remove the audio artwork. In the part of the code right before [/iframe] (but still within the "quote marks"), add: & amp ; show_artwork=false
Note that this "& amp ;" part should not have spaces in it, I just have to type it this way to get it to appear on tumblr... If in doubt, look at my screenshots.
You can also just alter the other trues and falses to get rid of the interface showing comments etc.
In my case, I also want to align this button to the middle of the page. This is very simple. You just add [p align="center"] before [iframe], and close the link with [/p]
The final code, again with the caveat that [] need to be replaced by <> is as follows:
[p align = "center"][iframe width="300" height="80" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/842658844&;color=%23ff5500&auto_play=false&hide_related=false&show_comments=false&show_user=false&show_reposts=false&show_teaser=true&show_artwork=false"][/iframe][/p]
And this is how the code looks without the weird brackets:
And this is how it looks when you go to preview:
You can mess around with it a bit more, such as changing the colour of the button for example, but I think this concludes the basics of how to achieve this
2 notes
·
View notes
Text
💊 PRIME BIOME REVIEWS – These Gut Gummies Have Doctors Shocked!
📽️ Watch now:
youtube
Are you constantly dealing with bloating, acne, or poor digestion? Meet Prime Biome — a new probiotic gummy that’s changing lives by restoring the gut-skin connection.
🧬 What Makes Prime Biome Unique?
Prime Biome uses a clinically formulated blend of probiotics, adaptogens, and natural detoxifiers to:
Balance gut microbiota
Reduce inflammation
Detoxify the system
Promote glowing skin and mental clarity
🌿 Ingredient Science + Harvard Backing
Bacillus Coagulans – A proven probiotic to support digestion. Harvard Study
Lion’s Mane – Known to improve cognitive function and immunity. Harvard Neurobiology
Babchi Extract, Inulin, Ginger, Fennel – Support skin regeneration, reduce bloating, and feed good bacteria
Slippery Elm Bark & Lemon Balm – Calm inflammation and soothe digestion
💡 Why Prime Biome?
Thousands of users report improvements in:
✅ Gut health and digestion ✅ Acne and skin texture ✅ Energy and mental focus ✅ Bloating and food sensitivities
🛒 Where to Get It?
Only buy through the official Prime Biome website to avoid counterfeit products and access exclusive discounts, bundle offers, and bonuses.
🗣️ Real Testimonials
“No more bloating and my skin is glowing!” “Best probiotic I’ve tried. No stomach issues since I started.” “After reading Prime Biome reviews and complaints, I gave it a shot — glad I did!”
📺 Watch the Full Video Review
<iframe width="100%" height="315" src="https://www.youtube.com/embed/kC7d4yfvD8Q" title="Prime Biome Review" frameborder="0" allowfullscreen></iframe>
🌐 Share Links:
https://mix.com/!1246184321019024384
https://trello.com/c/fFIVjRbZ
https://www.instapaper.com/read/1806815926
https://www.pearltrees.com/mindbodybydoc/item717088501
https://flipboard.com/@MindBodybyDoc/-prime-biome-reviews----this-has-doctors/a-EgvCV5wuQWK-jfMzk4qjXA%3Aa%3A4138126329-1c8612ebe6%2Fyoutube.com
https://www.diigo.com/annotated/5b70583564769ea4535b66856f978459
https://www.pinterest.com/pin/1079878816904600313
https://gab.com/MindBodybyDoc/posts/114604141613775132
https://x.com/MindBodybyDoc/status/1928899518130495890
https://myspace.com/mindbodybydoc/post/activity_profile_8454538_a225a165588c446b89e2957d251f2575/comments
https://www.facebook.com/share/p/15MzdF6BXj/
https://mindbodybydoc.neocities.org/REVIEWS/prime_biome_review
📡 This review was syndicated via the wellness channel v a l ; l e
1 note
·
View note
Note
Hello! I love your theme! I read your cred page and have a million questions but I’ll keep it to two hehe. 1. how did you make it so that your description on web vs mobile are different? and 2. how did you put text and stuff on your ask page? Thanks in advance for your help! 🥹
hello!
different description boxes
you'll have to go into "edit HTML" when you're customizing your theme. you'll notice toward the beginning of your theme, there will be a handful of meta tags; these are what allow you to have those text spaces/color choices/etc. that are available on the first page when you first enter the customizer.
usually, the way description works is the HTML will just say something like <div class="CLASS NAME">{Description}</div>, where the {Description} block is whatever you put into the text box in the customizer. this block is also what shows up on your mobile theme.
so to make them different, we have to make a meta tag and replace the {Description} block! in my case, i named it "desc" to make it easy, and i put
<meta name="text:desc" content=""/>
where all the other meta tags live (again, somewhere in the beginning). then, i went to wherever the description block is in the HTML (you can ctrl/cmd+f "{Description}"; it will be after "<body>"), and I replace "Description" with "{text:desc}" so that it looks like this:
<div class="description">{text:desc}</div>
then, when you save and exit the "edit HTML" page, you should now have a box called "desc" (or whatever you named your new description block). when you fill it out, it will be different from your mobile description :)
putting text on my ask page
this one comes with a caveat: you have to make a new blog page, so if someone visits your ask page from the mobile app, it will go to the original /ask where there's no text vs. the page you made. so hopefully, you don't mind that!
when you're customizing your theme, scroll all the way down and click "add a page." i used the standard layout, but you can use a blank page if you want it super custom. choose a link name; mine is just /asks. then, ofc, fill it out with whatever text you want! when you're ready to add your ask box, put this code in:
<iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="https://www.tumblr.com/ask_form/[URL]" width="100%" style="background-color: transparent; overflow: hidden; height: 190px;"></iframe></p>
replace [URL] with your tumblr address (e.g. mine would say joshujin.tumblr.com). when you're previewing it, it will probably say "request denied" where your ask box is supposed to be, but once you save and view the page, it will act like normal!
and that's it!
hope that helps! don't feel like you have to limit your Qs! you can ask whatever you want and if i can help, i will, and if i can't, i will try to point you in the right direction :)
happy coding!
0 notes
Text
live cricket
<iframe src="https://ptvsportshd.net/?p=1108/fvp-49/#fvp_49" allowfullscreen width="654.4" height="370.1" frameborder="0" style="max-width:100%"></iframe>
0 notes
Text
<p><iframe width="560" height="315" src="https://www.youtube.com/embed/0K2CAMph220ZvtGy://youtu.be/oxgpKjuFczo?si" title="" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen><br></iframe></p>
26K notes
·
View notes
Text
We are not talking about women's football - just football
https://www.nowness.com/topic/sports/since-i-learned-how-to-walk?utm_source=email&utm_medium=mobile&utm_campaign=share
<iframe src="//player.vimeo.com/video/732167704" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="http://vimeo.com/732167704">undefined</a> @<a href="https://www.nowness.com/topic/sports/since-i-learned-how-to-walk?modal=embedlink">NOWNESS</a>.</p>
vimeo
0 notes
Text
<div><br></div><p><iframe class="youtube_iframe" width="395" height="222" src="https://www.youtube.com/embed/pvDgzdtH880" frameborder="0" allowfullscreen=""></iframe></p><div><br></div><p><iframe class="youtube_iframe" width="395" height="222" src="https://www.youtube.com/embed/VT4j5QOG0_8" frameborder="0" allowfullscreen=""></iframe></p><div><br></div><p><iframe class="youtube_iframe" width="395" height="222" src="https://www.youtube.com/embed/EqlJYsRRg7k" frameborder="0" allowfullscreen=""></iframe></p><div><br></div><p><iframe class="youtube_iframe" width="395" height="222" src="https://www.youtube.com/embed/DDUPhJDNT5A" frameborder="0" allowfullscreen=""></iframe></p><div><br></div><p><iframe class="youtube_iframe" width="395" height="222" src="https://www.youtube.com/embed/3uppA8KJtPo" frameborder="0" allowfullscreen=""></iframe></p><div><br></div><p><iframe class="youtube_iframe" width="395" height="222" src="https://www.youtube.com/embed/jDSjhZWuF4g" frameborder="0" allowfullscreen=""></iframe></p><div><br></div><p><iframe class="youtube_iframe" width="395" height="222" src="https://www.youtube.com/embed/t5ENjmCG0zw" frameborder="0" allowfullscreen=""></iframe></p><div><br></div><p><iframe class="youtube_iframe" width="395" height="222" src="https://www.youtube.com/embed/sVrcVE_LyLI" frameborder="0" allowfullscreen=""></iframe></p><div><br></div><p><iframe class="youtube_iframe" width="395" height="222" src="https://www.youtube.com/embed/KaiGuPljeYw" frameborder="0" allowfullscreen=""></iframe></p><div><br></div><p><iframe class="youtube_iframe" width="395" height="222" src="https://www.youtube.com/embed/4ZgaM4ayGqA" frameborder="0" allowfullscreen=""></iframe></p><div><br></div>
0 notes
Text
<iframe src='https://www.redgifs.com/ifr/innocenttintednorwayrat' frameborder='0' scrolling='no' allowfullscreen width='608' height='1080'></iframe><p><a href='https://www.redgifs.com/watch/innocenttintednorwayrat'>via RedGIFs</a></p>
0 notes
Text
<div style="max-width:1082px;position:relative"><div style="padding-top:calc(133.33333333333334% + 58px)"></div><iframe frameBorder="0" sandbox="allow-popups allow-scripts" src="https://ameblo.jp/p/embed/ocha-norma/image-12812359709-15313128031.html" style="height:100%;left:0;position:absolute;top:0;width:100%" title="山中湖〜 田代すみれ の記事内画像 | OCHA NORMAオフィシャルブログ Powered by Ameba"></iframe></div>
0 notes
Text
Eres el regalo que nunca pedí.
#frases#fraces#frasi tumblr#<p><iframe width= height= src= frameborder=#citas de amor#cosas de la vida#letra de canciones#cosas de tumblr#notas de amor#canciones#citas#te amo#amor
27 notes
·
View notes
Text
Che conosco altre persone per dimenticarti. Ma quelle mi ricordano tutte te.
#amore improvviso#amore imperfetto#amore a prima vista#amore#frasi vere#frasi belle#frasi tumblr#frasi#<p><iframe width= height= src= frameborder=#frasi tristi#frasi stupende#ti amo da morire#ti amo#ti amo tanto
9 notes
·
View notes
Photo

via ig: @cea.ras
follow me for daily streetwear inspo 💬
#streetwear#street style#style#fashion#fit#hypebeast#hypebae#luxury#vintage#aesthetic#urbanwear#cea.ras
62 notes
·
View notes
Photo

💮 InfernoTPC x PellegrinoMMA We got 9 matches on the @menofwarpro this card Saturday at @iplayamerica in Freehold, NJ. Come watch. @helloitsbeez @kungfujoemarino @francismarshall1 @billy_hayess @mightymouse980 @brianantell @thejesseshaw @jonstottss @sophie_dog922 ��—————— #InfernoTPC #KPMMA #OneTeam #BJJ #MuayThai #MMA #TempuraKimonos #WhatIsAGA #MarlboroNJ #BelmarNJ #MonmouthCountyNJ #NewJersey
1 note
·
View note
Text
Tengo que perder, porque no me se las reglas del juego. Tienes que entender, no fué mi intención decir hasta luego.
Bórrame la memoria.
#frasi tumblr#frases#fraces#<p><iframe width= height= src= frameborder=#letra de música#letra de canciones#letras#desamor#citas de amor#notas de amor#tumblr#cosas de tumblr#amor#te amo#ti amo
9 notes
·
View notes
Quote
Hay unos que mienten mirando a los ojos y otros que dicen la verdad mirando hacia abajo
Anònimo.
1 note
·
View note