<!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">
<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>
<style>.turbo-progress-bar { height: 5px; background-color: #8B61B5;}</style>
</head>
<body class="admin website backgrounds_edit">
<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 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>
<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>
<div id="podcast_title">
<a href="#" id="podcast_title_link" data-action="modal#show partial#fetchAndInsert" class="podcast_switch relative">Razlog za slikanje</a>
</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>
<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>
<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>
</div>
</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>
<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="$("#upload_background_button").prop("disabled", true);toggleWorking();if($("#current_bg_image").is(":visible")){$("#current_bg_image").slideUp("fast");}" enctype="multipart/form-data" action="/1876419/website/background" accept-charset="UTF-8" data-remote="true" method="post"><input name="utf8" type="hidden" value="✓" />
<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&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>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></body>
</html>