How to enable widgets to display on mobile devices

Fonte: https://techubber.blogspot.com/2016/04/how-to-make-blogger-widgets-visible-in.html 

 

How to enable widgets to display on mobile devices?

 

First, let's add a Blogger widget our self to test. Let's say we want to display a custom labels block.

• Login to Blogger and click on Layout
• Click "Add a gadget" and choose "Labels"
• Instead of all, let's select only a few labels to show.
• Save the widget.
• Check whether it appears on desktop (it should). 
• Check whether it appeared on mobile (it won't).

To display Blogger widgets view-able on desktops to also appear on mobile devices, do the following:

1. While still logged in to Blogger, click on Template / Theme, and then on Edit HTML
2. From the "Jump To Widget", click on the widget you are interested in (the newly added HTML/JAVASCRIPT widget will usually have a higher number. eg: HTML15).

We'll come to a code that looks like the one below:
<b:widget id='Label1' locked='false' title='Categories' type='Label' visible='true'>

To show this widget on mobile devices, just add " mobile='yes' " to the above line. So it now looks like:
<b:widget id='Label1' locked='false' mobile='yes' title='Categories' type='Label' visible='true'> 

But entering the additional code, we are telling Blogger to display this widget on mobile devices also.

Repeat the above steps for any other widget which you would like to display on mobile devices.

3. After enabling all the widgets you need, SAVE TEMPLATE and go BACK.
4.  In the TEMPLATE page, click on the "gear" icon under the MOBILE preview shown.
We have two options at "On mobile devices, show a mobile version of your current template".

1. Yes. Show mobile template on mobile devices. (choose this option)
2. No. Show desktop template on mobile devices.

5. Click to choose  "Yes. Show mobile template on mobile devices."
6. Choose mobile template: Click and choose "CUSTOM".
Custom adapts your template customization to mobile. Be sure to preview your template.
7. Click SAVE.

After saving the changes, open the blog on mobile device and check. The widgets you enabled will now be displayed on the mobile device. This includes widgets such as popular posts, labels, others and even Google Adsense code added through HTML/JAVASCRIPT widgets.

Notícias

Colocar mensagem do chat do Youtube no Obs

        Fazer transmissão ao vivo é hoje um procedimento bastante simples e muito usado por um público cada vez maior. Fazer uma transmissão usando o celular e a sua conta do Youtube ou do Facebook é tão fácil quanto fazer um vídeo pelo celular. No entanto, fazer uma live com maior qualidade exige um certo conhecimento a mais. 

         Vou mostrar aqui neste post como exibir mensagens do chat da sua transmissão na sua live, utilizando o OBS. Para isso, será necessário adicionar uma extensão no navegador Chorme chamada Live Chat Overlay. Vamos nessa? 

 

Para começar, pesquise pela extensão citada acima e clique em 'Usar no Chrome'.

 

 Após instalar, vamos configurar clicando no ícone da extensão:

Em seguida, clique em opções e faça as alterações que você desejar e salve. Veja as minhas configurações:

         

No chat do Youtube, clique nos três pontinhos de configuração e depois em abrir chat em outra janela. Pronto, ao clicar em uma mensagem esta ficará em destaque.

 

 

 

Agora no OBS, adicione uma captura de janela.

Na opção de janela, selecione a guia do Chrome que está o chat ao vivo, dê um ok e faça os ajustes de tamanho e posição desta janela na sua cena. 

 

 Pronto agora é sua live terá a participação dos seus espectadores!!!!