Categoria: Dicas Blogger

  • Telegram Marketer pro 3.2 + Ativador

    Telegram Marketer pro 3.2 Cracked [Download grátis] – A solução Telegram Messaging com uma ampla coleção de opções e serviços oferece ao usuário mais flexibilidade no envio de suas campanhas.

    Essas soluções permitem que os usuários enviem Campanhas Telegram de uma forma muito simples, além de fornecer ferramentas para filtrar e verificar contas e números do Telegram. pesquise grupos .. e mais opções e extraia contatos de grupos associados, com um CÓDIGO DE FONTE COMPLETA no .Net Visual studio C #
    Além disso, o Telegram Marketer pro 3.2 Cracked fornece uma técnica anti-bloqueio que reduz a chance de ser banido e mantém a conta segura
    É uma solução escalonável pronta para uso, fornecida com código-fonte completo (C # .net) que dá aos usuários a liberdade durante a personalização.

    Recursos crackeados do Telegram Marketer pro

    – Solução completa – Filtro, Remetente, Joiner ..etc – Pesquisa / raspador de grupos – envio de qualquer tipo de arquivo – Código fonte C # .net completo – Fácil de personalizar para não desenvolvedor – Envio de mensagens ilimitadas – envio de mensagens multimídia – telegrama pesquisa de grupos / grupos – filtro de grupos de telegramas – Extrator de contatos de grupos – Módulo anti-banido – mensagens de multi-texto (reduz a chance de bloqueio) – Controle de espera aleatória após mensagens X aleatórias (anti-bloqueio) – O atraso aleatório entre mensagens (anti- bloqueio) – Aplicativo de revenda – Aplicativo estável.
    Requisito Abaixo do requisito principal – .Net Framework 4.5.2 ou superior – Visual Studio .Net 2015 ou superior (para personalização) * opcional

    O que você receberá ao comprar este item

    – Aplicativo pro Telegram Marketer – Código-fonte completo

    Informação importante

    – Este é um aplicativo de desktop do Windows, não funciona no Mac ou Linux. – Esta ferramenta permite que você se comunique com os destinatários que esperam receber suas mensagens (Ex. Clientes, alunos, pacientes, etc.), e não é uma ferramenta de spam, então não sou responsável se você foi banido – Sempre quando você ganhou ‘ t para enviar, tente não enviar algo que os destinatários relatem como spam – Este aplicativo requer o Microsoft .net framework 4.5.2 ou superior – Este aplicativo é fornecido com o código-fonte completo, então se você deseja modificar você deve ter o mínimo. Habilidades da rede

    Não sou responsável se você recebeu Esta ferramenta permite que você se comunique com os destinatários que esperam receber suas mensagens (por exemplo, clientes, alunos, pacientes, etc.), e não é uma ferramenta de spam, portanto, não sou responsável se você usou por spam ou foi banido.

    Links para download


  • jQuery, o que é e você deve usá-lo?

    jQuery é uma pequena biblioteca JavaScript que tenta facilitar o trabalho com HTML. Ele fornece mais funções para manipular elementos em páginas da Web, o que o torna útil para criar conteúdo dinâmico. É a escolha certa para o seu site?

    O que é jQuery e para que serve?

    jQuery está em toda parte; é a biblioteca JS mais popular de longe, está integrada nos principais sistemas como o WordPress, e as perguntas JS no StackOverflow parecem sempre ter respostas no jQuery.

    A biblioteca oferece abreviação para muitas funções JS usadas para manipular o DOM HTML, que geralmente podem ser longas e irritantes para digitar. O jQuery oferece uma sintaxe muito mais curta e mais limpa, e quando você digita document. getElementByID () cem vezes, reduzi-lo a um único caractere pode economizar muito tempo de desenvolvimento.
    O principal atrativo do jQuery é sua função seletora, usada para encontrar elementos em seu HTML e obter uma referência a eles. Por exemplo, se você deseja encontrar um elemento por um ID, pode:

     $ ('# ID') 
    O que é muito mais fácil digitar do que:

     document. getElementByID ('ID') 

    É claro que essa não é a única maneira de selecionar elementos; O jQuery pode usar praticamente qualquer seletor de CSS, todos empacotados em sua função $. O objeto $ também contém todos os outros métodos jQuery, como $ . ajax ().

    O JavaScript moderno realmente tem essa mesma funcionalidade de seleção com a função document. querySelectorAll (); portanto, se você estiver usando apenas o jQuery para digitar document. querySelectorAll () ” um pouco menos, você pode renunciar ao jQuery, alterando as funções para $ ou qualquer outra coisa:
    Janela

    . $ = document. querySelectorAll 

    Mas isso nem sempre é bom para o jQuery; é muito melhor trabalhar com elementos DOM do que JS vanilla, com funções transversais para analisar através de uma lista de elementos e filtros para resultados de pesquisa. Ao selecionar a partir do HTML com JS vanilla, você recebe uma lista dos elementos DOM literais, mas o jQuery retornará objetos jQuery com métodos e propriedades adicionais, que podem ser úteis para você.

    O jQuery possui alguns outros recursos, como animação e suporte para AJAX, mas animações CSS puras geralmente são muito mais rápidas, e bibliotecas como axios lidam com solicitações AJAX muito melhor do que o jQuery, portanto, você realmente só deve usar o jQuery para trabalhar com o DOM. O jQuery agora oferece um ‘slim’ &’ versão sem esses recursos, que economiza cerca de 6kb ao usar o arquivo compactado e compactado com gzip.

    O jQuery desacelerará meu site?

    A adição de muitas bibliotecas Javascript, estruturas e inchaço ao seu site é a maneira mais fácil de retardar o carregamento da página, especialmente para usuários móveis com conexões ruins. No entanto, o jQuery é uma pequena exceção a essa regra; é muito pequeno e é usado em todos os lugares, então se você o está referenciando a partir de uma CDN popular como o Google, existe uma boa chance de que um usuário comum o tenha pré-armazenado em cache e não precisará baixar nada de seus servidores. No entanto, isso não facilita a inclusão, pois ainda precisa ser carregado da memória do usuário e executado, o que levará tempo.

    Se eles não o tiverem armazenado em cache, você poderá usar a versão compactada e compactada com gzip, que tem apenas 28,78 KB, provavelmente menor que o tamanho do seu HTML. Isso não é melhor que nada e pode adicionar mais um segundo à carga da sua página em conexões 3G lentas (sem cache).

    Como o jQuery é um bloqueio de renderização, você precisará carregar o jQuery antes de exibir a página, o que não é bom para usuários móveis. Se você está tentando tornar seu site estático o mais rápido possível em todos os dispositivos, provavelmente deve optar por JavaScript vanilla sobre jQuery apenas por esse motivo. Mas se o seu site for muito dinâmico, o jQuery ou outras bibliotecas provavelmente valem a pena para acelerar o tempo de desenvolvimento. Para sites internos da empresa, painéis de administração ou qualquer coisa que não seja voltada para o usuário final, você não deve se preocupar em incluí-lo.

    Esteja ciente do código Janky

    Como o jQuery envolve as funções nativas do Javascript, ele sempre terá menos desempenho do que o uso do vanilla JS, com a vantagem de acelerar o tempo de desenvolvimento. O jQuery ainda é muito rápido, mas você deseja observar o código não otimizado. Ter muitas chamadas de função atrasadas pode reduzir a taxa de quadros do seu aplicativo abaixo da taxa de atualização, que parecerá uma microestaca instável para o usuário final ou apenas um atraso direto.

    Use para loops, em vez de cada jQuery, sempre que você repetir um número significativo de itens. Eles são rápidos, mas cada um é muito mais lento, apesar de muito mais legível. A maior parte do tempo adicionado vem do atraso no final do loop antes do início do próximo, portanto, os loops com uma pequena quantidade de código e o comprimento longo terão um desempenho maior do que os loops com muito código e alguns elementos.

    Os seletores de jQuery são lentos. De fato, fazer qualquer coisa com o DOM é lento, então você deseja minimizar as chamadas relacionadas ao DOM em seus scripts. Se você estiver referenciando um item várias vezes, coloque-o em cache em uma variável:

     var $ item = $ ('# item') 

    Isso impede que o jQuery execute várias pesquisas sempre que você usar a sintaxe $ () para encontrar um elemento. O $ na frente da variável é uma convenção para nomear variáveis ​​de objeto jQuery e não é necessário.

    Você pode acelerar a seleção do jQuery usando IDs nas classes sempre que possível. A seleção por ID é muito mais rápida que a seleção por classe, pois o jQuery apenas envolve o método nativo . getElementByID (), em vez de usar seu próprio mecanismo de seleção. Se você precisar selecionar por classe, tente pelo menos especificar um contexto para informar ao jQuery onde procurar. Por exemplo, usando:

     $ ('. classe', '#container') 

    Será muito mais rápido do que procurar por ‘. class’, pois o jQuery ignorará tudo no DOM, exceto o elemento #container.

    Devo usar o jQuery?

    O jQuery é uma biblioteca & não um framework. Uma biblioteca fornece algumas ferramentas úteis para você usar ou resolve um problema com o qual o vanilla JS enfrenta. Uma estrutura, como React ou Vue, fornece uma estrutura mais rígida e controla a maior parte de como seu aplicativo funciona.

    O jQuery possui uma sintaxe simples e pode facilitar muito o seu desenvolvimento. Se você está apenas adicionando algumas coisas simples ao seu site, provavelmente não precisa disso, mas se você estiver criando muito conteúdo dinâmico, o jQuery pode realmente acelerar o tempo de desenvolvimento . Se você é novo no desenvolvimento de JS, aprender o jQuery pode ajudá-lo a inicializar aplicativos simples.


    No contexto de um aplicativo grande, porém, os benefícios ficam mais desfocados. O jQuery não é construído para ser o mecanismo de grandes aplicativos da Web, mas geralmente é usado no lugar de uma estrutura mais complicada para a criação de páginas dinâmicas simples. Isso funciona bem para aplicativos simples, mas é muito fácil de superar. Se você tem uma necessidade real de jQuery para fazer seu aplicativo da Web funcionar, provavelmente também terá uma necessidade muito maior da estrutura, modularidade e capacidade de expansão oferecidas por uma estrutura completa.

    Mas o jQuery tem muito mais desempenho do que uma estrutura enorme como o React, portanto, se você quiser ficar mais próximo do metal, o jQuery pode ser um bom complemento para limpar seu código. Se você estiver trabalhando em uma base de código existente, é fácil adicionar o jQuery, em comparação com uma estrutura completa que pode exigir muita refatoração, aprendizado e atualização. Além disso, o jQuery é muito mais simples do que a maioria dos frameworks da Web e não exige que você repense a maneira como codifica as coisas.

    O jQuery é, em última análise, apenas uma biblioteca para manipulação do DOM; portanto, se o seu caso de uso exigir uma manipulação DOM mais complexa do que o vanilla JS fornece, o jQuery poderá ser para você.

  • Como criar a página Fale conosco no Blogger

    Como criar a página Fale conosco no Blogger

    O Blogger é muito robusto e fácil de operar na plataforma CMS, você não precisa ser um nerd para operar o painel ou as configurações. Mas com facilidade, existem algumas limitações. Por padrão, você não pode criar uma página Entre em contato, você precisa usar qualquer plug-in de terceiros ou ajustar o widget de contato oficial do blogueiro, para que ele possa trabalhar em páginas estáticas . Criar uma página separada para fins de contato é muito profissional e também limpa seu blog, ocultando widgets e plug-ins desnecessários. Portanto, vamos seguir em frente e ver Como criar a página Fale conosco no Blogger . 


    Primeiro passo:

    Ocultando o widget ( Adicionando CSS ) 

    Antes de editar, recomendamos que você faça um backup do seu modelo, para que tudo dê errado, você ainda tem o design do seu blog seguro.
    A primeira coisa que você precisa fazer é fazer login na sua conta do Blogger e acessar >> Modelos >> Editar HTML e procurar o final ]]> </ b: skin> e, logo acima, colar o código a seguir.


    .sidebar .widget.ContactForm {
    display: none!important;
    }

    Criando uma página ( adicionando HTML  ) 

    Antes de editar, recomendamos que você faça um backup do seu modelo, para que tudo dê errado, você ainda tem o design do seu blog seguro.

    A primeira coisa que você precisa fazer é fazer login na sua conta do Blogger e acessar >> Modelos >> Editar HTML e procurar o final ]]> </ b: skin> e, logo acima, colar o código a seguir.
    <style>
    #contact{
    background-color:#fff;
    margin:30px 0 !important
    }
    #contact .contact-form-widget{
    max-width:100% !important
    }
    #contact .contact-form-name,#contact .contact-form-email,#contact .contact-form-email-message{
    background-color:#FFF;
    border:1px solid #eee;
    border-radius:3px;
    padding:10px;
    margin-bottom:10px !important;
    max-width:100% !important
    }
    #contact .contact-form-name{
    width:47.7%;
    height:50px
    }
    #contact .contact-form-email{
    width:49.7%;
    height:50px
    }
    #contact .contact-form-email-message{
    height:150px
    }
    #contact .contact-form-button-submit{
    max-width:100%;
    width:100%;
    z-index:0;
    margin:4px 0 0;
    padding:10px !important;
    text-align:center;
    cursor:pointer;
    background:#27ae60;
    border:0;
    height:auto;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -ms-border-radius:2px;
    -o-border-radius:2px;
    border-radius:2px;
    text-transform:uppercase;
    -webkit-transition:all .2s ease-out;
    -moz-transition:all .2s ease-out;
    -o-transition:all .2s ease-out;
    -ms-transition:all .2s ease-out;
    transition:all .2s ease-out;
    color:#FFF
    }
    #contact .contact-form-button-submit:hover{
    background:#2c3e50
    }
    #contact .contact-form-email:focus,#contact .contact-form-name:focus,#contact .contact-form-email-message:focus{
    box-shadow:none !important
    }
    </style>
    <div class="contact-form">

    <div class="contact section" id="contact" style="display: block;">

    <div class="widget ContactForm" id="ContactForm1">

    <div class="contact-form-widget">

    <div class="form">

    <form name="contact-form">

    <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" placeholder="Name" size="30" type="text" value="" />

    <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" placeholder="Email" size="30" type="text" value="" />

    <textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message" rows="5"></textarea>

    <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" />

    <br />

    <div style="text-align: center; width: 100%;">

    <div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">

    </div>

    <div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">

    </div>

    </div>

    </form>

    </div>

    </div>

    </div>

    </div>

    </div>

    Conclusão

    Parabéns !! Você conseguiu. agora você aprendeu que como criar a página Fale conosco no Blogger  Visite o seu blog e verifique o incrível widget ao vivo em ação. Esta é a parte III do tutorial. Espero que tenha gostado deste tutorial. Se você gostou, compartilhe-o com o seu amigos, estamos trabalhando duro para desenvolver mais widgets incríveis, fique ligado conosco. 

  • Como instalar o anúncio Fixo abaixo do blog


    Como instalar um blog fixo abaixo do blog, é realmente muito adequado para blogs que desejam adicionar mais espaços de anúncio do que antes. Como instalar Sticky Ad no blog? geralmente encontramos em sites populares ou sites que oferecem espaço publicitário, o que mais, se não, para buscar lucros com os resultados dos blogs. O que precisa ser considerado ao ter anúncios fixos em seu site é que seria melhor adicionar um botão Fechar no conteúdo de anúncios fixos para que os visitantes possam optar por fechar anúncios que consideram menos desejáveis. Tudo bem, então a partir daqui o cssmoz vai dar dicas de como instalar o Sticky Ad Below Blog da seguinte forma.

    Como instalar o Sticky Ads banner abaixo do blog


    Abra a página Blogger > Clique no menu Layout > Adicionar um novo widget e adicione o código abaixo no widget.

    <style type='text/css'>
    .stickywrap{width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:9999}
    .stickyzone{text-align:center;display:block;max-width:970px;height:auto;overflow:hidden;margin:auto}
    .stickyzone img{max-width:100%;height:auto;vertical-align:middle}
    .stickyclose{cursor:pointer;text-align:center}
    </style>
    <script type='text/javascript'>
    $(document).ready(function({$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
    </script>
    <div id='stickyb' class='stickywrap'>
    <div><a id='close-stickyb' onclick='document.getElementById(&apos;stickyb&apos;).style.display = &apos;none&apos;;'><img alt='close' src='https://3.bp.blogspot.com/-6LAwZExOdHM/Xh7fAY_R5rI/AAAAAAAACB0/gHeIT7IiNKs51DmS34eoBwalg9tiL42AgCNcBGAsYHQ/s1600/sevenclose.png' title='Close this ad' class='stickyclose'/></a></div>
    <div class='stickyzone'>
    <a href='#' title='Banner ad here'><img alt='Banner ad here' src='https://3.bp.blogspot.com/-vaXxOw739bU/Xh7ZPDIeH8I/AAAAAAAACBc/vQztOaoSw6QuIb6bjQuJmxm237EyI0acwCNcBGAsYHQ/s1600/sevenn.png'/></a>
    </div>
    </div>

     Edite as seções destacadas e ajuste-as no seu blog, faça com que funcione

     Exemplo:

    1. # Link para redirecionar 
    2. Banner
    3. Substitua o Link pelo da sua imagem

    Depois disso, salve o widget completo e seus banners prontos. Se você deseja adicionar o código do bloco de anúncios do Google AdSense ou de outros blocos de anúncios, exclua a seção marcada no código abaixo e substitua-o pelo seu bloco de anúncios do AdSense.

    <style type='text/css'>
    .stickywrap{width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:9999}
    .stickyzone{text-align:center;display:block;max-width:970px;height:auto;overflow:hidden;margin:auto}
    .stickyzone img{max-width:100%;height:auto;vertical-align:middle}
    .stickyclose{cursor:pointer;text-align:center}
    </style>
    <script type='text/javascript'>
    $(document).ready(function({$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
    </script>
    <div id='stickyb' class='stickywrap'>
    <div><a id='close-stickyb' onclick='document.getElementById(&apos;stickyb&apos;).style.display = &apos;none&apos;;'><img alt='close' src='https://3.bp.blogspot.com/-6LAwZExOdHM/Xh7fAY_R5rI/AAAAAAAACB0/gHeIT7IiNKs51DmS34eoBwalg9tiL42AgCNcBGAsYHQ/s1600/sevenclose.png' title='Close this ad' class='stickyclose'/></a></div>
    <div class='stickyzone'>
    <a href='#' title='Banner ad here'><img alt='Cssmzo' src='https://3.bp.blogspot.com/-vaXxOw739bU/Xh7ZPDIeH8I/AAAAAAAACBc/vQztOaoSw6QuIb6bjQuJmxm237EyI0acwCNcBGAsYHQ/s1600/sevenn.png'/></a>
    </div>
    </div>

    Clique no botão abaixo para ver os resultados

    Ok, isso é tudo o cssmoz para Criar anúncios flutuantes fixos com jQuery – Banner Scroll pode ser útil. Obrigado por nos visitar.


  • Barra de notificação simples, mas elegante para o Blogger

    Existem muitas barras de Notificação disponíveis para o blogspot, mas elas vêm com créditos fixos que possuem propriedades não removíveis.Portanto, hoje em dicas de sorablogging, vamos compartilhar um widget interessante, elegante e de primeira qualidade sem nenhum branding e créditos ocultos. Nos dias de hoje, tornou-se tendência a implementação desse tipo de barra de notificação flutuante em blogs, e a coisa mais importante que parece legal. Muitos blogs populares também estão usando esse tipo de barra para notificar seus leitores ou mostrar alguns itens importantes no top.it parece bom e elegante no topo do seu blog. Você pode colocar uma notificação sobre sua postagem mais recente ou popular, para que um visitante do seu blog possa facilmente entrar em contato com esse tópico ou artigo. A barra de notificação pode ser facilmente fechada e aberta com um único botão, localizado no lado direito da barra . O widget funciona muito bem porque é suportado pelo código jquery e denominado css. A personalização deste widget é muito fácil, você pode alterar facilmente o plano de fundo, a cor da borda e a cor do texto. Vamos ter uma demonstração dessa barra de notificação incrível. Você pode conferir a demonstração acima neste site.

    Como instalar este widget: –

    Essas etapas são tão simples e fáceis que qualquer novo blogueiro não enfrentará nenhum tipo de problema para instalá-lo em seu blog.
    Vá para Blogger.com >> Seu Blog >> Modelo
    agora Faça o backup do seu modelo.
    Em seguida, selecione Editar HTML >> Continuar
    Não se esqueça de clicar / marcar a caixa Expandir widgets do modelo.
    Pesquise <head> e logo abaixo, cole o seguinte código CSS.

    <link href = '// maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel = 'stylesheet' />

    Agora temos que adicionar o código jQuery e CSS no seu modelo, o qual será responsável pela função da barra.

    • Vá para o Blogger> Modelo
    • Faça backup do seu modelo
    • Clique em Editar HTML
    • Pesquise </head>
    • Cole os seguintes scripts logo acima:


    <style> 
    .tybar {width: 100%;
    margem: 0;
    altura: 50px;
    display: mesa;
    tamanho da fonte: 17 px;
    altura da linha: 50 px;
    peso da fonte: 600;
    -webkit-font-smoothing: antialias;
    cor: rgb (255, 255, 255);
    família de fontes: Ruda;
    cor da borda: rgb (255, 255, 255);
    cor de fundo: # 0e1032;
    box-shadow: 0 1px 3px 2px rgba (0,0,0,0,15);
    alinhamento de texto: centro;}
    .tybar .bar-but {font-size: 17px;
    intensidade da fonte: Negrito;
    margem esquerda: 25 px;
    fundo: #fff;
    estofamento: 5px;
    cor: #fff;
    cor de fundo: # f2132d;
    altura da linha: 1,05;
    preenchimento: 4px 15px;
    cursor: ponteiro;
    decoração de texto: nenhuma;
    raio da borda: 3px;}
    .tybar .bar-mas um {color: #fff; decoração de texto: nenhuma;}
    .tybar i {
    float: right;
    padding-right: 40px;
    cursor: ponteiro;
    altura da linha: 50 px;
    }
    body {margin-top: -49.33px;}
    body {margin-top: 49.33px; transição: 600ms; -webkit-transição: 600ms; -moz-transição: 600ms; -o-transição: 600ms;}
    .toggleclose { topo: -75px! important;}
    .togglebody {margin-top: 0! important;}
    .fa-arrow-down {
    position: fixed;
    direita: 30 px;
    superior: -2px;
    plano de fundo: # 00BE98;
    cor: #FFFFFF;
    largura: 40 px;
    altura: 30px;
    raio da borda: 3px;
    altura da linha: 26px! important;
    padding-top: 10px;
    padding-right: 0! importante;
    }
    .tybar {índice-z: 99999; top: 0; transição: 600ms; -webkit-transição: 600ms; -moz-transição: 600ms; -o-transição: 600ms; posição: corrigida}
    .blink_me {
    color: # f2132d ;
    margem direita: 10 px;
    -webkit-animation-name: pisca-pisca;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinito;

    -moz-animation-name: pisca-pisca;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinito;

    nome da animação: pisca-pisca;
    duração da animação: 1s;
    função de tempo de animação: linear;
    contagem de iterações de animação: infinito;
    }
    pisca-pisca @ -moz-keyframes {
    0% {opacidade: 1.0; }
    50% {opacidade: 0,0; }
    100% {opacidade: 1,0; }
    }
    pisca-pisca @ -webkit-keyframes {
    0% {opacidade: 1.0; }
    50% {opacidade: 0,0; }
    100% {opacidade: 1,0; }
    }
    pisca-pisca dos @keyframes {
    0% {opacidade: 1.0; }
    50% {opacidade: 0,0; }
    100% {opacidade: 1,0; }
    }
    tela @media e (largura máxima:
    800 px ) { .tybar {exibição: nenhuma;}
    corpo {
    margin-top: 0;
    }
    }
    </style>
    <script>
    // <! [CDATA [
    jQuery (documento) .ready (function () {
    jQuery ('.tybar i') .click (function () {
    jQuery ('.tybar') .toggleClass ('toggleclose');
    jQuery ('body') .toggleClass ('togglebody');
    jQuery ('.tybar i ') .toggleClass (' fa-times ');
    jQuery (' .tybar i ') .toggleClass (' fa-seta-para baixo ');
    });
    });
    //]]>
    </script>

    Agora vamos adicionar a parte final e importante do widget, Pesquise <body>   e logo abaixo / depois de colar a seguinte codificação. se você não encontrar <body> , pesquise  expr:class=’data:blog.pageType’>

    <div class = 'tybar'> 
    <span class = 'blink_me'> Texto em vermelho </span> Texto em branco normal <span class = 'bar-but'> <a href='#'> Texto do botão </a> < / span> <i class = 'fa fa-times' />
    </div>

    Tudo pronto: agora tudo está concluído, basta salvar seu modelo pressionando o botão Salvar modelo.
    Nota: Você pode alterar o texto e os botões de acordo.


  • Como instalar botão Voltar ao topo com SVG

    Como instalar  botão Voltar ao topo com SVG

    Faz muito tempo desde que atualizei a postagem aqui, talvez por causa de atividades offline e, quando estava online, verifiquei apenas o modelo do Blogger . 


    Nestas dicas do Blogger, a Arlina Design compartilhará dicas sobre como instalar o botão Voltar ao topo com o SVG

    Talvez você já conheça a função principal do botão Voltar ao topo, que facilita aos visitantes do blog retornar instantaneamente ao topo sem precisar rolar as páginas manualmente; certamente isso ajudará bastante os visitantes ao abrir uma página com conteúdo longo do artigo para retornar instantaneamente ao menu principal.

    Para aqueles que estão curiosos sobre como instalá-lo em um blog, siga as etapas abaixo.

    Como instalar o botão Voltar ao topo com SVG



    Primeiro, abra o Blogger  > Clique no menu Temas  e no botão Editar HTML  > Adicione este código antes </head>

    <style>
    /* Back To Top */
    .backtotop{display:none;background:#3c6382;color:#fff;font-size:1.4em;width:40px;height:40px;line-height:40px;outline:0;z-index:999;bottom:20px;right:20px;position:fixed;border-radius:5px;padding:0;text-align:center;cursor:pointer;opacity:1;transition:all .25s}.backtotop svg{width:24px;height:24px;transform:rotate(90deg);vertical-align:middle;transition:all .25s}.backtotop:hover{background:#0a3d62}
    </style>

    Em seguida, adicione o código abaixo antes

    <div class='backtotop hide'><svg viewBox='0 0 24 24'>
    <path d='M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z' fill='#fff'/>
    </svg></div>
    <script>
    //<![CDATA[
    $(function(){$(window).scroll(function(){$(this).scrollTop()>100?$(".backtotop").fadeIn():$(".backtotop").fadeOut()}),$(".backtotop").click(function(){return $("html,body").animate({scrollTop:0},400),!1})});
    //]]>
    </script>

    Em seguida, clique no botão Salvar tema  e veja os resultados em seu blog.

    Isso é tudo !Como instalar o botão Voltar ao topo com SVG da Mais Templates  ,espero que seja útil para o meu amigo.