<!DOCTYPE HTML>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  <title>Buzzsprout</title>
  <meta name="description" content="" />
  <meta name="keywords" content="" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
  <link rel="stylesheet" media="all" href="https://assets.buzzsprout.com/assets/layouts/application-2b22cd778f477b0c40ef5c2459474a9a4a6a23901691619abdec1aa749bfb4d1.css" data-turbo-track="reload" />
  <link rel="stylesheet" media="print" href="https://assets.buzzsprout.com/assets/layouts/print-7b3c16b9bfe80020f01af9112275fd643e3b971a76dc17f98d96f7bcb0070fd0.css" data-turbo-track="reload" />
  <meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="7qFkbkiqOaNcgaFex5whTeBfkAIxr1g2PJ8qfCW9vm1TdVWTMkYAnA4T0Mq1DSzD1du9WZp1WEvVf10MlNqcyg==" />
  <link rel="shortcut icon" href="/favicon.ico">
  <!-- :defaults -->
  <script src="https://assets.buzzsprout.com/packs/js/rollbar-c3fd53e99bdbe12cee4b.js" defer="defer" data-turbo-track="reload"></script>
  <script src="https://js.stripe.com/v3/" defer></script>
  <script src="https://assets.buzzsprout.com/javascripts/datepicker/js/datepicker.js"></script>
  <script src="https://assets.buzzsprout.com/assets/application-7cd2dbc15c8a723458dd3f283d368980f1b4e319a04c36be0b16fef1a786ee89.js" crossorigin="anonymous" defer="defer" data-turbo-track="reload"></script>
  <script src="https://assets.buzzsprout.com/packs/js/application-59b06272592513dfd1fb.js" crossorigin="anonymous" defer="defer" data-turbo-track="reload"></script>
  <script src="https://www.gstatic.com/charts/loader.js"></script>
    <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-344771-7', 'auto');
  ga('send', 'pageview');

