Função noite e dia no Blogger event button Widget

função noite e dia no Blogger template

Hoje vamos compartilhar um widget interessante por zignationdesign isso tem um diferencial que faz com que seu Blog fique em modo noite ou dia traz também uma opção de interação com o usuario uma vez quando clicado no botão então para adicionar essa função no template siga os passos abaixo


Faça login no blogger 

Vá em menu modelo então editar HTML com as teclas combinadas CTRL+F busque por
</head> e antes disso copie e cole o seguinte código: 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>

Lembrando que se você ja possui isso no seu template ignore essa etapa.


Em seguida voce deve criar o botão para ativar o modo  copie esse código e cole no seu menu ou onde desejar 


<button class="tombol-nightmode">Night Mode</button>

Ativando o modo Noite com Jquery copie e cole o seguinte código acima de </body> 

<script>
//<![CDATA[
$(document).ready(function(){
    $("button.tombol-nightmode").click(function(){
        $("body").toggleClass('nightmode');
    });
});
//]]>
</script>

Adicione a conformidade com a tag html ou seja copie o seguinte código CSS  e cole antes de </head> 

<style>
/* CSS Night Mode ketika tombol di Klik */
.nightmode {
    background:black;
    color:#fff;
}
/* CSS Tambahan untuk Elemen lain */
.nightmode div {

}
</style>

Salve e confira o resultado.


Click to comment