carbonads updates (#1139)

Author: gvreddy04

BlazorBootstrap.Demo.RCL/Components/Shared/CarbonAds.razor

@@ -5,5 +5,5 @@
     <ScriptLoader Async="true"
                   Class="@Class"
                   ScriptId="_carbonads_js"
-                  Source="//cdn.carbonads.com/carbon.js?serve=CWYICKQU&placement=docsblazorbootstrapcom&format=cover" />
+                  Source="//cdn.carbonads.com/carbon.js?serve=CW7ILK7W&placement=docsblazorbootstrapcom&format=cover" />
 }

BlazorBootstrap.Demo.RCL/wwwroot/css/blazorbootstrap.demo.rcl.css

@@ -177,10 +177,10 @@ h1:focus-visible {
     background-color: transparent
 }
 
-.bd-masthead #carbonads {
+/*.bd-masthead #carbonads {
     margin-right: auto;
     margin-left: auto
-}
+}*/
 
 @media (min-width: 768px) {
     .bd-masthead .lead {
@@ -404,7 +404,7 @@ pre[class*=language-] {
 }
 
 /* carbon ads */
-#carbonads {
+/*#carbonads {
     position: static;
     display: block;
     max-width: 400px;
@@ -437,7 +437,7 @@ pre[class*=language-] {
     display: block;
     margin-top: .75rem;
     color: var(--bs-body-color) !important
-}
+}*/
 
 .bg-body-tertiary {
     --bs-bg-opacity: 1;

docs/src/js/carbon-ad.js

@@ -5,9 +5,10 @@ class CarbonAd extends Component {
     super(props);
 
     this.name = this.props.name || "docsblazorbootstrapcom";
-    this.serve = this.props.serve || "CWYICKJI";
+      this.serve = this.props.serve || "CW7ILK7W";
     this.script = this.props.script || null;
     this.placement = this.props.placement || "";
+    this.format = this.props.format || "cover";
     this.fallback = this.props.fallback || null;
     this.showFallback = false;
   }
@@ -20,11 +21,7 @@ class CarbonAd extends Component {
     script.async = true;
     script.id = this.script ? "" : "_carbonads_js";
     script.type = "text/javascript";
-    script.src =
-      this.script ||
-      `//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${
-        this.placement
-      }`;
+    script.src = this.script || `//cdn.carbonads.com/carbon.js?serve=${this.serve}&placement=${this.placement}&format=${this.format}`;
     script.onerror = () => {
       this.showFallback = true;
       this.forceUpdate();