{"id":12489,"date":"2012-08-29T09:29:22","date_gmt":"2012-08-29T14:29:22","guid":{"rendered":"http:\/\/crememag.co\/?p=1413"},"modified":"2012-08-29T09:29:22","modified_gmt":"2012-08-29T14:29:22","slug":"putting-two-pictures-side-by-side-in-a-blog-post","status":"publish","type":"post","link":"https:\/\/madein.co\/en\/uncategorized\/putting-two-pictures-side-by-side-in-a-blog-post\/","title":{"rendered":"Putting two pictures side by side in a blog post"},"content":{"rendered":"

When you have many photos that you want to include in a blog post, it is important to vary the lay out from time to time. This way, the reader won\u2019t have to scroll down forever and ever to see your pictures. You also should vary the images\u2019 sizes in an aesthetic manner according to their importance.<\/p>\n

However, are you sick of having to put up a photomontage every time you want to put two images side by side in your new blog post?<\/p>\n

Here\u2019s a simple solution to do that directly in your article from your editor with either Blogger or WordPress<\/p>\n

Step 1: Insert your images one after the other<\/h3>\n

For example:<\/p>\n

\"\"<\/a><\/p>\n

\"\"<\/a><\/p>\n

 <\/p>\n

Step 2: Insert the code<\/h3>\n

In the HTML tab insert the following code to put two pictures on the same line:<\/p>\n

<table><tbody><\/strong>
\n<tr><td>photo 1-1<\/strong>
\n<\/td><td>photo 1-2<\/strong>
\n<\/td><\/tr><\/strong><\/tbody><\/table><\/strong><\/p>\n

 <\/p>\n

Go back to the tab “text” and you should see this:<\/p>\n

\"\"<\/a><\/p>\n

Step 3: Insert images into boxes.<\/h3>\n

Slide the two images you have inserted into the article in both boxes. Then remove the text \u201cphoto 1-1, photo 1-2.\u201d<\/p>\n

Tadam, here\u2019s the result!<\/p>\n\n\n\n
\"\"<\/a><\/td>\n\"\"<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

It’s your turn now!<\/p>\n

EDIT 25 feb<\/strong> : If for any reasons you can’t drag the images in the box, here is another way to put the two pictures side by side:<\/p>\n

1) Do the step 1 and step 2 as indicated above.<\/p>\n

2) Copy image URL<\/p>\n

3) Go in the HTML tab and instead of photo 1-1 paste the following code:<\/p>\n

<img border=”0″ src=”INSERT YOUR IMAGE URL<\/span>” width=”250<\/span>” \/><\/p>\n

4) Do the same with your second picture.<\/p>\n

You can vary the size of your picture by changing in the code the number of pixel 250.<\/p>\n

 <\/p>\n

*Credits: Garance Dor\u00e9<\/a><\/em><\/p>\n

\"\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

