Olá! Como vocês estão? Eu espero que bem. Há um tempo atrás, recebi uma ask me perguntando como eu faço meus icons e decidi trazer um tutorialzinho aqui pra quem também tem esse interesse.
⠀
Vale ressaltar que, se você procurar direitinho, conseguirá encontrar diversos outros tutoriais de iconmakers ensinando seus métodos. Digo isso porque a forma como eu produzo meus icons pode ser considerada um pouco mais estendida do que os demais costumam fazer. Não quero dizer mais elaborada! Na verdade, é como se eu fizesse as mesmas coisas que os demais, mas pegando um caminho mais longo. De qualquer forma, foi o jeito como eu aprendi a fazer quando me interessei em criar icons e continuo ainda assim pela comodidade.
⠀
• Para começarmos, você usará o site Photopea. É lá que será feito tudo. Entrando no site, vá na aba lá em cima escrita "Arquivo", depois clique em "Abrir" e selecione a imagem que você irá usar. Com a imagem pronta, vamos para os primeiros passos da edição. Recortar a imagem para que ambos os lados tenham a mesma largura e altura é importante mais para frente. Então, ao recortar a imagem, selecione aquela tabelinha e troque "Livre" por "Taxa fixa". Ao arrastar as abas de cima para o lado (assim como na imagem 4), você só precisará clicar em "✓".
• Depois, você irá encontrar a aba "Imagem" também ali acima e, ao clicar nela, irá procurar por "Tamanho da imagem". Feito isso, aparecerá uma tabelinha onde você usará as seguintes medições: largura → 120, altura → 120 e DPI → 7200. Aí você só aperta em "Aceitar" para concluir.
• Ainda nas abas superiores, você as arrastará até encontrar "Filtro". Ali, você irá em "Aguçar" e, em seguida, "Aplicação inteligente de nitidez". Depois, ajuste a Quantia para 200% e o Raio para 0,5 px.
• Após aceitar e, ainda em "Filtro", você irá até "Ruído" e selecionará "Reduzir ruído". Nessa outra tabela, você deixará a "Força" em 1. (Vamos ignorar que eu marquei o errado na imagem 11)
• Com esses ajustes agora prontos, você voltará para as abas acima e irá até "Arquivo" novamente, mas dessa vez para buscar seu PSD (essa parte da aplicação do PSD é opcional. Caso não queira, pule para a imagem 16). Com o PSD em mãos, clique naquele ícone indicado ali no canto da imagem 14 e faça exatamente o que está sendo feito na imagem 15. Aproveitando para informar que meu PSD está disponível para uso no DeviantArt.
• Com o PSD ajustado na imagem, clique na mesma novamente para o último ajuste. Voltando à aba "Filtro", vá novamente para "Aguçar" e dessa vez selecione "Tornar nítido". A última etapa é a exportação, encontre a aba "Arquivo" novamente, mas agora selecione "Exportar como...". Para usar no Spirit, você precisa exportá-la como PNG ou JPG.
Geralmente, eu termino por aí, mas de vez em quando gosto de adicionar uma camada 3D. Então, faço o seguinte:
• Repito o mesmo esquema da imagem 1, mas desta vez pego o icon pronto. Vou até a aba "Camada" e clico em "Duplicar camada". Abro novamente aquele ícone (imagem 20) e clico duas vezes seguidas em "Layer". Feito isso, outra tabela maior aparecerá e, ao arrastá-la para o lado, surgirão essas três letras marcadas: R, G e B. Quando desmarcadas, cada uma delas dará cores diferentes para o efeito 3D. A letra R é vermelho com azul, a letra G é rosa com verde e a letra B é amarelo com roxo.
• Ao desmarcar a escolhida e aceitar, você dará um zoom bem próximo na imagem e, certificando-se de que ainda está na layer, puxará a mesma minimamente para o lado para então "ativar" o efeito 3D, conforme a última imagem ensina. O processo de exportação é o mesmo explicado anteriormente.
Não vou mentir, acabou sendo mais longo do que eu esperava kkkkj, mas pelo menos está detalhado para que vocês não tenham dúvidas. Espero sinceramente que seja útil para vocês e me deixem saber o que vocês acharam comentando aqui. Lembrando novamente que meu PSD está disponível para uso (não se esqueçam de me dar créditos se usarem).
e vem chegando ele, o mais aguardado! nesse tutorial, você que não tem nenhuma experiência com o roleplay na melhor plataforma já feita, mas quer aprender como jogar por aqui vai ter acesso às noções básicas, termos e tipos de interações que o tumblr já ofereceu até hoje. nessa primeira parte, mais uma explicação técnica, eu resolvi colocar links redirecionando para exemplos. o próximo vem com imagens e vai te ensinar a fazer pelo mobile tudo que explicamos aqui, fique no aguardo~
TERMOS DE INTERAÇÃO
Aqui vamos te explicar o que significa cada termo usado na plataforma, alguns são bem conhecidos e usados em outras diversas, contudo, alguns são usados somente no Tumblr.
Começando pelo “PARAGRAPH” ou “PARA”, ele se refere a uma interação textual de parágrafo longo. Os famosos “turnos”, como podem ser chamados também, geralmente tem um tamanho maior, são mais detalhados e contém mais desenvolvimento. O que contraria os “SMALL PARAGRAPHS” ou só “SMALL”, que são turnos onde a narrativa é descrita de forma mais curta e sucinta. Muitas vezes a interação começa com um small, conforme os fatos vão se desenrolando ela tende a organicamente chegar ao tamanho de um para.
Seguindo a lógica acima, o “SELF PARAGRAPH” ou “SELF-PARA” nada mais é do que um desenvolvimento pessoal do personagem, onde não é necessária interação de terceiros ou desenvolvimento de uma thread.
E já que falamos dela, a “THREAD” é o conjunto de respostas. Em um para ou um small, toda ação demanda uma reação e o conjunto dessas reações pode ser chamado de thread, assim quando se inicia uma interação você está “iniciando uma thread” e quando termina, está “finalizando uma thread”. Inícios e fins de threads possuem algumas particularidades usadas que são opcionais e serão explicadas na parte prática!
Contudo, vocês concordam comigo que para tudo começar é necessário haver um “STARTER”, certo? Pois é dele que vamos falar agora. O starter marca o início da thread e engloba todas as formas de interação, podendo ser diferenciado apenas em “OPEN STARTER” e “CLOSED STARTER”. Os starters classificados como open são como um chamado para interação, a persona introduz uma situação que pode ser respondida por qualquer um dentro do universo e assim com apenas um starter ela inicia diversas threads com personagens diferentes com desenvolvimentos diferentes. Enquanto os classificados como closed são referentes ao início de uma thread específica entre dois ou mais personagens, cuja qual foi previamente combinada.
Mas nem sempre os starters são em forma de small ou para, é muito comum você vê-los em forma de “GIFCHAT”. Esse tipo de interação é a queridinha dos players de Tumblr, justamente porque são muito comuns por aqui e não acontecem em outro lugar. O gif chat nada mais do que uma conversa feita pessoalmente, interações onde dois ou mais personagens estão frente à frente e somente suas falas são reproduzidas - podendo ou não serem acompanhadas de pequenas ações -, usando o recurso dos “GIF ICONS” para tornar mais real a visualização das expressões da persona que está falando.
Por sua vez, os “GIF ICONS” são recursos visuais expressivos que podem ser usados para além dos gifchats. Embora sejam muito mais comuns neles, você sempre pode adicionar um gif em seu para, small e até selfpara! Nós explicamos melhor como achar resources de gif icons na parte prática.
Outro queridinho dos players do Tumblr é o “KAKAOTALK”, mas calma, não é o aplicativo de mensagens real. Como o Brasil, que tem o Whatsapp como aplicativo de mensagem mais usado pela população, o aplicativo mais usado na Coreia do Sul é o KakaoTalk e não é de se impressionar que sua persona tenha um, certo? Assim, “KAKAOTALK” acabou sendo o nome dado ao ato de encenar mensagens enviadas e se tornou um recurso universal. Ele pode ser usado sozinho, como há muitos anos atrás onde o chat privado do Tumblr era usado para conversas fora do personagem (ia falar quando ele ainda nem existia, mas isso acusaria minha velhice nessa plataforma) e toda interação in character era feita na dashboard, ou dentro das outras interações como recurso de narrativa, fica a seu critério!
Fechando com o último queridinho da lista de termos de interação, nós temos aquele que é aguardado por todos os que jogam no Tumblr: o “ASK GAME” ou também chamado de “ASK MEME”. Esse tipo de interação consiste basicamente no envio de asks específicas, vindas direto de listas prontas, aos personagens que estão participando do jogo e os mesmos terão que responder essa ask com um desenvolvimento ou fazendo o que ela pede. Geralmente, as respostas de ask games são dadas em self para, como você pode ver aqui mas existem jogos de perguntas como esse que podem simplesmente serem respondidas ou desenvolvidas textualmente.
E com isso, a parte de interação está concluída!
TERMOS DE INTERPRETAÇÃO
Agora que você sabe tudo sobre os termos usados para jogos, está na hora de descobrir um pouco sobre os termos usados na interpretação e eles são bem fáceis, vem comigo.
Sabe aquela cena de filme ou série que lembra muito a sua persona ou a relação da sua persona com outra? Pode dar um reblog nela, pois você terá um “MUSING”. Em uma explicação bem resumida, musing é todo recurso - gifs, fotos, edições, vídeos, músicas, textos, frases - que se encaixam no seu personagem. Existem muitos “musing blogs” que disponibilizam esse tipo de conteúdo para quem procura se inspirar em coisas que não conhece e você também pode achar conteúdos específicos na search do tumblr.
Basicamente, tudo que é usado como um recurso de interpretação é um musing, mas dentro dessa categoria enorme existem diversas divisões pequenas. Uma delas são os “QUOTES” que como o próprio nome já diz, se referem a musings textuais que podem ir desde frases curtas, até parágrafos e não há limites para eles. Um exemplo de quote é esse aqui, mas nem sempre o quote vai estar em forma de texto, você pode se deparar com um quote como esse onde a escrita está dentro de uma imagem.
Ainda dentro dos quotes, existe uma subcategoria na parte de musings textuais, que são os “TEXTING” ou apenas “TEXT”. Em suma, os musings de subcategoria texting são musings textuais que mostram uma troca de mensagens e alguns players costumam separá-los dos quotes. Um exemplo de text é esse aqui.
Mas nem só de inspirações textuais vivem os personagens, certo? Muitos tem aquela música que traz a vibe certinha da persona e esse tipo de musing são chamados de “ANTHEM”, literalmente os hinos que inspiram seu personagem. Com o recurso de postagem de músicas no Tumblr, é muito fácil achar o seu hino e você pode compartilhar quantos quiser no blog de seu personagem. Essas postagens geralmente são feitas assim e podem ser ouvidas diretamente do aplicativo.
Uma febre do roleplay no Tumblr são os “VISAGE”, que também podem ser chamados de “RESOURCE” embora esse segundo termo seja mais amplo do que o que vamos falar aqui. Enquanto o resource engloba todo o material disponível do seu faceclaim - fotos, gifs, gif icons, vídeos e etc. -, o visage se limita às fotos e gifs do mesmo. Antes da mania adquirida no roleplay de Twitter com a publicação de fotos do personagem em sua daily life, no roleplay do Tumblr eram reblogadas fotos e gifs do faceclaim para que as pessoas pudessem ver o rostinho da sua persona. Nessa plataforma e para os seus players, existe um apelo muito pequeno de postagem de fotos com o simples objetivo de ganhar likes, com as diversas edições e resources da plataforma, o uso da imagem do mesmo se torna meramente ilustrativo.
Beleza, entendi todos os termos de interpretação, mas não fica tudo bagunçado dentro do blog? Nossos queridos players do Tumblr pensaram nisso há muitos anos atrás e utilizaram das “TAGS ESPECIAIS” para distribuir os conteúdos de seu blog. Além das tags de uso geral que são disponibilizadas pela comunidade, no Tumblr você tem a possibilidade de organizar todo o seu personagem criando hashtags pessoais para cada tipo de post. Esse tipo de personalização vai de sua imaginação, elas podem ser tags simples como #musing ou mais elaboradas.
Para organizar melhor as hashtags, muitos players fazem um “TAG DUMPING”, um post exclusivamente para colocar todas as hashtags que uma vez inseridas no blog, tornam-se automáticas bastando digitar uma palavra-chave para aparecerem.
Você pode atribuir hashtags especiais para organizar tudo em seu blog. Desde recursos de interação, como tags para gif chats, recursos de interpretação, como tags para visage e até para outras personas ou plots. Sabe aquela conexão especial entre a sua persona e outra? Você pode criar um canto especial para navegar só nas interações entre elas com uma tag específica! Você verá como criar essas hashtags e seguir as gerais na parte prática do uso do Tumblr.
TERMOS GERAIS
Sabemos todos os termos para interagir e recursos para interpretar nossos personagens mas… Onde rola tudo isso? Se essa foi uma questão que passou na sua cabeça, continua lendo que eu vou te explicar.
Todo perfil de personagem criado no Tumblr é chamado de “BLOG” e nele você pode montar toda a narrativa ligada a aquela persona individual. Existem blogs que juntam mais de um personagens, mas esse não é o foco do tutorial, caso haja alguma dúvida quanto à isso a nossa ask está aberta para responder dúvidas específicas desse gênero.
Sendo assim, todo conteúdo que diz respeito à sua persona está dentro do blog dela e pode ser visto através do perfil da mesma, como este perfil.
Você pode recorrer ao blog de um personagem caso queira saber mais sobre ele ou procurar uma interação com aquele em questão, contudo, a maioria das interações e conteúdos dos personagens da comunidade podem ser visualizados na “DASHBOARD” ou “DASH”. Para os familiarizados com o Twitter, a dashboard é como a timeline e através dela você pode acompanhar tudo que acontece no universo da comunidade. As dash’s são pessoais, ou seja, nelas somente aparecerão conteúdos dos blogs que você segue e está localizada na primeira página que você abre no Tumblr. Se não conseguiu localizar a dashboard, tente este link com direcionamento para a dash da sua conta.
Dúvidas sobre as ferramentas do Tumblr para celular? Da uma olhada nesse incrível tutorial antes de seguir para a segunda parte onde explicamos todos os termos na prática.
Como colocar conteúdo personalizado em uma página de tags específica - Parte 1
A uns dias atrás eu recebi uma ask perguntando se era possível colocar a caixinha da Ask em uma página de perguntas respondidas (para saber como fazer uma página somente de asks respondidas leia este tutorial aqui). Então eu montei um script para executar essa função e vim compartilhar com quem quiser usar.
Esse método também pode ser usado para adicionar conteúdo personalizado a outras páginas do tema, como a página da Ask e a do Submit, com exceção apenas da página Archive.
Esse código serve para colocar conteúdo personalizado apenas em determinadas páginas. Se você quiser saber como fazer para que o conteúdo apareça em todas as páginas de tags, então leia este tutorial aqui: [EM BREVE]
Sumário:
O tutorial ficou um pouco comprido, então eu quis organizar tudo pra você poder pular as partes que você não precisar ler caso você saiba mexer com os códigos.
Códigos:
Script do código;
CSS do código;
HTML do código.
Para quem não entende de HTML/CSS/JavaScript:
Como colocar o conteúdo na página da Ask ou do Submit;
Como colocar o conteúdo acima dos posts;
Como colocar o conteúdo acima dos posts em temas de várias colunas;
Como colocar o conteúdo embaixo dos posts;
Como colocar conteúdo personalizado em mais de uma página por vez.
Códigos
Script:
Para o script funcionar você vai precisar ter JQuery instalado no seu tema. Se você está usando algum tema meu que é com várias colunas ou que pode ser usado com várias colunas então ele já possui JQuery. Caso contrário, você precisará colocar, e para fazer isso apenas copie o seguinte código e cole antes de </head> no código do seu tema:
Depois disso, cole o seguinte script, antes de </head> também:
<!---- PÁGINA DE TAGS ESPECIAL (by anyhs-themes.tumblr.com) ---->
<script>
$(document).ready(function(){
/** começo do if **/
if(location.pathname == "/tagged/NOME-DA-TAG") {
$("#pagina_tags_1").show();
}; /** fim do if **/
});
</script>
<!---- PÁGINA DE TAGS ESPECIAL (by anyhs-themes.tumblr.com) ---->
Neste segundo script, você deve mudar a parte onde está escrito “NOME-DA-TAG” pelo nome da tag da página. Por exemplo, se você quer que esse conteúdo personalizado apareça na página dos posts com a tag “ask-respondida”, então substitua “NOME-DA-TAG” por “ask-respondida”:
CSS:
Para poder estilizar o conteúdo depois, cole isto antes de </style>:
Você provavelmente precisará ajustar pelo menos o tamanho e as cores do conteúdo. Então pra quem não sabe CSS, eu vou explicar como fazer isso:
Em width: 500px; altere o 500 pelo tamanho que você que você quer dar à caixa que envolve o conteúdo personalizado;
Em background: #fff; altere o #fff pelo código da cor que você quer que fique no fundo da caixa que envolve o conteúdo;
Em color: #000; altere o #000 pelo código da cor que você quer fique na fonte (letras) do título do conteúdo;
E em font-size: 30px; altere o 30 pelo tamanho que você quer para a fonte do título.
Se você não sabe como pegar o código de uma cor, leia este tutoria aqui: Como saber o código de uma cor (HTML/CSS)
Não vou ensinar a modificar mais nada além disso para o tutorial não ficar muito grande, já que existem diversas opções de estilização em CSS. Mas se você entende de CSS, pode modificar o que quiser.
HTML:
E por fim, o HTML do código. Cole o seguinte código no lugar onde você quer que o conteúdo personalizado fique no tema:
<!--------------------------------------------------------------------------------------- PÁGINA DE TAGS ESPECIAL 1 (by anyhs-themes.tumblr.com) ------------------------------------------------------------------------------------->
<div class="pagina_de_tags_especial" id="pagina_tags_1" style="display: none;"><!-- título -->
<div class="pagina_de_tags_especial_titulo"> Título: </div>
<!-- título --><!-- conteúdo -->
<div class="pagina_de_tags_especial_descricao">Aqui vai o conteúdo personalizado...</div><!-- .pagina_de_tags_especial_descricao -->
<!-- conteúdo --> </div><!-- #pagina_de_tags_especial -->
<!--------------------------------------------------------------------------------------- PÁGINA DE TAGS ESPECIAL 1 (by anyhs-themes.tumblr.com) ------------------------------------------------------------------------------------->
Se você quiser colocar as caixas de Ask e Submit, basta colar o código delas na parte onde vai o conteúdo personalizado.
Para pegar o código da Ask e do Submit e saber como configurá-los para que funcionem direitinho, leia este tutorial: Como colocar Ask e Submit em uma página
Como colocar conteúdo personalizado na página da Ask ou do Submit:
Utilizando esse mesmo script também é possível adicionar conteúdo personalizado às páginas de Ask e Submit. Para isso, na hora de configurar o script que eu passei lá no início do tutorial, ao invés de colocar “/tagged/” mais o nome da tag no lugar que eu indiquei, coloque o link da Ask, desse jeito:
Isso fará com que o conteúdo personalizado apareça na página da Ask.
E se você quiser que o conteúdo apareça na página do Submit, basta colocar então o link do Submit no script:
Como posicionar o conteúdo no seu tema
Agora, para quem não entende muito de HTML, a seguir eu estarei ensinando como colocar o código em algumas partes do tema.
Colocando o conteúdo personalizado acima dos posts:
Se você quiser que o conteúdo fique no topo dos posts como no exemplo que eu mostrei no início do tutorial, então você precisa colocar ele dentro da div dos posts.
Se você estiver usando um tema meu, aperte CTRL+F para abrir a aba de pesquisa e então pesquise por <div id="posts">. E cole o HTML da ask e submit exatamente depois de <div id="posts">. Exemplo:
Se você estiver usando um tema que não é meu, você deve fazer a mesma coisa que eu ensinei a fazer nos meus temas. A única diferença é que o ID da div dos posts pode ser diferente então você terá que ficar catando a div dos posts no meio do código até encontrá-la. E eu não tenho nem como te dizer como encontrá-la porque isso depende muito da forma como o desenvolvedor organiza o código dele.
Colocando o conteúdo acima dos posts em temas de várias colunas:
Se você estiver usando um tema de várias colunas, talvez os posts fiquem cobrindo o conteúdo. Para arrumar isso, ao invés de colocar o HTML do código depois de <div id="posts">, cole-o antes e em seguida envolva ele com uma outra div. Nomeie essa div como “posts2″:
Agora você precisa “chamar” a div “posts2″ lá no CSS. Então antes de </style>, coloque isto:
#posts2 { }
Agora aperte CTRL+F e pesquise por “#posts {”. Você encontrará algo mais ou menos assim:
Então copie tudo o que estiver entre as chaves ( { } ) e cole dentro das chaves de #posts2. Exemplo:
#posts2 {width: 540px; margin-left: 260px;}
É claro que, isto é apenas um exemplo, dependendo do tema o #posts pode ter mais códigos ou menos códigos dentro das chaves, mas sempre copie tudo o que estiver ali dentro.
E lembrando que, se você está usando um tema que não é meu, o nome dos códigos podem estar diferentes, e nesse caso essa minha explicação não vai servir pra nada. Porque cada desenvolvedor de tema tem o seu próprio jeito de organizar seu código, então eu não tenho como saber como você deveria configurar essas coisas no tema de outra pessoa, desculpe.
Colocando o conteúdo personalizado abaixo dos posts:
Se você quiser que o conteúdo fique em baixo dos posts, cole o HTML do código depois de {block:Posts}. Exemplo:
Como colocar conteúdo personalizado em mais de uma página por vez:
Esse tutorial já ficou bem grande então eu vou terminar ele em outro post. Clique aqui para ler a continuação: Como colocar conteúdo personalizado em uma página de tags - Parte 2
Não esqueça: dê like ou reblogue se o tutorial tiver sido útil;
Se tiver alguma dúvida ou problema com o código, entre em contato comigo por aqui.
cadê o meu beat ?? ~ ao som da obra de artes "to preocupada com a minha amiga ela tá descontrolada" eu venho informar que a amiga sou eu e tô descontrolado. os trabalhos não pararam e se você quer saber mais sobre a prática do roleplay numa versão mobile friendly, só dar uma olhada na source. fiz com muitas imagens para o acompanhamento, então ficou impossível postar direto aqui mas o link vai levar para o arquivo no docs, bom uso!
((TUTORIAL)) como colocar contador de page views e pessoas online no tumblr
Olá pessoal, nesse tutorial eu vou ensinar a vocês como colocar contador de page views (quantas pessoas viram seu tumblr) e como colocar contador de pessoas online (quantas pessoas estão online no seu tumblr). Vamos lá:
Contador de page views:
Vá até esse site (x) em “style” coloque “text” e nos quadradinhos que estão escrito “visits” e “1″ apague e depois clique em “generate the html code” copie o código que irá aparecer lá e cole na sua descrição do seu tumblr.
Contador de pessoas online:
Vá até esse site (x) em “style” coloque “text” e nos quadradinhos que estão escrito “online user” e “online users” apague e depois em map markers selecione “enabled” e depois clique em “generate the html code” copie o código que irá aparecer lá e cole na sua descrição do seu tumblr.
ATENÇÃO: caso você queira colocar os dois para ficar igual está no stuffunicorn, coloque o código do contador de pessoas online na descrição do seu tumblr primeiro depois dê espaço digite “//” e coloque o código do contador de page views.
2º passo: Vai aparecer essa janela. Você clica em adicionar fotos. Lembrando que há um limite tipo são três colunas e cada coluna suporta três icons.
3º passo: A foto abaixo demonstra depois que as fotos já estão no campo do post. Você vai arrastar a foto para o lado da foto que está em cima. Veja o exemplo da foto:
4º e último passo: Esse é o resultado de quando você arrasta todas as fotos uma ao lado da outra, lembrando sempre do limite de fotos (9 fotos)
§O legal também é que dá pra você adicionar uma legenda bem bacana e ainda sim, tem a opção de marcadores.
Espero que o post tenha esclarecido algo. Esse post foi à pedido de um anônimo. Qual coisa vão na ask do nosso tumblr aqui comentem, ou alguma dúvida podem perguntar. Coloquei uma marca d’água por conta do plágio. Se foi útil, dê like ou reblog (até mesmo credite ;-;). É isso aí, beijos♥
Nuovo video online! Oggi altro tutorial per il blog di tumblr e in particolare ‘provo’ a spiegarvi come aggiungere pagine e link dei social nel blog. E’ stato abbastanza difficile spiegarlo, ma se seguite i passaggi sarà davvero semplicissimo!
Spero sia utile a qualcuno e vi invito come sempre a mettere un bel mi piace se il video vi è piaciuto e ad iscrivervi al canale se vi va! Baci baciotti :3
Link Playlist dei tutorial: https://www.youtube.com/playlist?list=PLY4v2jAHOlrhFctY7UzxSIupiVc1uHtUh
