Carregando...

Teste Well

Scroll Down

# Lorem ipsum aqui vai o conteúdo do post.

Abaixo o script que deve ser copiado e colado para os podcasts. Cada um deles tem um link, que deve ser que está sinalizado em letras maiúculas.

ABAIXO Script Well para adicionar imagens com os links do podcast e o Player do Podcast

IMAGENS COM OS LINKS DO PODCAST

  • Adicionar um bloco
  • Selecionar HTML personalizado
  • Colar:
<ul class="podcast-players podcast-players--internal"><li class="podcast-players__item"><a class="podcast-players__link podcast-players__link--spotify" href="https://open.spotify.com/episode/2ysqDWSOAg44ykmuk0Q7Ql?si=8oFQdv7rSSeAC16BKgJOtg" target="_blank" rel="noopener noreferrer">Spotify</a></li><li class="podcast-players__item"><a class="podcast-players__link podcast-players__link--deezer" href="https://www.deezer.com/br/episode/279563122?utm_campaign=clipboard-generic&amp;utm_source=user_sharing&amp;utm_medium=desktop&amp;utm_content=talk_episode-274657112" target="_blank" rel="noopener noreferrer">Deezer</a></li><li class="podcast-players__item"><a class="podcast-players__link podcast-players__link--applepodcasts" href="https://podcasts.apple.com/br/podcast/o-impacto-preciso-dos-dados-na-constru%C3%A7%C3%A3o-civil/id1510607397?i=1000509658287" target="_blank" rel="noopener noreferrer">Apple Podcasts</a></li><li class="podcast-players__item"><a class="podcast-players__link podcast-players__link--googlepodcasts" href="https://podcasts.google.com/feed/aHR0cHM6Ly9hbmNob3IuZm0vcy8xZTMwMWNlMC9wb2RjYXN0L3Jzcw/episode/M2ZiNmM0YTgtMTg5ZS00Y2I1LWE1Y2MtMDQ0ZTlkMjk4YTdk?sa=X&amp;ved=0CAUQkfYCahcKEwjAjsaOjvTuAhUAAAAAHQAAAAAQAg" target="_blank" rel="noopener noreferrer">Google Podcasts</a></li></ul>
<style>
.podcast-players{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  margin:0;
  padding:0;
  list-style:none
}

.podcast-players__item{
  flex:0 0 50%;
  width:50%;
  margin: 0 0 1.30vw !important; 
  padding:0;list-style:none
}

.podcast-players__link{
  display:block;
  height:2.86vw;
  margin:0;
  font-size:1px;
  text-indent:-9999px;
  transition:none;
  background-position:center top;
  background-repeat:no-repeat;
  background-size:100% auto
}

.podcast-players__link:hover{
  background-position:0 bottom
}

.podcast-players__link--spotify{
  width:9.09vw;
  background-image:url(https://blog.neoway.com.br/wp-content/uploads/2020/11/link-spotify.svg)
}

.podcast-players__link--deezer{
  width:10.46vw;background-image:url(https://blog.neoway.com.br/wp-content/uploads/2020/11/link-deezer.svg)
}

.podcast-players__link--applepodcasts{
  width:14.57vw;background-image:url(https://blog.neoway.com.br/wp-content/uploads/2020/11/link-applepodcast.svg)
}

.podcast-players__link--googlepodcasts{
  width:14.94vw;
  background-image:url(https://blog.neoway.com.br/wp-content/uploads/2020/11/link-googlepodcasts.svg)
}

 @media (orientation: portrait), (max-width: 768px) {
   .podcast-players__item{
     margin-bottom:3.25vw !important;
   }
   
   .podcast-players__link{ 
     height:7.16vw;
   }
   
   .podcast-players__link--spotify{
     width:22.72vw;
   }
   
   .podcast-players__link--deezer{
     width:26.15vw;
   }
   
   .podcast-players__link--applepodcasts{
     width:36.42vw;
   }
   
   .podcast-players__link--googlepodcasts{
     width:37.26vw;
   }
}
</style>
  • Neste mesmo bloco que foi adicionado o html, mudar para “código”, e em seguida vai mostrar a aparência correta.

PLAYER

  • Adicionar um bloco
  • Selecionar HTML personalizado
  • Colar o Iframe, ex:
<iframe src="https://open.spotify.com/embed-podcast/episode/1pThLRysl6lDhZjs4tUCmn" width="100%" height="232" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
  • Neste mesmo bloco que foi adicionado o html, mudar para “código”, e em seguida vai mostrar a aparência correta.