Under the cut, you can find a requested tutorial on how to keep the dash clean while using gifs. There are many people who don't realize that you can use large gifs by resizing and others don't know how to get rid of grey boxes. This is just a short little tutorial on how to fix both! Please like if this helped you in anyway; reblogs would be much appreciated!
I'll be using this gif to demonstrate:
Notice that without any editing, the gif is a grey box. When you click on it, the gif is rather large. These issues can be very easily fixed! First, copy-paste your gif to the post. Then, click on the '<html>' button, the last one on the customizing bar, located right next to the blockquote option. This will lead you to a series of codes. If you have no knowledge of HTML, do not be alarmed. You are only concerned with one section.
In this case, the code we are concerned with involves the gif, and with this particular gif, the code is: <p><img alt="image" src="http://24.media.tumblr.com/30497b12a367e715d9d677d8ef74bad4/tumblr_mqcxaox4OK1s3lxdvo1_500.gif" /></p>.
If you look at the URL for the image, you can see that there is something extra that shouldn't be there: a number. For this particular gif, we are concerned with the "24." This number is what causes the grey box; it will not always be a 24. No matter what the number is, your job is to delete it. I prefer to delete it backwards from the '.' next to the 'm' in "media" (it just works better for me that way?). Once you delete it, the code will look like this: <p><img alt="image" src="http://media.tumblr.com/30497b12a367e715d9d677d8ef74bad4/tumblr_mqcxaox4OK1s3lxdvo1_500.gif" /></p>. Now, the gif, will look like:
Notice that now, there is no more grey box. However, the gif is still rather large, which looks awful both on the dash and on the blogs. This issue is also easy to fix!
Simply find the end of the code that looks as follows: .gif" />. What you want to do is add a pixel value to make the gif smaller; I prefer to use 225, but that doesn't always work. Edit the code so that it looks like this: .gif" width="#" />. Since I want my value as 225, the end of my code will look like: .gif" width="225" />.
Your entire code should look like: <p><img alt="image" src="http://media.tumblr.com/30497b12a367e715d9d677d8ef74bad4/tumblr_mqcxaox4OK1s3lxdvo1_500.gif" width="#"/></p>.
In my case: <p><img alt="image" src="http://media.tumblr.com/30497b12a367e715d9d677d8ef74bad4/tumblr_mqcxaox4OK1s3lxdvo1_500.gif" width="225"/></p>.
This code will make my gif look like:
And there you have it! It's a total myth that large gifs are unusable for RP and it's a total myth that fixing grey boxes are hard! It's completely and totally easy, and it takes ten seconds of your time!