How to use high-res images in text posts

Tumblr automagically shrinks any images you upload in text posts to 500px and replaces images from other websites with an ugly grey icon, but here’s a workaround that will let you post images of any size!

  1. Go to your dashboard and open a new photo post.

    image

  2. Select the photo you would like to post.

    image

  3. Upload the photo as a private post.

    image

  4. Click on the photo once the post finishes uploading and then right-click and copy the image URL.

    image

  5. Open a new text post or reblog a post and switch from rich text formatting to HTML (the far right button on your format bar). Use the following HTML code wherever you need your image:

    <img src="PASTE IMAGE URL HERE"/>

    image

  6. Click Post and you’re finished! The images should show up as native Tumblr image thumbnails.

You can always delete the original photo posts once you’ve finished with them.

All images in this tutorial were uploaded in the same way. Let me know if you have any problems with this method!

HOW TO CHANGE THE COLOR OF YOUR AUDIO PLAYERS

Please note that you may need additional styling to match your theme. Also, this may not work properly with appended posts (e.g. posts that show up when you enable infinite/endless scrolling)

Look in your theme HTML and look for the audio player embed. It should look like {AudioPlayer}, {AudioPlayerWhite}, {AudioPlayerGrey}, or {AudioPlayerBlack}.

Replace that code with:

<div class="audio_box" id="{PostID}">{AudioPlayerWhite}</div>

Put this code right before </body>:

<script type="text/javascript">
$(function () {
    $(".audio_box").each(function () {
    	var d = $(this).attr("id"),
			e = $(this);
		$.ajax({
			url: "http://" + {Name} + ".tumblr.com/api/read/json?id=" + d,
			dataType: "jsonp",
			timeout: 5E4,
			success: function (d) {
				d = d.posts[0]["audio-player"].replace("FFFFFF", "XXXXXX");
				e.html('<div class="audio_player">' + d + "</div>")
			}
		})
	});
});
</script>

Replace XXXXXX with the hex code of your desired color.

elletricity:

Want to learn how to make this awesome widget? Click on the image to be taken to a tutorial on how to put everything together on your desktop.
Compatible with Mac OS X 10.6.8+
Requires GeekTool, iCalBuddy, and a Gmail account (read the tutorial for details)
I hope you find this tutorial useful!
Please reblog this post when referring to the tutorial. You may link either to this post or to the original tutorial but do not copy the tutorial or host the files on your own site.

elletricity:

Want to learn how to make this awesome widget? Click on the image to be taken to a tutorial on how to put everything together on your desktop.

  • Compatible with Mac OS X 10.6.8+
  • Requires GeekTool, iCalBuddy, and a Gmail account (read the tutorial for details)
I hope you find this tutorial useful!

Please reblog this post when referring to the tutorial. You may link either to this post or to the original tutorial but do not copy the tutorial or host the files on your own site.

Want to learn how to make this awesome widget? Click on the image to be taken to a tutorial on how to put everything together on your desktop.
Compatible with Mac OS X 10.6.8+
Requires GeekTool, iCalBuddy, and a Gmail account (read the tutorial for details)
I hope you find this tutorial useful!
Please reblog this post when referring to the tutorial. You may link either to this post or to the original tutorial but do not copy the tutorial or host the files on your own site.

Want to learn how to make this awesome widget? Click on the image to be taken to a tutorial on how to put everything together on your desktop.

  • Compatible with Mac OS X 10.6.8+
  • Requires GeekTool, iCalBuddy, and a Gmail account (read the tutorial for details)
I hope you find this tutorial useful!

Please reblog this post when referring to the tutorial. You may link either to this post or to the original tutorial but do not copy the tutorial or host the files on your own site.