When you have many photos that you want to include in a blog post, it is important to vary the lay out from time to time. This way, the reader won\u2019t have to scroll down forever and ever to see your pictures. You also should vary the images\u2019 sizes in an aesthetic manner according to […]<\/p>\n","protected":false},"author":12,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":""},"categories":[],"tags":[],"acf":[],"yoast_head":"\nPutting two pictures side by side in a blog post - Made in Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/madein.co\/en\/uncategorized\/putting-two-pictures-side-by-side-in-a-blog-post\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Putting two pictures side by side in a blog post\" \/>\n<meta property=\"og:description\" content=\"When you have many photos that you want to include in a blog post, it is important to vary the lay out from time to time. This way, the reader won\u2019t have to scroll down forever and ever to see your pictures. You also should vary the images\u2019 sizes in an aesthetic manner according to […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/madein.co\/en\/uncategorized\/putting-two-pictures-side-by-side-in-a-blog-post\/\" \/>\n<meta property=\"og:site_name\" content=\"Made in\" \/>\n<meta property=\"article:published_time\" content=\"2012-08-29T14:29:22+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/crememag.co\/wp-content\/uploads\/2012\/08\/images1.jpg\" \/>\n<meta name=\"author\" content=\"sophie\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"sophie\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/madein.co\/en\/uncategorized\/putting-two-pictures-side-by-side-in-a-blog-post\/\",\"url\":\"https:\/\/madein.co\/en\/uncategorized\/putting-two-pictures-side-by-side-in-a-blog-post\/\",\"name\":\"Putting two pictures side by side in a blog post - Made in Blog\",\"isPartOf\":{\"@id\":\"https:\/\/madein.co\/#website\"},\"datePublished\":\"2012-08-29T14:29:22+00:00\",\"dateModified\":\"2012-08-29T14:29:22+00:00\",\"author\":{\"@id\":\"https:\/\/madein.co\/#\/schema\/person\/544ccfe26a1b94743dfb3034236327d6\"},\"breadcrumb\":{\"@id\":\"https:\/\/madein.co\/en\/uncategorized\/putting-two-pictures-side-by-side-in-a-blog-post\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/madein.co\/en\/uncategorized\/putting-two-pictures-side-by-side-in-a-blog-post\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/madein.co\/en\/uncategorized\/putting-two-pictures-side-by-side-in-a-blog-post\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/madein.co\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Putting two pictures side by side in a blog post\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/madein.co\/#website\",\"url\":\"https:\/\/madein.co\/\",\"name\":\"Made in\",\"description\":\"Agence de marketing d'influence\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/madein.co\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/madein.co\/#\/schema\/person\/544ccfe26a1b94743dfb3034236327d6\",\"name\":\"sophie\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/madein.co\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=retro&r=g\",\"caption\":\"sophie\"},\"url\":\"https:\/\/madein.co\/en\/author\/sophie\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Putting two pictures side by side in a blog post - Made in Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/madein.co\/en\/uncategorized\/putting-two-pictures-side-by-side-in-a-blog-post\/","og_locale":"en_US","og_type":"article","og_title":"Putting two pictures side by side in a blog post","og_description":"When you have many photos that you want to include in a blog post, it is important to vary the lay out from time to time. This way, the reader won\u2019t have to scroll down forever and ever to see your pictures. You also should vary the images\u2019 sizes in an aesthetic manner according to […]","og_url":"https:\/\/madein.co\/en\/uncategorized\/putting-two-pictures-side-by-side-in-a-blog-post\/","og_site_name":"Made in","article_published_time":"2012-08-29T14:29:22+00:00","og_image":[{"url":"http:\/\/crememag.co\/wp-content\/uploads\/2012\/08\/images1.jpg"}],"author":"sophie","twitter_card":"summary_large_image","twitter_misc":{"Written by":"sophie","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/madein.co\/en\/uncategorized\/putting-two-pictures-side-by-side-in-a-blog-post\/","url":"https:\/\/madein.co\/en\/uncategorized\/putting-two-pictures-side-by-side-in-a-blog-post\/","name":"Putting two pictures side by side in a blog post - Made in Blog","isPartOf":{"@id":"https:\/\/madein.co\/#website"},"datePublished":"2012-08-29T14:29:22+00:00","dateModified":"2012-08-29T14:29:22+00:00","author":{"@id":"https:\/\/madein.co\/#\/schema\/person\/544ccfe26a1b94743dfb3034236327d6"},"breadcrumb":{"@id":"https:\/\/madein.co\/en\/uncategorized\/putting-two-pictures-side-by-side-in-a-blog-post\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/madein.co\/en\/uncategorized\/putting-two-pictures-side-by-side-in-a-blog-post\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/madein.co\/en\/uncategorized\/putting-two-pictures-side-by-side-in-a-blog-post\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/madein.co\/en\/"},{"@type":"ListItem","position":2,"name":"Putting two pictures side by side in a blog post"}]},{"@type":"WebSite","@id":"https:\/\/madein.co\/#website","url":"https:\/\/madein.co\/","name":"Made in","description":"Agence de marketing d'influence","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/madein.co\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/madein.co\/#\/schema\/person\/544ccfe26a1b94743dfb3034236327d6","name":"sophie","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/madein.co\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=retro&r=g","caption":"sophie"},"url":"https:\/\/madein.co\/en\/author\/sophie\/"}]}},"_links":{"self":[{"href":"https:\/\/madein.co\/en\/wp-json\/wp\/v2\/posts\/12489"}],"collection":[{"href":"https:\/\/madein.co\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/madein.co\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/madein.co\/en\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/madein.co\/en\/wp-json\/wp\/v2\/comments?post=12489"}],"version-history":[{"count":0,"href":"https:\/\/madein.co\/en\/wp-json\/wp\/v2\/posts\/12489\/revisions"}],"wp:attachment":[{"href":"https:\/\/madein.co\/en\/wp-json\/wp\/v2\/media?parent=12489"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/madein.co\/en\/wp-json\/wp\/v2\/categories?post=12489"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/madein.co\/en\/wp-json\/wp\/v2\/tags?post=12489"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}