domingo, 7 de julho de 2019

Tag condicional e usabilidade do Blogger

Talvez alguns de vocês não saibam nada sobre a lista de tags condicionais do blog. Mas se você é um designer de blogger ou que muitas vezes edita o (HTML Template Blog), isso não é estranho para você. Aqui vou fornecer uma breve explicação / função relacionada a tags de blog condicionais e uma lista completa de tags condicionais.



Essa tag condicional do blogger blogger é útil para ocultar ou exibir widgets / anúncios em seu blog. Por exemplo, você deseja exibir anúncios apenas na página principal e não em outra página, ou alterar a aparência / design das alterações do blog entre a página principal (página inicial) e a página da postagem do blog, aqui você pode usar essa tag condicional.

Para aqueles de vocês que são bloggers / que gostam de projetar blogs, é claro que o uso de tags condicionais é frequentemente, porque eu também gosto de criar blogs, e me confundia com os nomes e funções de tag condicionais, então eu fiz este artigo, se eu precisar de alguma tag condicional eu posso vir diretamente para este artigo, sem ter que procurar novamente no Google.

Ok, eu acabei de dar uma lista de tags de tags condicionais  do blogger, e antes disso eu daria ao blogger apenas uma nova tag condicional e não usaria tags condicionais antigas. Então, se você precisar de uma versão mais antiga da tag condicional, poderá pesquisar novamente no Google.

Página principal (página inicial)

<b:if cond='data:view.isHomepage'>
<!-- Mostrando Widgets / CSS / HTML / JS / ads / etc. somente na página principal --> </b:if>



Página do item
<b:if cond='data:view.isSingleItem'>
<!-- Exibir widgets / CSS / HTML / JS / ads / Etc somente na página "Item", incluindo a hora / postagem / título, por exemplo: a página que você está lendo no momento.-->
</b:if>


Página de índice
<b:if cond='data:view.isMultipleItems'>
<!-- Mostrando Widgets / CSS / HTML / JS / ads / Etc apenas na página de índice, por exemplo: página inicial, página de rótulo, página de arquivo e página de consulta de pesquisa. -->
</b:if>


Postar páginas
<b:if cond='data:view.isPost'>
<!-- Exibe Widgets / CSS / HTML / JS / ads / etc. Apenas na página de postagem -->
</b:if>


Páginas estáticas (páginas / páginas)
<b:if cond='data:view.isPage'>
<!-- Exibir widgets / CSS / HTML / JS / ads / etc. somente em páginas estáticas (páginas / páginas) -->
</b:if>


Página de etiqueta
<b:if cond='data:view.isLabelSearch'>
<!-- Mostrando Widgets / CSS / HTML / JS / ads / etc. Apenas na página de etiquetas, por exemplo: https://www.blogdojc.com/search/label/Tutorial -->
</b:if>


Página de arquivo (arquivo)
<b:if cond='data:view.isArchive'>
<!-- Mostrando Widgets / CSS / HTML / JS / ads / etc. Apenas na página de etiquetas, por exemplo: https://www.blogdojc.com/2019_01_01_archive.html -->
</b:if>


Página de pesquisa
<b:if cond='data:view.isSearch'>
<!-- Exibir widgets / CSS / HTML / JS / ads / etc. somente em páginas de pesquisa -->
</b:if>


Pesquisa de etiquetas e páginas de pesquisa
<b:if cond='data:view.isSearch and !data:view.isLabelSearch'>
<!-- Mostrando Widgets / CSS / HTML / JS / ads / Etc apenas na página de pesquisa, incluindo a página de pesquisa de marcadores -->
</b:if>


Página de erro 404 (página de erro 404)
<b:if cond='data:view.isError'>
<!-- Exibe Widgets / CSS / HTML / JS / ads / etc. somente no erro de página ou na página de erro -->
</b:if>


Página de pré-visualização
<b:if cond='data:view.isPreview'>
<!-- Exibir widgets / CSS / HTML / JS / ads / etc. somente na página de visualização -->
</b:if>


Páginas Específicas (Páginas Personalizadas) - versão antiga
<b:if cond='data:blog.url == &quot;URL PAGE&quot;'>
<!-- Mostrar Widget / CSS / HTML / JS / ads somente em determinadas páginas que você tiver personalizado / adicionar próprio URL-->
</b:if>


Páginas para celular - versão antiga
<b:if cond='data:blog.isMobileRequest'>
<!-- Mostrar Widget / CSS / HTML / JS / ads apenas em páginas para dispositivos móveis -->
</b:if>

