Different blogging platforms (Blogger, WordPress…) use different html for image alignment. Because of this we have to add some special code in the HTML so what you see in Blogsy will look the same no matter the blog you are publishing to. But this special code blocks the ability to put images next to each other in Blogsy.
But if you want to put images next to each other you can do this by using a table.
And if you like to do this often then you can set up an iOS Shortcut to add the table HTML quickly.
Set up the iOS Shortcut. You will only have to do this once.
First copy the table HTML below. This is the table HTML for a 2-by-1 table. If you need to add more columns or rows it’s easy to do that by copying and pasting that part of the code.
<table border="0">
<tbody>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
</tbody>
</table>
Now create an iOS Shortcut by going to Settings -> General -> Keyboard -> Add New Shortcut….
Paste in the HTML you copied above to the “Phrase”.
Create some easy Shortcut code. (I used “tbl”)
iOS Shortcut Setup
Putting Images Next to each other in a post.
In order to be able to do this the photos have to be uploaded first. You cannot do this with photos directly from your iPad photo library.
Upload the images you want to use through the envelope method or use photos from Picasa, Flickr, Facebook, Instagram, a blog’s media library or from most internet sites.
In Blogsy flip to the HTML side and put the cursor where you want your table to be. Then type your Shortcut for the table code to be put in your post. So in the left image you can see that I typed my Shortcut “tbl” and it show the phrase. If you tap space or hit enter it will add that as seen in the picture on the right.
Now flip back to the HTML Side and you will see the following.
From that you can see that we are going to want to put one image in “row 1, cell1″ and one image in “row 1, cell 2.
Next drag in your images. These can be the images you uploaded from your iPad earlier or images from Picasa, Flickr, Facebook, Instagram, a website or a blog’s media library. You cannot drag the images directly into your table cells.
You can adjust the size of the images now or later when the images are in the table.
Flip to the HTML Side and copy (Cut) the image embed code.
Select “row 1, cell 1″ and paste the embed code you just cut. Then do the same thing for the second image for cell 2.
After you have done both images into the table it will look like this.
And if we flip back to the Rich Side you can see the photos in the table next to each other.
And if you publish the post to your blog the images will be next to each other.
The table code above uses a boarder of “0″. You can change that if you’d like.
Your blog theme’s CSS may have its own rules for table boarders.
Posted with Blogsy