</script>
  <!--[if lt IE 9]>
    <link rel="stylesheet" media="all" href="https://assets.buzzsprout.com/assets/partials/base/common/common_ie-a96e54389ae136d404b4f2508d56eef966afb55d86024c381d8866203423056d.css" />
  <![endif]-->
  
  <style>.turbo-progress-bar { height: 5px; background-color: #8B61B5;}</style>
</head>
<body class="admin website backgrounds_edit">
<!--  <p id="system-note"></p> -->

  <p id="system-note" class="">
    We sent an email to <strong><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="036a6d656c436876736a706f6a686c2d706a">[email&#160;protected]</a></strong> to verify your email address. Didn't get it?
    <a href="/my/profile/email">Resend email</a>.
  </p>

<div id="working" style="display:none">Working...</div>
<header data-controller="modal partial" data-partial-url="/1876419/podcasts.js">
  <a href="/1876419/episodes" class="buzz_logo" >Buzzsprout</a>
  <div id="masthead">
    <ul id="super_nav" aria-label="Global links">
      <li class="super-nav--my-podcasts"><a href="#" data-action="modal#show partial#fetchAndInsert">My Podcasts</a></li>
      <li class="super-nav--my-profile"><a href="/my/profile">My Profile</a></li>
      <li class="super-nav--resources"><a href="/1876419/resources">Resources</a></li>
      <li class="super-nav--help"><a href="/1876419/podcast/support">Help</a></li>
      <li><a data-action="channel#closeConnection" data-turbo="false" href="/logout">Log Out</a></li>
    </ul>
  </div><!-- /masthead -->
  <div id="main_nav">
    <div id="image">
      <a href="/1876419/episodes">
        <img alt="Razlog za slikanje Podcast Artwork Image" src="https://www.buzzsprout.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCT2N3cGdJPSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--59d5ff95cf6e53745811ca1883d1880814454f48/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2QzNKbGMybDZaVWtpRFRZd01IZzJNREJlQmpzR1ZEb01aM0poZG1sMGVVa2lDMk5sYm5SbGNnWTdCbFE2QzJWNGRHVnVkRWtpRERZd01IZzJNREFHT3daVU9neHhkV0ZzYVhSNWFWVTZEMk52Ykc5eWMzQmhZMlZKSWdselVrZENCanNHVkE9PSIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--8a9b4b1bc245a46b538f72d4d9b2ab0a7fbe8ac1/copoic.jpg" />
      </a>
      <div id="update_artwork">
        <a href="/1876419/podcast/edit">Update Artwork</a>
      </div>
    </div><!-- /image -->

    <div id="podcast_title">
      <a href="#"  id="podcast_title_link" data-action="modal#show partial#fetchAndInsert" class="podcast_switch relative">Razlog za slikanje</a><!-- /title -->
    </div>

    <ul id="nav" aria-label="Main Navigation">
      <li><a href="/1876419/episodes" title="Episodes" class="first nav--episodes">Episodes</a></li>
      <li><a href="/1876419/podcast/embed" title="Players" class="nav--players">Players</a></li>
      <li><a href="/1876419/website/background/edit" title="Website" class="nav--website">Website</a></li>
      <li><a href="/1876419/directories" title="Directories" class="nav--directories">Directories</a></li>
      <li><a href="/1876419/monetization" title="Resources" class="nav--monetization">Monetization</a></li>
      <li><a href="/1876419/podcast/edit" title="Podcast Settings" class="nav--podcast-settings">Podcast Settings</a></li>
      <li><a href="/1876419/stats" title="Stats" class="last nav--stats">Stats</a></li>
    </ul>
  </div><!-- /masthead -->
  <label for="toggle" class="mobile-menu">
     <ul>
      <li></li>
      <li></li>
      <li></li>
     </ul>
     <span class="mobile-menu__text">menu</span>
  </label>
  <input class="mobile-nav__check" type="checkbox" id="toggle">
  <div class="mobile-nav" aria-label="Mobile Navigation">
    <a href="/1876419/episodes">Episodes</a>
    <a href="/1876419/directories" title="Directories">Directories</a>
    <a href="/1876419/monetization" title="Resources">Monetization</a>
    <a href="/1876419/podcast/edit" title="Podcast Settings">Podcast Settings</a>
    <a href="/1876419/stats" title="Stats">Stats</a>
    <a href="#" class="mobile-nav__alt" data-action="modal#show partial#fetchAndInsert">My Podcasts</a>
    <a href="/my/profile" class="mobile-nav__alt">My Profile</a>
    <a href="/1876419/resources" title="Resources" class="mobile-nav__alt" >Resources</a>

    <a class="mobile-nav__alt" href="/1876419/podcast/support">Help</a>
    <a data-turbo="false" class="mobile-nav__alt" href="/logout">Log Out</a>

  </div><!-- /top_nav -->


  <div class="modal-takeover hide" data-target="modal.modalWindow" data-action="click->modal#hideSelf">
    <div class="modal-large animate-position-top animate-on-show">
      <div type="button" class="modal-large--close" data-action="click->modal#hide">×</div>
      <h1 class="modal-xlarge--title">My Podcasts</h1>
      <div class="my-podcasts__list">
        <div data-target="partial.container"></div>
        <div class="hide loading-icon" data-target="partial.loadingIcon"></div>
        <div class="my-podcasts__create">
          <a href="/1876419/podcast/new" class="btn btn--large btn--green">Create a New Podcast</a>
          <p class="my-podcasts__create--note">Note: Each podcast is on its own plan.</p>
        </div>
      </div>
    </div><!-- /modal-large -->
  </div><!-- /modal-takeover -->

</header>

<div id="sub_nav">
  <ul>
    <li class="sub_nav__website--colors current"><a href="/1876419/website/background/edit">Color and Background</a></li>
    <li class="sub_nav__website--social"><a href="/1876419/website/social_listings/edit">Social Media Links</a></li>
    <li class="sub_nav__website--url"><a href="/1876419/website/url/edit">Website URL</a></li>
    <li class="sub_nav__website--hide"><a href="/1876419/website/search_engines/edit">Hide from Search Engines</a></li>
  </ul>
</div>
<!-- /sub_nav -->


<div id="content" data-controller="web-notifications" 
                  data-web-notifications-user-id-value=""
                  data-web-notifications-icon-path-value="https://assets.buzzsprout.com/assets/app/icons/logo_buzzsprout_small-2a7ed739f4858d004f2cc32e99dc6f82a51f12f5a941ad911df6662f3c56d2f3.png">
<div id="main">
  <h1 class="sub_title no_margin">Color and background</h1>

  <div class="container-tan public-site__url" id="public_site_url">
    <strong>Podcast website URL: <a target="_blank" href="https://razlogzaslikanje.buzzsprout.com">https://razlogzaslikanje.buzzsprout.com</a> </strong><i>↗️</i><span><a href="/1876419/website/url/edit" class="link-gray">Change website url</a></span>
  </div>

    <div id="website_controls" class="colors-background__controls" data-target="preview.websiteSettings">

    <div class="colors-background__controls--column" id="website--color-background">
    <label>Select a color for your website</label>
    <p>Header, social icons, and link colors on your Buzzsprout podcast website will update to be the color you select below.</p>
      <div class="website__bgcolor input-group-addon">
        <input value="#91aed0" data-href="/1876419/website/background/color" type="hidden" name="podcast[background_color]" id="podcast_background_color">
        <i class="color-box" style="background-color: #e0b519"></i>
        <strong>Main Color & Link Color</strong>
      </div>
    </div>

    <div class="colors-background__controls--column">


    <div id="current_bg_image" class="website__bg--image" >
      <label>Your current background image</label>
      <div class="flex">
        <div>
          <img id="background_image_thumb" src="https://www.buzzsprout.com/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCRGd3cGdJPSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--1ed528925436e0f448d4712fd3e91ff6f0e1ed25/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCam9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE9IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--8294d448e9e127bb63e3e9d6005624cc0ad74b64/NASLOVNA-MOGOCE-2-2.png" alt="Razlog za slikanje Background"><br />
        </div>
        <div class="website__bg--options">
          <label class="checkbox-wrap">
            <input name="podcast[background_stretch]" type="hidden" value="0" /><input data-href="/1876419/website/background/stretch" class="checkbox" type="checkbox" value="1" name="podcast[background_stretch]" id="podcast_background_stretch" />
            <div>Stretch Background</div>
          </label>
          <label class="checkbox-wrap">
            <input name="podcast[background_tile]" type="hidden" value="0" /><input data-href="/1876419/website/background/tile" class="checkbox" type="checkbox" value="1" name="podcast[background_tile]" id="podcast_background_tile" />
            <div>Tile Background</div>
          </label>
          <a class="btn btn_small btn_red website--btn" id="remove_current_background" data-remote="true" rel="nofollow" data-method="delete" href="/1876419/website/background">Remove background</a>
        </div>
      </div>
    </div>
    <form class="edit_podcast" id="podcast_apply_background" style="display: none;" onsubmit="$(&quot;#upload_background_button&quot;).prop(&quot;disabled&quot;, true);toggleWorking();if($(&quot;#current_bg_image&quot;).is(&quot;:visible&quot;)){$(&quot;#current_bg_image&quot;).slideUp(&quot;fast&quot;);}" enctype="multipart/form-data" action="/1876419/website/background" accept-charset="UTF-8" data-remote="true" method="post"><input name="utf8" type="hidden" value="&#x2713;" />
      <label>Set a background image</label>
      <p>Minimum of 1250 x 260 px and less than 800k (.jpg, .gif, .png)</p>
      <input class="website__bg--choose" accept="image/*" data-direct-upload-url="https://www.buzzsprout.com/rails/active_storage/direct_uploads" type="file" name="podcast[background]" id="podcast_background" /><br />
      <div id="actions">
      <input id="upload_background_button" data-disable-with="Upload Image" disabled class="btn btn_small"type="submit" value="Upload Image" />
      </div>
</form>    </div>
  </div>

  <div id="public_preview" class="public-site__preview-container" data-target="preview.container">
    <ul>
      <li class="current"><a id="desktop_view" href="#">Preview</a></li>
      <li><a id="mobile_view" href="#">Phone preview</a></li>
    </ul>
    <div class="iframe">
      <iframe id="iframe" src ="/1876419?preview=true&amp;referrer=https%3A%2F%2Fwww.buzzsprout.com%2F1876419%2Fwebsite%2Fbackground%2Fedit" width="100%" height="800" style="border: 0;">
      <p>Your browser does not support iframes. <a href="http://www.getfirefox.com">Let's get you upgraded</a>.</p>
    </iframe>
    </div>
  </div>
</div>

  </div><!-- /content -->

<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></body>
</html>