{"id":33941,"date":"2011-03-22T10:37:51","date_gmt":"2011-03-22T17:37:51","guid":{"rendered":"http:\/\/www.geni.com\/blog\/?p=33941"},"modified":"2011-07-19T16:47:00","modified_gmt":"2011-07-19T23:47:00","slug":"how-to-embed-projects","status":"publish","type":"post","link":"https:\/\/www.geni.com\/blog\/how-to-embed-projects-33941.html","title":{"rendered":"How to: Embed Projects"},"content":{"rendered":"<p>So, you work hard making <a href=\"http:\/\/www.geni.com\/projects\">your favorite project<\/a> as good as it can be. So, how do you show off to your friends all of the hard work you&#8217;ve done? Easy \u2014 just embed the project right on your website.<\/p>\n<div id=\"attachment_33971\" style=\"width: 311px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.geni.com\/blog\/wp-content\/uploads\/2011\/03\/EMBED1.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-33971\" class=\"size-full wp-image-33971\" title=\"EMBED1\" src=\"http:\/\/www.geni.com\/blog\/wp-content\/uploads\/2011\/03\/EMBED1.png\" alt=\"\" width=\"301\" height=\"108\" srcset=\"https:\/\/www.geni.com\/blog\/wp-content\/uploads\/2011\/03\/EMBED1.png 301w, https:\/\/www.geni.com\/blog\/wp-content\/uploads\/2011\/03\/EMBED1-300x108.png 300w\" sizes=\"(max-width: 301px) 100vw, 301px\" \/><\/a><p id=\"caption-attachment-33971\" class=\"wp-caption-text\">Step One: Go to your favorite project, and then click on the &quot;Embed Project&quot; button.<\/p><\/div>\n<div id=\"attachment_33981\" style=\"width: 424px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.geni.com\/blog\/wp-content\/uploads\/2011\/03\/Embed2.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-33981\" class=\"size-full wp-image-33981\" title=\"Embed2\" src=\"http:\/\/www.geni.com\/blog\/wp-content\/uploads\/2011\/03\/Embed2.png\" alt=\"\" width=\"414\" height=\"278\" srcset=\"https:\/\/www.geni.com\/blog\/wp-content\/uploads\/2011\/03\/Embed2.png 414w, https:\/\/www.geni.com\/blog\/wp-content\/uploads\/2011\/03\/Embed2-300x201.png 300w\" sizes=\"(max-width: 414px) 100vw, 414px\" \/><\/a><p id=\"caption-attachment-33981\" class=\"wp-caption-text\">Step Two: Customize the settings for your embedded display. Red represents the width, green the height, and blue the content that will display.<\/p><\/div>\n<p>From there, copy the HTML code that looks something like this:<br \/>\n<a href=\"http:\/\/www.geni.com\/blog\/wp-content\/uploads\/2011\/03\/embed3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-34021\" title=\"embed3\" src=\"http:\/\/www.geni.com\/blog\/wp-content\/uploads\/2011\/03\/embed3.png\" alt=\"\" width=\"434\" height=\"123\" srcset=\"https:\/\/www.geni.com\/blog\/wp-content\/uploads\/2011\/03\/embed3.png 434w, https:\/\/www.geni.com\/blog\/wp-content\/uploads\/2011\/03\/embed3-300x85.png 300w\" sizes=\"(max-width: 434px) 100vw, 434px\" \/><\/a><\/p>\n<p>When you paste that code in your website, it will look a little something like this:<\/p>\n<div class=\"geni_project_widget\" style=\"width: 640px; height: 480px;\">\n<div style=\"font-family: Arial,Helvetica,sans-serif; font-size: 10px;\">Join the worlds largest free <a href=\"http:\/\/www.geni.com\" target=\"_blank\">family tree<\/a><\/div>\n<\/div>\n<p>Pretty neat, eh? If you have any questions that you would like to see answered in a How to, don&#8217;t hesitate to leave a note in the comment section of this post.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>So, you work hard making your favorite project as good as it can be. So, how do you show off to your friends all of the hard work you&#8217;ve done? Easy \u2014 just embed the project right on your website. From there, copy the HTML code that looks something like this: When you paste that code in your website, it will look a little something like this: Join the worlds largest free family tree Pretty&#8230; <a class=\"read-more\" href=\"https:\/\/www.geni.com\/blog\/how-to-embed-projects-33941.html\"><span>Read the full story<\/span><\/a><\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"footnotes":""},"categories":[61],"tags":[2101,81,1861],"class_list":["post-33941","post","type-post","status-publish","format-standard","hentry","category-geni-user-tips","tag-embed","tag-genealogy-2","tag-projects"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.geni.com\/blog\/wp-json\/wp\/v2\/posts\/33941"}],"collection":[{"href":"https:\/\/www.geni.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.geni.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.geni.com\/blog\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.geni.com\/blog\/wp-json\/wp\/v2\/comments?post=33941"}],"version-history":[{"count":1,"href":"https:\/\/www.geni.com\/blog\/wp-json\/wp\/v2\/posts\/33941\/revisions"}],"predecessor-version":[{"id":64191,"href":"https:\/\/www.geni.com\/blog\/wp-json\/wp\/v2\/posts\/33941\/revisions\/64191"}],"wp:attachment":[{"href":"https:\/\/www.geni.com\/blog\/wp-json\/wp\/v2\/media?parent=33941"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.geni.com\/blog\/wp-json\/wp\/v2\/categories?post=33941"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.geni.com\/blog\/wp-json\/wp\/v2\/tags?post=33941"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}