<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>site Archives - scmGalaxy</title>
	<atom:link href="https://www.scmgalaxy.com/tutorials/tag/site/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.scmgalaxy.com/tutorials/tag/site/</link>
	<description>A Platform for Software Engineers</description>
	<lastBuildDate>Wed, 13 Apr 2022 16:34:46 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>
	<item>
		<title>How to Embeds CodePen view in WordPress Site?</title>
		<link>https://www.scmgalaxy.com/tutorials/how-to-embeds-codepen-view-in-wordpress-site/</link>
					<comments>https://www.scmgalaxy.com/tutorials/how-to-embeds-codepen-view-in-wordpress-site/#respond</comments>
		
		<dc:creator><![CDATA[rajeshkumar]]></dc:creator>
		<pubDate>Sat, 15 May 2021 06:03:16 +0000</pubDate>
				<category><![CDATA[General]]></category>
		<category><![CDATA[codepen]]></category>
		<category><![CDATA[embeds]]></category>
		<category><![CDATA[site]]></category>
		<category><![CDATA[view]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://www.scmgalaxy.com/tutorials/?p=6272</guid>

					<description><![CDATA[<p>If You want to Embeds CodePen view Your wordPress Site(Blog Site) then first go to Click Here After That You [&#8230;]</p>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-embeds-codepen-view-in-wordpress-site/">How to Embeds CodePen view in WordPress Site?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">If You want to Embeds CodePen view Your wordPress Site(Blog Site) then first go to <a rel="noreferrer noopener" href="https://codepen.io/" target="_blank">Click Here</a></p>



<p class="wp-block-paragraph"></p>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="92" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-sign-up-1024x92.png" alt="" class="wp-image-6275" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-sign-up-1024x92.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-sign-up-300x27.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-sign-up-768x69.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-sign-up-1536x138.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-sign-up.png 1902w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">After That You can select Any Social Site or Email for Sign Up .</p>



<p class="wp-block-paragraph"></p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="671" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-sign-up-social-site-1024x671.png" alt="" class="wp-image-6276" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-sign-up-social-site-1024x671.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-sign-up-social-site-300x197.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-sign-up-social-site-768x504.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-sign-up-social-site.png 1211w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">After Sign Up shown below View Click Let&#8217;s Go button to Continue.</p>



<p class="wp-block-paragraph"></p>



<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="387" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-after-sign-up-1024x387.png" alt="" class="wp-image-6277" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-after-sign-up-1024x387.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-after-sign-up-300x113.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-after-sign-up-768x290.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-after-sign-up-1536x580.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-after-sign-up.png 1584w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">After that Show below Editor then you can edit in Codepen Editor</p>



<p class="wp-block-paragraph"></p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="546" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-editor-view-1024x546.png" alt="" class="wp-image-6278" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-editor-view-1024x546.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-editor-view-300x160.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-editor-view-768x409.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-editor-view-1536x818.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-editor-view.png 1783w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph">After that clicck to Home Button in your Codepen and Go to codepen Homepage and click Left Sidebar Pen button and to editor view &amp; write your code and rename your page and click save button as below-</p>



<p class="wp-block-paragraph"></p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="620" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-home-page-1024x620.png" alt="" class="wp-image-6279" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-home-page-1024x620.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-home-page-300x182.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-home-page-768x465.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-home-page-1536x931.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-home-page.png 1606w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"></p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="550" src="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-pen-editor-1024x550.png" alt="" class="wp-image-6280" srcset="https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-pen-editor-1024x550.png 1024w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-pen-editor-300x161.png 300w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-pen-editor-768x413.png 768w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-pen-editor-1536x825.png 1536w, https://www.scmgalaxy.com/tutorials/wp-content/uploads/2021/05/wordpress-codepen-pen-editor.png 1740w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<p class="wp-block-paragraph"><strong>Preview of Codepen</strong></p>



<figure class="wp-block-embed is-type-wp-embed is-provider-codepen wp-block-embed-codepen"><div class="wp-block-embed__wrapper">
<iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" title="Practice.html" src="https://codepen.io/ajcotocus/embed/preview/KKWzOpp?default-tabs=css%2Cresult&#038;height=300&#038;host=https%3A%2F%2Fcodepen.io&#038;slug-hash=KKWzOpp#?secret=aFdOQckOIY" data-secret="aFdOQckOIY" scrolling="no" frameborder="0" height="300"></iframe>
</div></figure>
<p>The post <a href="https://www.scmgalaxy.com/tutorials/how-to-embeds-codepen-view-in-wordpress-site/">How to Embeds CodePen view in WordPress Site?</a> appeared first on <a href="https://www.scmgalaxy.com/tutorials">scmGalaxy</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.scmgalaxy.com/tutorials/how-to-embeds-codepen-view-in-wordpress-site/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
