{"id":6627,"date":"2022-03-30T08:47:03","date_gmt":"2022-03-30T08:47:03","guid":{"rendered":"https:\/\/brightchamps.com\/blog\/?p=6627"},"modified":"2023-12-18T12:37:35","modified_gmt":"2023-12-18T12:37:35","slug":"make-banner-in-scratch","status":"publish","type":"post","link":"https:\/\/brightchamps.com\/blog\/make-banner-in-scratch\/","title":{"rendered":"How To Make A Creative Banner In Scratch For Web Design &#038; Many More"},"content":{"rendered":"<div class=\"yoast-breadcrumbs\"><span><span><a href=\"https:\/\/brightchamps.com\/blog\/\">Home<\/a><\/span> \u00bb <span><a href=\"https:\/\/brightchamps.com\/blog\/code-for-kids\/\">Code for Kids Corner<\/a><\/span> \u00bb <span class=\"breadcrumb_last\" aria-current=\"page\"><strong>How To Make A Creative Banner In Scratch For Web Design &#038; Many More<\/strong><\/span><\/span><\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Scratch is a high-level block-based visual programming language widely used as a tool for learning how to code.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">One can make animations, make visuals like storytelling, basic games with audio and other effects, draw different patterns, add music components, etc on Scratch.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">And today we will learn how we can <strong>make banners in Scratch<\/strong>.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As we know banners on the web are used for advertising. We can promote any brand by giving a web banner. <\/p>\n\n\n<div id=\"cstm_banner_cta\"><\/div>\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">A web banner is a narrow horizontal or vertical image or text advertisement on a web page.&nbsp;<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">We&#8217;ll make something similar in <a href=\"https:\/\/brightchamps.com\/blog\/guides\/scratch-programming\/\">Scratch programming<\/a> as well. It wouldn&#8217;t have to be an advertisement banner.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img fetchpriority=\"high\" fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Free-Kids-Coding-Resources-1024x512.jpg\" alt=\"Scratch Coding\" class=\"wp-image-4006\" width=\"768\" height=\"384\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Free-Kids-Coding-Resources-980x490.jpg 980w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/02\/Free-Kids-Coding-Resources-480x240.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, 100vw\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">However, when implementing this project, you can simply use the Scratch platform to create any type of banner for web pages, etc.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Creating banners in Scratch is a relatively simple process, so let&#8217;s get started.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Or, learn more about<a href=\"https:\/\/brightchamps.com\/blog\/scratch-coding-for-kids\/\"> scratch coding for kids.<\/a><\/p>\n\n\n\n<div class=\"wp-block-yoast-seo-table-of-contents yoast-table-of-contents\"><h2>Table of contents<\/h2><ul><li><a href=\"#h-let-s-see-how-we-can-make-banners-in-scratch\" data-level=\"2\">Let&#8217;s see how we can make banners in Scratch.<\/a><\/li><li><a href=\"#h-conclusion\" data-level=\"2\">Conclusion<\/a><\/li><\/ul><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-let-s-see-how-we-can-make-banners-in-scratch\"><strong>Let&#8217;s see how we can make banners in Scratch.<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Here we will start with making basic banners in Scratch, a text banner.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For making a text banner we will first go to https:\/\/scratch.mit.edu, and sign in so that our project gets saved. And follow the steps given below:\u00a0\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1:<\/strong> Click On \u2018Create\u2019 to start a new project.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"1024\" height=\"118\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch-1-1024x118.png\" alt=\"How To Make Creative Banners In Scratch\" class=\"wp-image-6631\" style=\"width:768px;height:89px\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch-1-980x113.png 980w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch-1-480x55.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2:<\/strong> Before we go to the next step, we will first take a look at the page explained in the image below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"1024\" height=\"586\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch-2-1024x586.png\" alt=\"How To Make Creative Banners In Scratch\" class=\"wp-image-6632\" style=\"width:768px;height:440px\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch-2-980x561.png 980w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch-2-480x275.png 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3:<\/strong> Now for making the banner we will first remove the Sprite1 i.e. the cat as it is not required and instead add a new sprite by selecting the \u2018Paint\u2019 option.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"453\" height=\"607\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch-3.png\" alt=\"How To Make Creative Banners In Scratch\" class=\"wp-image-6633\" style=\"width:340px;height:455px\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch-3.png 453w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch-3-224x300.png 224w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch-3-112x150.png 112w\" sizes=\"auto, (max-width: 453px) 100vw, 453px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 4:<\/strong> Let\u2019s say we want to make a banner for the game Minecraft. To do this we can add the Minecraft game\u2019s logo or we can even just write the name. We will be adding text after selecting the \u2018Paint\u2019 option. Also explained in the picture below.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"530\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch-4-1024x530.png\" alt=\"How To Make Creative Banners In Scratch\" class=\"wp-image-6634\" style=\"width:768px;height:398px\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch-4-980x508.png 980w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch-4-480x249.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 5:<\/strong> We can also pick different hand-writing styles, colors, and font sizes. I picked different colors for my text background by first duplicating my sprite\u2019s costumes three times. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For duplicating just right-click and choose duplicate.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"501\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch-5-1024x501.png\" alt=\"How To Make Creative Banners In Scratch\" class=\"wp-image-6635\" style=\"width:768px;height:376px\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch-5-980x480.png 980w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch-5-480x235.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 6:<\/strong> And now we will pick one more sprite for the logo, which is optional, and for this, we will select \u2018Upload Sprite\u2019 and upload the picture from your device\u2019s gallery.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"555\" height=\"648\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch-6.png\" alt=\"How To Make Creative Banners In Scratch\" class=\"wp-image-6636\" style=\"width:416px;height:486px\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch-6.png 555w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch-6-480x560.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 555px, 100vw\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 7<\/strong>: Edit the picture uploaded according to the requirement with the various tools available in Scratch. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can even edit the picture beforehand as per requirement using third-party software.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"497\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch-7-1024x497.png\" alt=\"How To Make Creative Banners In Scratch\" class=\"wp-image-6637\" style=\"width:768px;height:373px\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch-7-980x476.png 980w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch-7-480x233.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 8<\/strong>. After completing the design of both the sprites, we will now move on to the coding part. For coding, we have an entire palette of blocks available and starting with an events block. <\/p>\n\n\n\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s explore a few of them by using them in this project.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"455\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch-8-1024x455.png\" alt=\"How To Make Creative Banners In Scratch\" class=\"wp-image-6638\" style=\"width:768px;height:341px\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch-8-980x436.png 980w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch-8-480x213.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 9:<\/strong> Keeping the logo sprite unchanged, we will only do coding for the banner sprite i.e. Sprite 1.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The script for the entire project i.e. creating banners in Scratch is given below. Make sure you try to get yourself familiar with these code blocks as you work on this project.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" loading=\"lazy\" decoding=\"async\" width=\"433\" height=\"722\" src=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch-9.png\" alt=\"How To Make Creative Banners In Scratch\" class=\"wp-image-6639\" style=\"width:325px;height:542px\" srcset=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch-9.png 433w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch-9-180x300.png 180w, https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch-9-90x150.png 90w\" sizes=\"auto, (max-width: 433px) 100vw, 433px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 10<\/strong>: Woohoo!! And our banner is ready. Click on the Green flag to see the final output.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-conclusion\"><strong>Conclusion<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">With the introduction of the Scratch platform, even young children can now create games.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This platform teaches them coding for kids concepts, and game development logic, improves their math aptitude, and problem-solving skills, and many other advantages.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">However, this platform&#8217;s creativity is not limited to games; one can also create animations, pictures, drawings, pixel art, and so on.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this blog, we looked at one of these creative options and learned how to make banners in Scratch. Now go ahead and make some awesome banners for your web pages and wherever else you may need them.<\/p>\n\n\n<div id=\"cstm_banner_cta\"><\/div>\n\n\n\n\n<p class=\"wp-block-paragraph\">Learn Scratch at BrightChamps with its specially designed curriculum that makes learning programming easy for students in Grade 1-12. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To get your hands on more such articles, educational content, and free resources on\u00a0<a href=\"https:\/\/brightchamps.com\/blog\/coding-classes-for-kids-unleash-your-childs-potential\/\" target=\"_blank\" rel=\"noreferrer noopener\">coding classes for kids,<\/a>\u00a0<a href=\"https:\/\/brightchamps.com\/blog\/online-robotics-classes-for-kids\/\" target=\"_blank\" rel=\"noreferrer noopener\">online robotics classes for kids<\/a>, game development, etc., check out the\u00a0<a href=\"https:\/\/brightchamps.com\/\">BrightCHAMPS<\/a>\u00a0Page\u00a0now!\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Scratch is a high-level block-based visual programming language widely used as a tool for learning how to code.&nbsp; One can make animations, make visuals like storytelling, basic games with audio and other effects, draw different patterns, add music components, etc on Scratch.&nbsp; And today we will learn how we can make banners in Scratch.&nbsp; As [&hellip;]<\/p>\n","protected":false},"author":66,"featured_media":6640,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"1080","footnotes":""},"categories":[49],"tags":[68],"class_list":["post-6627","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-code-for-kids","tag-codechamps"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How To Make A Creative Banner In Scratch For Web Design &amp; Many More - BrightChamps Blog<\/title>\n<meta name=\"description\" content=\"Step-by-step guide to creating custom banners using Scratch programming for personalized designs.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/brightchamps.com\/blog\/make-banner-in-scratch\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Make A Creative Banner In Scratch For Web Design &amp; Many More - BrightChamps Blog\" \/>\n<meta property=\"og:description\" content=\"Step-by-step guide to creating custom banners using Scratch programming for personalized designs.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/brightchamps.com\/blog\/make-banner-in-scratch\/\" \/>\n<meta property=\"og:site_name\" content=\"BrightChamps Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/BrightChamps-101266664954230\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-30T08:47:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-18T12:37:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2100\" \/>\n\t<meta property=\"og:image:height\" content=\"1185\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Ravneet Kaur\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ravneet Kaur\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/make-banner-in-scratch\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/make-banner-in-scratch\\\/\"},\"author\":{\"name\":\"Ravneet Kaur\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#\\\/schema\\\/person\\\/459e09569553d59313f54258098f8030\"},\"headline\":\"How To Make A Creative Banner In Scratch For Web Design &#038; Many More\",\"datePublished\":\"2022-03-30T08:47:03+00:00\",\"dateModified\":\"2023-12-18T12:37:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/make-banner-in-scratch\\\/\"},\"wordCount\":712,\"publisher\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/make-banner-in-scratch\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/How-To-Make-Creative-Banners-In-Scratch.png\",\"keywords\":[\"CodeChamps\"],\"articleSection\":[\"Code for Kids Corner\"],\"inLanguage\":\"en-US\",\"accessibilityFeature\":[\"tableOfContents\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/make-banner-in-scratch\\\/\",\"url\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/make-banner-in-scratch\\\/\",\"name\":\"How To Make A Creative Banner In Scratch For Web Design & Many More - BrightChamps Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/make-banner-in-scratch\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/make-banner-in-scratch\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/How-To-Make-Creative-Banners-In-Scratch.png\",\"datePublished\":\"2022-03-30T08:47:03+00:00\",\"dateModified\":\"2023-12-18T12:37:35+00:00\",\"description\":\"Step-by-step guide to creating custom banners using Scratch programming for personalized designs.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/make-banner-in-scratch\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/brightchamps.com\\\/blog\\\/make-banner-in-scratch\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/make-banner-in-scratch\\\/#primaryimage\",\"url\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/How-To-Make-Creative-Banners-In-Scratch.png\",\"contentUrl\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/03\\\/How-To-Make-Creative-Banners-In-Scratch.png\",\"width\":2100,\"height\":1185,\"caption\":\"How To Make Creative Banners In Scratch\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/make-banner-in-scratch\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Code for Kids Corner\",\"item\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/code-for-kids\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How To Make A Creative Banner In Scratch For Web Design &#038; Many More\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/\",\"name\":\"BrightChamps Blog\",\"description\":\"BrightChamps Blog, also known as BrightChamps Hub is a go-to resource hub for everything on Coding for kids\",\"publisher\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#organization\",\"name\":\"BrightChamps\",\"url\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/BrightCHAMPS-logo-new-1.png\",\"contentUrl\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/03\\\/BrightCHAMPS-logo-new-1.png\",\"width\":417,\"height\":80,\"caption\":\"BrightChamps\"},\"image\":{\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/BrightChamps-101266664954230\\\/\",\"https:\\\/\\\/www.instagram.com\\\/brightchamps\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/brightchamps\\\/mycompany\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UC_Afe_rMGoK5Bs4nSt8QIzQ\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/#\\\/schema\\\/person\\\/459e09569553d59313f54258098f8030\",\"name\":\"Ravneet Kaur\",\"description\":\"\u2b50\u2b50\u2b50\u2b50\u2b50 I am an avid reader, pedantic persona, pursuing doctorate in Science and Technology. With BrightChamps, I hope to share my enthusiasm for science and technology with children, preparing them for the future. Learn from Me\",\"url\":\"https:\\\/\\\/brightchamps.com\\\/blog\\\/author\\\/ravneetkaur\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Make A Creative Banner In Scratch For Web Design & Many More - BrightChamps Blog","description":"Step-by-step guide to creating custom banners using Scratch programming for personalized designs.","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:\/\/brightchamps.com\/blog\/make-banner-in-scratch\/","og_locale":"en_US","og_type":"article","og_title":"How To Make A Creative Banner In Scratch For Web Design & Many More - BrightChamps Blog","og_description":"Step-by-step guide to creating custom banners using Scratch programming for personalized designs.","og_url":"https:\/\/brightchamps.com\/blog\/make-banner-in-scratch\/","og_site_name":"BrightChamps Blog","article_publisher":"https:\/\/www.facebook.com\/BrightChamps-101266664954230\/","article_published_time":"2022-03-30T08:47:03+00:00","article_modified_time":"2023-12-18T12:37:35+00:00","og_image":[{"width":2100,"height":1185,"url":"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch.png","type":"image\/png"}],"author":"Ravneet Kaur","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Ravneet Kaur","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/brightchamps.com\/blog\/make-banner-in-scratch\/#article","isPartOf":{"@id":"https:\/\/brightchamps.com\/blog\/make-banner-in-scratch\/"},"author":{"name":"Ravneet Kaur","@id":"https:\/\/brightchamps.com\/blog\/#\/schema\/person\/459e09569553d59313f54258098f8030"},"headline":"How To Make A Creative Banner In Scratch For Web Design &#038; Many More","datePublished":"2022-03-30T08:47:03+00:00","dateModified":"2023-12-18T12:37:35+00:00","mainEntityOfPage":{"@id":"https:\/\/brightchamps.com\/blog\/make-banner-in-scratch\/"},"wordCount":712,"publisher":{"@id":"https:\/\/brightchamps.com\/blog\/#organization"},"image":{"@id":"https:\/\/brightchamps.com\/blog\/make-banner-in-scratch\/#primaryimage"},"thumbnailUrl":"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch.png","keywords":["CodeChamps"],"articleSection":["Code for Kids Corner"],"inLanguage":"en-US","accessibilityFeature":["tableOfContents"]},{"@type":"WebPage","@id":"https:\/\/brightchamps.com\/blog\/make-banner-in-scratch\/","url":"https:\/\/brightchamps.com\/blog\/make-banner-in-scratch\/","name":"How To Make A Creative Banner In Scratch For Web Design & Many More - BrightChamps Blog","isPartOf":{"@id":"https:\/\/brightchamps.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/brightchamps.com\/blog\/make-banner-in-scratch\/#primaryimage"},"image":{"@id":"https:\/\/brightchamps.com\/blog\/make-banner-in-scratch\/#primaryimage"},"thumbnailUrl":"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch.png","datePublished":"2022-03-30T08:47:03+00:00","dateModified":"2023-12-18T12:37:35+00:00","description":"Step-by-step guide to creating custom banners using Scratch programming for personalized designs.","breadcrumb":{"@id":"https:\/\/brightchamps.com\/blog\/make-banner-in-scratch\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/brightchamps.com\/blog\/make-banner-in-scratch\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brightchamps.com\/blog\/make-banner-in-scratch\/#primaryimage","url":"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch.png","contentUrl":"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2022\/03\/How-To-Make-Creative-Banners-In-Scratch.png","width":2100,"height":1185,"caption":"How To Make Creative Banners In Scratch"},{"@type":"BreadcrumbList","@id":"https:\/\/brightchamps.com\/blog\/make-banner-in-scratch\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/brightchamps.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Code for Kids Corner","item":"https:\/\/brightchamps.com\/blog\/code-for-kids\/"},{"@type":"ListItem","position":3,"name":"How To Make A Creative Banner In Scratch For Web Design &#038; Many More"}]},{"@type":"WebSite","@id":"https:\/\/brightchamps.com\/blog\/#website","url":"https:\/\/brightchamps.com\/blog\/","name":"BrightChamps Blog","description":"BrightChamps Blog, also known as BrightChamps Hub is a go-to resource hub for everything on Coding for kids","publisher":{"@id":"https:\/\/brightchamps.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/brightchamps.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/brightchamps.com\/blog\/#organization","name":"BrightChamps","url":"https:\/\/brightchamps.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brightchamps.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2026\/03\/BrightCHAMPS-logo-new-1.png","contentUrl":"https:\/\/brightchamps.com\/blog\/wp-content\/uploads\/2026\/03\/BrightCHAMPS-logo-new-1.png","width":417,"height":80,"caption":"BrightChamps"},"image":{"@id":"https:\/\/brightchamps.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/BrightChamps-101266664954230\/","https:\/\/www.instagram.com\/brightchamps\/","https:\/\/www.linkedin.com\/company\/brightchamps\/mycompany\/","https:\/\/www.youtube.com\/channel\/UC_Afe_rMGoK5Bs4nSt8QIzQ"]},{"@type":"Person","@id":"https:\/\/brightchamps.com\/blog\/#\/schema\/person\/459e09569553d59313f54258098f8030","name":"Ravneet Kaur","description":"\u2b50\u2b50\u2b50\u2b50\u2b50 I am an avid reader, pedantic persona, pursuing doctorate in Science and Technology. With BrightChamps, I hope to share my enthusiasm for science and technology with children, preparing them for the future. Learn from Me","url":"https:\/\/brightchamps.com\/blog\/author\/ravneetkaur\/"}]}},"_links":{"self":[{"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/posts\/6627","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/users\/66"}],"replies":[{"embeddable":true,"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/comments?post=6627"}],"version-history":[{"count":7,"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/posts\/6627\/revisions"}],"predecessor-version":[{"id":28611,"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/posts\/6627\/revisions\/28611"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/media\/6640"}],"wp:attachment":[{"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/media?parent=6627"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/categories?post=6627"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/brightchamps.com\/blog\/wp-json\/wp\/v2\/tags?post=6627"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}