Create dns-record-steps partial and apply to create-subdomain-record

Author: RebeccaTamachiro

src/content/partials/dns/create-subdomain-record.mdx

@@ -3,20 +3,26 @@
 
 ---
 
-import { Example } from "~/components"
+import { Example, Render } from "~/components";
 
 Most subdomains serve a specific purpose within the overall context of your website. For example, `blog.example.com` might be your blog, `support.example.com` could be your customer help portal, and `store.example.com` would be your e-commerce site.
 
 ## Subdomain records
 
-To create a new subdomain, you would first add the subdomain content at your host.
+To create a new subdomain, you would first add the subdomain content at your [host](/fundamentals/setup/manage-domains/#host-your-domain).
 
-Then, you would create a corresponding [`A`, `AAAA`, or `CNAME` record](/dns/manage-dns-records/how-to/create-dns-records/) for that subdomain (`blog`, `store`).
+Then, you would create a corresponding [IP address resolution record](/dns/manage-dns-records/reference/dns-record-types/#ip-address-resolution) (`A`, `AAAA`, or `CNAME`), specifying the subdomain (`blog`, `store`) as the record **Name**.
 
 <Example>
 
 | Type | Name  | IPv4 address | Proxy status |
 | ---- | ----- | ------------ | ------------ |
-| A    | `www` | `192.0.2.1`  | Proxied      |
+| A    | `blog` | `192.0.2.1`  | Proxied      |
 
 </Example>
+
+
+<Render file="dns-record-steps" product="dns" params={{
+    name: "your subdomain",
+		example: "blog"
+}} />

src/content/partials/dns/dns-record-steps.mdx

@@ -0,0 +1,27 @@
+---
+params:
+  - name
+  - example
+---
+
+import { Tabs, TabItem, Render } from "~/components";
+
+<Tabs syncKey="dashPlusAPI">
+<TabItem label="Dashboard">
+1. Log in to the [Cloudflare dashboard](https://dash.cloudflare.com/) and select your account and zone.
+2. Go to **DNS** > **Records** and select **Add record**.
+3. Select `A`, `AAAA`, or `CNAME` as the record **Type**, according to your needs:
+    - If your hosting service has provided an IPv4 address, select `A`, use {props.name} (<code>{props.example}</code>) for the record **Name**, and insert the IPv4 address in the respective field.
+    - If your hosting service has provided an IPv6 address, select `AAAA`, use {props.name} (<code>{props.example}</code>) for the record **Name**, and insert the IPv6 address in the respective field.
+    - If your hosting service has provided a hostname (or a [fully qualified domain name](https://en.wikipedia.org/wiki/Fully_qualified_domain_name)), select `CNAME`, use {props.name} (<code>{props.example}</code>) for the record **Name**, and insert the hostname in the **Target** field.
+4. Specify the **Proxy status** and **TTL** according to your needs.
+5. Select **Save** to confirm.
+</TabItem>
+<TabItem label="API">
+Use the [Create DNS Record API endpoint](/api/operations/dns-records-for-a-zone-create-dns-record).
+<Render file="api-field-definitions" />
+    - If your hosting service has provided an IPv4 address, select **A Record**, use {props.name} (<code>{props.example}</code>) for the field `name`, and use the IPv4 address for the field `content`.
+    - If your hosting service has provided an IPv6 address, select **AAAA Record**, use {props.name} (<code>{props.example}</code>) for the field `name`, and use the IPv6 address for the field `content`.
+    - If your hosting service has provided a hostname (or a [fully qualified domain name](https://en.wikipedia.org/wiki/Fully_qualified_domain_name)), select **CNAME Record**, use {props.name} (<code>{props.example}</code>) for the field `name`, and use the hostname for the field `content`.
+</TabItem>
+</Tabs>