Hi all, I’ve come with another random tutorial~ Many of you may know of the alignment method posted in the official blog, but I’d like to add to your options as a blogger and share with you all how I align my images. :]Here we go! First off, when you go to your blog page, go to the write page and upload an image, it’ll look like this (you all know this part but I’m putting it anyway).

Note that you’re editing your blog post in the WYSIWYG editor, or in “visual mode”. Now, if you click the tab in the upper left side that says “code”, it will look something like this:

It’s gonna be a bunch of well… code, of course. If you know the basics of HTML, this will look familiar. Anyway, to center your image, you will need to insert a few bits of code yourself, at the beginning and at the end of the code for your image. The rest of the tutorial is after the cut, click the link below to read more.


As shown:

Yes, we’re gonna be using HTML “tables“. And finally, here is the exact codes you need to insert into their corresponding positions:

1. ( Beginning)

2. (End)

And voila! If you click back to “visual mode”, you’ll have your perfectly centered image!

Final tip: Don’t forget to insert both codes, because if you miss anything it could mess up your entire post. You might wanna try it on a test post first, until you get the hang of it.

Hope this helped! By the way, I’ve tried this method on all SanrioTown blog themes and it should work fine. But if you notice any theme it doesn’t work with or encounter any problems with this method, do let me know! :]