Essas são algumas das listas de tags condicionais do blogger que você pode usar e, por exemplo, veja abaixo.
aqui só exibirei anúncios somente em páginas estáticas (páginas).

<b:if cond='data:view.isPage'>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-17081945xxxxxxxx"
     data-ad-slot="19450817xx"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</b:if>

Portanto, para outras páginas, o anúncio não será exibido.
o código do anúncio você pode substituí-lo por css ou outro código.
Ok, talvez esta seja apenas a discussão do meu artigo desta vez. Se houver algo confuso em relação à minha explicação acima, por favor, deixe seus comentários abaixo. Obrigado

terça-feira, 25 de junho de 2019

Adicionando Modo noturno no blogger Com Cookie

Alterar a cor de fundo para mais escura ajuda a ler sob pouca luz. Isso pode ser conseguido facilmente com o JS.  Veja como fazer isso.

1. Faça o login no seu blog / site.
2.Clique em Tema> Editar HTML
3. Adicione o CSS modo escuro abaixo, salve o código acima


<style type="text/css">
/* Dark Mode */
.dark-mode body{background:#121212;color:#fff}
.dark-mode #header-wrapper{background:#232323;color:#fff}
.dark-mode #tag-div{background:#232323;color:#fff}
.dark-mode .tag-div{background:#232323;color:#fff}
</style>


Por favor, altere o código de cor que marquei a cor vermelha com a cor escura que você gosta. Lá eu uso cores escuras do youtube (Dark Mode Youtube). Você pode mudar cores como o Twitter (Dark Mode Twitter). E também altere sua tag div, que marquei com a cor Aqua , de acordo com a tag div no seu blog. * Tag div de cada blog são geralmente diferentes.

4. Adicione o botão / botão CSS para o modo noturno, como neste blog.


<style type='text/css'>
/* Dark Mode Button */
.mydark{background:#f80538;float:right;color:#fff;display:inline-block;height:30px;line-height:30px;padding:0 10px;border-radius:3px;font-size:13px;font-weight:700;animation:anim 2s ease-in infinite}
.mydark:hover{background:#444;color:#fff}
#dark-myar{width:95%;position:absolute;top:0;left:0;margin:12px 0}
@keyframes anim{5%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}10%{-webkit-transform:scale(.9,1.1) translateY(-.5rem);transform:scale(.9,1.1) translateY(-.5rem)}15%{-webkit-transform:scale(1);transform:scale(1)}}
</style>


As configurações do botão CSS dependem do modelo do blog, portanto, se o botão não for apropriado, você poderá alterar / ajustar o CSS. porque o botão usual que eu uso não é adequado ou adequado para ser aplicado ao seu blog / template.

5. Em seguida, adicione este JavaScript, coloque-o acima do <body> ... </body>


<script type='text/javascript'>//<![CDATA[
var _0x2f0e=['innerHTML','addEventListener','click','preventDefault','classList','toggle','dark-mode','setItem','removeItem','localStorage','getItem','myDarkMode','documentElement','\x20dark-mode','querySelector','#dark-myar'];(function(_0x1b79a7,_0x3a0621){var _0x966a12=function(_0x3e79fd){while(--_0x3e79fd){_0x1b79a7['push'](_0x1b79a7['shift']());}};_0x966a12(++_0x3a0621);}(_0x2f0e,0xa9));var _0x2b5b=function(_0x462a3a,_0x3e5e7f){_0x462a3a=_0x462a3a-0x0;var _0x26f27e=_0x2f0e[_0x462a3a];return _0x26f27e;};;(function(_0x512a50,_0x163dc1,_0x16c793){if(!(_0x2b5b('0x0')in _0x512a50))return;var _0x1d0913=localStorage[_0x2b5b('0x1')](_0x2b5b('0x2'));if(_0x1d0913){_0x163dc1[_0x2b5b('0x3')]['className']+=_0x2b5b('0x4');}}(window,document));;(function(_0x78db9c,_0x2d7dec,_0x44c5fe){if(!('localStorage'in _0x78db9c))return;var _0x41c733=_0x2d7dec[_0x2b5b('0x5')](_0x2b5b('0x6'));if(!_0x41c733)return;_0x41c733[_0x2b5b('0x7')]+='<li\x20id=\x22dark-mode\x22><a\x20class=\x22mydark\x22\x20role=\x22button\x22\x20href=\x22#\x22><i\x20class=\x22fas\x20fa-moon\x22></i>\x20Dark\x20Mode</a></li>';var _0x42910d=_0x2d7dec[_0x2b5b('0x5')]('#dark-mode');if(!_0x42910d)return;_0x42910d[_0x2b5b('0x8')](_0x2b5b('0x9'),function(_0x186dc3){_0x186dc3[_0x2b5b('0xa')]();_0x2d7dec[_0x2b5b('0x3')][_0x2b5b('0xb')][_0x2b5b('0xc')](_0x2b5b('0xd'));if(_0x2d7dec['documentElement'][_0x2b5b('0xb')]['contains'](_0x2b5b('0xd'))){localStorage[_0x2b5b('0xe')](_0x2b5b('0x2'),!![]);return;}localStorage[_0x2b5b('0xf')](_0x2b5b('0x2'));},![]);}(window,document));
//]]></script>




6. E adicione o menu HTML / <ul id='dark-myar'/>

tag de botão Salve-o no seu blog ou salve-o no widget html / javascript.
depende de você, gosto de onde. E olhe para o seu blog.

quarta-feira, 1 de maio de 2019

Samsung visa os lança a primeira TV vertical

A Samsung apresentou três novos modelos de TV: o Serif, o Frame e o Sero. O último se destaca por ter uma tela vertical , relata o serviço de imprensa da empresa.

A declaração da empresa afirma que a televisão com layout vertical foi criada levando em conta os interesses e o estilo de vida dos usuários da geração do milênio , acostumados a usar o telefone várias horas por dia.

Os desenvolvedores explicaram que, quando conectados ao telefone, a TV será ideal para assistir vídeos e fotos de redes sociais. Além disso, com o modelo The Sero será mais confortável para fazer compras na Internet com várias pessoas e jogar os jogos exclusivos para telefones, mas em uma tela grande.

Também será possível variar a posição da TV e posicioná-la horizontalmente. E quando não é usado, pode se tornar uma moldura digital ou um relógio.



O Sero aparecerá nas lojas da Coréia do Sul no final de maio e custará cerca de US $ 1.600.

quarta-feira, 27 de março de 2019

WhatsApp beta 2.19.82 trará Modo noturno para usuários do Android

O modo noturno parece estar se aproximando de muitos aplicativos, WhatsApp versão beta 2.19.82 trará o modo escuro para os usuários do Android. Recentemente, muitos outros aplicativos de mensagens do Facebook também receberam o modo noturno. Também Google Chrome , Viber, Google Drive e tentando incorporar modo noturno em sua plataforma para Android Q.

De acordo com o WABetaInfo , a versão mais recente do WhatsApp beta 2.19.82 trará o modo escuro. Traços de alterações de código foram testemunhados e o recurso está sendo desenvolvido no momento. Ele será testado antes de ser lançado para todos os usuários. Você não pode encontrar o recurso mesmo se você baixar e instalar a versão beta mais recente.

O WABetaInfo compartilhou algumas capturas de tela da seção de configuração do aplicativo, sugerindo as alterações no próximo modo escuro.

O WhatsApp terá um modo noturno de cor acinzentada em vez de um preto puro.Isso fará com que a interface de configuração pareça sombria, embora não haja capturas de tela da aparência na tela de bate-papo e na janela de conversa.

Este recurso tem sido falado desde há muito tempo, finalmente, chega à versão beta. Se tudo correr bem, a atualização será lançada para todos os usuários em breve.

segunda-feira, 25 de março de 2019

Apple apresenta seus produtos mais recentes,Um serviço de notícias e um cartão de crédito

A empresa Apple apresentou hoje o News + , seu novo serviço de assinatura que inclui mais de 300 revistas, em um evento que ocorreu em Cupertino (Califórnia, Estados Unidos).

O acesso a este conteúdo custará US $ 9,99 por mês, com um período de teste gratuito de 30 dias.

Outra novidade desta empresa é o Cartão Apple , um cartão de crédito vinculado ao aplicativo Wallet que pode rastrear e dividir as despesas dos usuários por categoria.

O cartão da Apple será gratuito e permitirá o reembolso do dinheiro pago com esta ferramenta, dependendo do seu uso: 1% se pago com a versão física, 2% se for através de um iPhone e 3% para compras na loja da Apple.

A gigante do computador fez uma parceria com a empresa financeira Goldman Sachs e o sistema de pagamento MasterCard para lançar este serviço.