{"id":1201,"date":"2021-07-29T16:57:00","date_gmt":"2021-07-29T16:57:00","guid":{"rendered":"http:\/\/www.appsgeyser.com\/blog\/?p=1201"},"modified":"2023-12-15T20:42:30","modified_gmt":"2023-12-15T20:42:30","slug":"banner-code-for-custom-banner","status":"publish","type":"post","link":"https:\/\/appsgeyser.com\/blog\/banner-code-for-custom-banner\/","title":{"rendered":"An Easier Way to Get Banner Code for a Custom Banner"},"content":{"rendered":"\n

Wait! Yesterday’s post was confusing. There were too many steps. It was complicated.<\/p>\n\n\n\n

I pondered it all night and decided that there had to be a better way to make an AppsGeyser banner, and I’ve found it, and I’m going to tell you how to do it.<\/p>\n\n\n\n

Trust me, this is easy. If you’re intimidated by the long process, skip down to the bottom for the summary.<\/p>\n\n\n\n

Step-by-Step Guide to Get Banner Code for a Custom Banner<\/h2>\n\n\n\n
  1. Go to BannerFans.com<\/a><\/li>
  2. Layout: Custom! Enter Size: 480px wide by 80px high. (Note: To see banner changes, you have to click ‘Update my banner.’) <\/strong><\/li><\/ol>\n\n\n
    \n
    \"step<\/a><\/figure><\/div>\n\n\n
    1. Select a background mode. You can upload a picture, use solid color, or use gradient. I like gradient color.<\/li><\/ol>\n\n\n
      \n
      \"step<\/a><\/figure><\/div>\n\n\n
      1. Choose your gradient colors \u2013 These are the background colors of your banner. Remember that different colors have a different impact on your customers. Remember to update your banner so you’ll be able to see how it looks.<\/li><\/ol>\n\n\n
        \n
        \"step<\/a><\/figure><\/div>\n\n\n
        1. Select gradient mode \u2013 This is totally a matter of personal preference. I recommend trying them all to see how they look in your color scheme. Remember that you can change the font<\/a> and color of the text later. It’s also important to remember that you can go back and change the background at any time.<\/li><\/ol>\n\n\n
          \n
          \"select<\/a><\/figure><\/div>\n\n\n
          1. Text and Fonts \u2013 Add the correct text. Change the fonts and colors to whatever you want! You can tilt the text if you want.<\/li><\/ol>\n\n\n
            \n
            \"text<\/a><\/figure><\/div>\n\n\n
            1. Shadows and Effects \u2013 Add shadow to your banner text if you want.<\/li><\/ol>\n\n\n
              \n
              \"shadows<\/a><\/figure><\/div>\n\n\n
              1. Border \u2013 Decide if you want a border and what sort of border you want for your banner.<\/li><\/ol>\n\n\n
                \n
                \"border<\/a><\/figure><\/div>\n\n\n
                1. Format \u2013 The format doesn’t really matter. I like JPG.<\/li><\/ol>\n\n\n
                  \n
                  \"file<\/a><\/figure><\/div>\n\n\n



                  10. Click on Get the codes<\/strong><\/p>\n\n\n

                  \n
                  \"get<\/a><\/figure><\/div>\n\n\n



                  11. Change the URL to the URL you want your customers directed to. Because this is just a sample, we’re using the AppsGeyser.com address.<\/p>\n\n\n

                  \n
                  \"change<\/a><\/figure><\/div>\n\n\n



                  12. Click on the code labeled Code for webpages\/blogs\/MySpace.  <\/strong>Hit ctrl-c to copy the text.<\/p>\n\n\n

                  \n
                  \"take<\/a><\/figure><\/div>\n\n\n



                  13. Hit Ctrl-V to paste the code in your AppsGeyser Monetize<\/strong> tab. Click Submit<\/strong>!<\/p>\n\n\n

                  \n
                  \"paste<\/a><\/figure><\/div>\n\n\n

                  Here’s the short version:<\/p>\n\n\n\n

                  1. Go to BannerFans.com<\/a>.<\/li>
                  2. Set up your banner.<\/li>
                  3. Get the code (labeled for webpages\/blogs\/MySpace<\/strong>) – be sure to change the link address!<\/li>
                  4. Paste it in the Monetize tab!<\/li><\/ol>\n","protected":false},"excerpt":{"rendered":"

                    Wait! Yesterday’s post was confusing. There were too many steps. It was complicated. I pondered it all night and decided that there had to be a better way to make an AppsGeyser banner, and I’ve found it, and I’m going to tell you how to do it. Trust me, this is easy. If you’re intimidated […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-1201","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/appsgeyser.com\/blog\/wp-json\/wp\/v2\/posts\/1201","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/appsgeyser.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/appsgeyser.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/appsgeyser.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/appsgeyser.com\/blog\/wp-json\/wp\/v2\/comments?post=1201"}],"version-history":[{"count":0,"href":"https:\/\/appsgeyser.com\/blog\/wp-json\/wp\/v2\/posts\/1201\/revisions"}],"wp:attachment":[{"href":"https:\/\/appsgeyser.com\/blog\/wp-json\/wp\/v2\/media?parent=1201"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/appsgeyser.com\/blog\/wp-json\/wp\/v2\/categories?post=1201"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/appsgeyser.com\/blog\/wp-json\/wp\/v2\/tags?post=1201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}