Barra de aviso de cookies



Instale a mesma barra de cookies que utilizo no manualdablogueira.com.br

No seu painel do Blogger, procure por TEMA > PERSONALIZAR que está em um botão laranja. Clique na seta deste botão e em seguida clique em EDITAR HTML.

Agora você está dentro do corpo do seu template, e para adicionar o código, primeiro é preciso encontrar os locais corretos. Então, clique com o mouse em qualquer local em meio aos códigos. No teclado aperte CTRL+F. Uma caixa de busca vai surgir e dentro dela você vai pesquisar os comandos indicados e adicionar os códigos como está explicado a seguir.


Passo 01) Pesquise por </body> e ACIMA dele cole o código abaixo: 

<div id='barracookies'>

Usamos cookies próprios e de terceiros que entre outras coisas recolhem dados sobre seus hábitos de navegação para mostrar publicidades personalizadas e realizar análises de uso de nosso site. Ao continuar navegando, consideramos que aceita o uso.

<a href='javascript:void(0);' onclick='var expiration = new Date(); expiration.setTime(expiration.getTime() + (60000*60*24*365)); setCookie(&apos;avisocookies&apos;,&apos;1&apos;,expiration,&apos;/&apos;);document.getElementById(&apos;barracookies&apos;).style.display=&apos;none&apos;;'><b>Aceito</b></a> <a href='ADICIONE-A-URL-DA-SUA-PAGINA-DE-POLITICA-DE-PRIVACIDADE' target='_blank'> Quero mais informações</a>
</div>

<script type='text/javascript'>function setCookie(name,value,expires,path,domain,secure){document.cookie=name+&quot;=&quot;+escape(value)+((expires==null)?&quot;&quot;:&quot;; expires=&quot;+expires.toGMTString())+((path==null)?&quot;&quot;:&quot;; path=&quot;+path)+((domain==null)?&quot;&quot;:&quot;; domain=&quot;+domain)+((secure==null)?&quot;&quot;:&quot;; secure&quot;)}function getCookie(name){var cname=name+&quot;=&quot;;var dc=document.cookie;if(dc.length&gt;0){begin=dc.indexOf(cname);if(begin!=-1){begin+=cname.length;end=dc.indexOf(&quot;;&quot;,begin);if(end==-1)end=dc.length;return unescape(dc.substring(begin,end))}}return null}function delCookie(name,path,domain){if(getCookie(name)){document.cookie=name+&quot;=&quot;+((path==null)?&quot;&quot;:&quot;; path=&quot;+path)+((domain==null)?&quot;&quot;:&quot;; domain=&quot;+domain)+&quot;; expires=Thu, 01-Jan-70 00:00:01 GMT&quot;}}</script>

<script type='text/javascript'>
var comprobar = getCookie(&quot;avisocookies&quot;);
if (comprobar == 1) {/*Si se ha pulsado OK..que no se muestre el aviso*/
var expiration = new Date();
expiration.setTime(expiration.getTime() + (60000*60*24*365));
setCookie(&quot;avisocookies&quot;,&quot;1&quot;,expiration);
document.getElementById(&quot;barracookies&quot;).style.display=&quot;none&quot;;
}else {/*Si todavia no se ha pulsado OK..que Si se muestre el aviso*/
document.getElementById(&quot;barracookies&quot;).style.display=&quot;block&quot;; }

</script>





Passo 02)  Etapa do design da barra de aviso de cookies. Pesquise ]]></b:skin> e ACIMA dele cole o código abaixo:



/************************* BARRA DE COOKIES ******************************/

#barracookies {
text-transform: none;
display: none;
z-index: 99999;
position:fixed;
left:0px;
right:0px;
bottom:0px;
width:100%;
min-height:69px;
padding:35px 25px;
background: #fff;  /*--Cor de fundo da barra--*/
color:#000 /*--Cor da fonte de fundo da barra--*/
line-height:20px;
font-family: 'Poppins', sans-serif; /*--Nome da fonte de fundo da barra--*/
font-size:16px; /*--Tamanho da fonte de fundo da barra--*/
text-align:center;
box-sizing:border-box;
border-top: px solid #ff6030;
#barracookies a:nth-child(2) {
padding:8px;
background:#BC8C99 /*--Cor de fundo do botão QUERO MAIS INFORMAÇÕES--*/
border-radius:0px;
text-decoration:none;
font-weight: bold;
margin: 10px 0px;
display: block;
#barracookies a {
color: #fff; /*--Cor da fonte do botão ACEITO--*/
text-decoration: none;
background:#faa2cb; /*--Cor de fundo do botão ACEITO--*/
padding:8px;
font-weight: bold;
margin: 10px 0px;
display: block;

}
#barracookies a:hover {
color: #fff; /*--Cor da fonte dos botões--*/
text-transform:none;                
background:#ff6030; /*--Cor de fundo dos botões--*/
padding:8px;
}

Passo 03) Troque as cores de acordo com a sua paleta, clique em VISUALIZAR e se estiver tudo ok clique em SALVAR.


Formulário do mailchimp personalizado



/************************* FORMULÁRIO MAILCHIMP PERSONALIZADO ******************************/

/* Formulário geral */
#mc_embed_signup {
background-color: #f7ece8 !important;
padding: 20px;
width: 100%;
}

/* Título personalizado */
#mc_embed_signup h2 {
font-family: "Lato", sans-serif !important;
font-size: 16px !important;
font-weight: 700;
color: #000000 !important;
text-align: center;
text-transform: uppercase;
line-height: 1.3;
letter-spacing: 1px;
border-width: 0 !important;
margin-bottom: 20px !important;
background-color: transparent !important;
}
/* Nome e email personalizado */
#mc_embed_signup label {
font-family: "Lato", sans-serif !important;
font-size: 14px !important;
font-weight: 400;
color: #000000 !important;
text-transform: uppercase;
line-height: 1.3;
 margin-bottom: 10px !important;
}
/* Botão personalizado */
#mc_embed_signup #mc-embedded-subscribe {
background-color: #000000 !important;
color: #ffffff !important;
font-family: "Lato", sans-serif !important;
font-size: 14px !important;
letter-spacing:1px;
font-weight: 700;
text-transform: uppercase;
border-radius: 0 !important;
height: 50px !important;
line-height: 50px !important;
margin-top: 12px !important;
}
/* Botão personalizado  ao passer o mouse*/
#mc_embed_signup #mc-embedded-subscribe:hover {
 background: #777777 !important;
 color: #ffffff !important;
}

Termos de Uso - Base




É recomendável ler os termos de uso antes de baixar, assinar ou comprar qualquer produto oferecido pelo nome do seu blog.


Sobre os artigos 

Os posts publicados no nome do seu blog são desenvolvidos por seu nome aqui, por colaboradores ou por patrocinadores. Nenhum texto é publicado sem passar por uma revisão que é feita pela seu nome, que preza sempre pela veracidade das informações compartilhadas. 

Todo conteúdo aqui apresentado pertence ao nome do seu blog, e nenhum artigo pode ser copiado. O que pode ser feito é o compartilhamento do mesmo através do link da postagem.


Sobre as imagens 

Algumas imagens do nome do seu blog  são baixadas em sites que disponibilizam fotos grátis para criadores de conteúdo. Mesmo que essas imagens sejam gratuitas você não pode salva-las para usar em suas redes sociais ou em seu blog, porque é preciso baixar diretamente nos sites.

Com essas imagens criamos os nossos materiais gráficos que são distribuídos nas redes sociais. As imagens que levam o título de artigos nosso, com o nome ou logotipo do blog, com conteúdo prévio ou qualquer outro elemento que faz referência ao nome do seu blog, não podem sofrer alterações, ou seja, o nosso nome não pode ser retirado.


Sobre os materiais gratuitos

Oferecemos materiais gratuitos que podem ser utilizados pela pessoa que baixou. Eles não podem ser disponibilizados em blogs de terceiros sem o link que direciona para o artigo onde o material para baixar está publicado.

Também é proibido o uso desses materiais para fins lucrativos, ou seja, é considerado um ato ilegal vender nossos materiais gratuitos ou usa-los em propagandas comerciais. 


Sobre a nossa lista de contatos

Todos os contatos da nossa lista estão protegidos e os seus dados nunca serão distribuídos a terceiros, muito menos o seu e-mail será vendido para marqueteiros, pois odeio spam. 


Sobre os produtos e serviços que sou afiliada

seu nome, fundadora deste blog indica somente produtos e serviços que usa, testa ou que confia plenamente. A cada venda realizada através dos links de afiliado EXCLUSIVOS, uma comissão cai na conta do nome do seu blog, que nada mais é que uma porcentagem sobre o valor pago. Você não paga nada a mais por isso.

Todos os produtos e serviços indicados são recentes, ou seja, sempre estou em busca de compartilhar ferramentas atuais e que são realmente úteis para o seu crescimento profissional. 

Vale lembrar que em caso de desistência de algum serviço ou produto digital, o valor do mesmo será devolvido caso seu pedido de ressarcimento estiver no prazo. Esse prazo é estabelecido pelo dono do produto, e a devolução é de responsabilidade da plataforma onde o produto foi adquirido.

Bônus são oferecidos para aqueles que compram os produtos e serviços indicados pelo nome do seu blog, e para solicitar ou saber se o produto que você adquiriu possui bônus, basta entrar em contato.


Sobre os produtos que produzo

Ao adquirir meus produtos você receberá o link para efetuar download logo após a confirmação do pagamento. E caso desista da compra você também será ressarcido se o pedido de devolução estiver no prazo de estabelecido. 

Também ofereço vários bônus para quem adquire os meus produtos e pra saber se o produto que você adquiriu possui brindes, é só entrar em contato.

Visite nossa página de termos de uso constantemente pois ela é atualizada com frequência, e queremos sempre que você esteja ciente das nossas condições para poder usufruir de nossos conteúdos sem nenhum problema.

Modelos Prontos de email para parcerias

Modelos de e-mail:

Modelo 1

Olá! Sou a fulana tenho um blog que se chama fulunei que aborda assuntos como moda, beleza e maquiagem. Tenho interesse em propor uma parceria, por conhecer a loja e gostar dos produtos que vocês comercializam, e por acreditar que a mesma será benéfica para ambas as partes. Estou enviando o mídia kit caso queiram conhecer melhor o meu trabalho. Agradeço a atenção. Aguardo o retorno independente da resposta.

Att,

Fulana

Nome do blog 
Instagram 
Pinterest
Facebook

Modelo 2

Olá! Sou a fulana dona do blog fulanei que aborda assuntos como, moda, beleza, e maquiagem e estou interessada em fazer uma parceria com a loja pois acredito que será benéfico para ambos, pois falamos para o mesmo público. O fulanei possui hoje uma média de xxx visualizações diárias e cerca de xxxxxx seguidores no instagram. Estou enviando o mídia kit caso deseje conhecer melhor o meu trabalho. 

Agradeço a atenção. Aguardo o retorno independente da resposta.

Att,

Fulana

Nome do blog 
Instagram 
Pinterest
Facebook


Modelo 3 

Olá, tudo bom?

Sou a fulana dona do blog fulanei e gostaria de lhe propor uma parceria pois acredito que será benéfico para ambos. O fulanei possui hoje cerca de xxxx visualizações diárias e xxxx seguidores no instagram. Nosso foco principal é looks do dia, resenhas de produtos e diy's. Gosto muito dos produtos da loja e seria uma honra trabalhar com vocês. O mídia kit do fulanei está sendo enviado em anexo caso desejem analisar melhor o meu trabalho.

Agradeço a atenção, e aguardo o retorno independente da resposta.

Att,

Fulana

Nome do blog 
Instagram 
Pinterest
Facebook

Caixa Newsletter Mailchimp

<style>

#subscribebox {

background:#FFF2FB; /*--COR DE FUNDO DO FORMULÁRIO--*/

padding:20px;

font-family: 'open sans', sans-serif; /*--TIPO DE FONTE DO FORMULÁRIO--*/

width:300px; /*--TAMANHO TOTAL DO FORMULÁRIO--*/

}

.widget_follow_subscribe .widget-detail {

padding: 36px 30px 40px 30px;

}

#subscribebox p {

color: #333; /*--COR DA FONTE DE CHAMADA PARA AÇÃO--*/

font-size: 15px; /*--TAMANHO DA FONTE DE CHAMADA PARA AÇÃO--*/

text-align: center;

font-weight: normal;

font-family: 'Poppins', sans-serif; /*--TIPO DE FONTE DE CHAMADA PARA AÇÃO--*/

}

form.subscribe {

margin-top: 15px;

}

form.subscribe input {

display: block;

width: 100%;

}

.subscribe-email {

height: 45px; /*--ALTURA DO BOTÃO DEIXE SEU E-MAIL--*/

border: none;

margin: 0 0 10px;

font-size: 14px;

background-color: #ffffff; /*--COR DE FUNDO DO BOTÃO DEIXE SEU E-MAIL--*/

text-align: center;

color: #333; /*--COR DA FONTE DEIXE SEU E-MAIL--*/

}

.subscribe-email:focus {

 outline: 0;

}

/* ===== Placeholder color ===== */

form.subscribe .placeholder { /* Internet Explorer 9 */

color: #cacaca;

}

form.subscribe input:-ms-input-placeholder { /* Internet Explorer 10+ */

color: #cacaca;

}



form.subscribe input::-webkit-input-placeholder { /* WebKit browsers */

    color: #cacaca;

}



form.subscribe input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

    color: #fafafa;

}



form.subscribe input::-moz-placeholder { /* Mozilla Firefox 19+ */

color: #fafafa;

}

.subscribe-button {

height: 45px; /*--ALTURA DO BOTÃO CADASTRE-SE--*/

font-weight: normal;

font-family: 'Poppins', sans-serif; /*--TIPO DE FONTE DO BOTÃO CADASTRE-SE--*/

font-size: 14px; /*--TAMANHO DA FONTE DO BOTÃO CADASTRE-SE--*/

color: #111; /*--COR DA FONTE DO BOTÃO CADASTRE-SE--*/

text-transform: uppercase;

border: none;

background-color:#fff; /*--COR DE FUNDO DO BOTÃO CADASTRE-SE--*/

-webkit-transition: background-color 0.2s ease-in-out;

-moz-transition: background-color 0.2s ease-in-out;

-ms-transition: background-color 0.2s ease-in-out;

-o-transition: background-color 0.2s ease-in-out;

transition: background-color 0.2s ease-in-out;

}

.subscribe-button:hover {

background-color: #fafafa;

}



.subscribe-button:focus {

 outline: 0;

}

</style>

<center>

<div id="subscribebox">

<p>ADICIONE AQUI SUA FRASE DE CHAMADA PARA AÇÃO</p>

<form class="subscribe" action='SEU LINK AQUI' method='post' onsubmit='window.open(&apos;SEU LINK AQUI, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>

<input name='uri' type='hidden' value='SEU LINK AQUI'/>

<input name='loc' type='hidden' value='pt_BR'/>

<input class="subscribe-email" type='text' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Seu endereço de email&quot;;}' onfocus='if (this.value == &quot;Digite o seu melhor email&quot;) {this.value = &quot;&quot;;}' value='Digite seu  e-mail'/>

<input class="subscribe-button" type="submit" value="Cadastre-se" />

</form>

</div>

</center>

Como adicionar o botão Pinterest no blog

<script>
//<![CDATA[
var bs_pinButtonURL = "COLOQUE A URL DA IMAGEM AQUI";
var bs_pinButtonPos = "topright";
var bs_pinPrefix = "";
var bs_pinSuffix = "";
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<script id='bs_pinOnHover' type='text/javascript'>
//<![CDATA[
var _0xa776=["\x3C\x69\x6D\x67\x20\x73\x74\x79\x6C\x65\x3D\x22\x76\x69\x73\x69\x62\x69\x6C\x69\x74\x79\x3A\x68\x69\x64\x64\x65\x6E\x3B\x22\x20\x63\x6C\x61\x73\x73\x3D\x22\x70\x69\x6E\x69\x6D\x67\x6C\x6F\x61\x64\x22\x20\x73\x72\x63\x3D\x22","\x22\x20\x3E","\x61\x70\x70\x65\x6E\x64","\x62\x6F\x64\x79","\x68\x69\x64\x65","\x23\x62\x73\x5F\x70\x69\x6E\x4F\x6E\x48\x6F\x76\x65\x72","\x6F\x75\x74\x65\x72\x57\x69\x64\x74\x68","\x2E\x70\x69\x6E\x69\x6D\x67\x6C\x6F\x61\x64","\x6F\x75\x74\x65\x72\x48\x65\x69\x67\x68\x74","\x72\x65\x6D\x6F\x76\x65","\x6C\x6F\x61\x64","\x62\x6C\x6F\x67\x67\x65\x72\x73\x65\x6E\x74\x72\x61\x6C\x2E\x63\x6F\x6D","\x69\x6E\x64\x65\x78\x4F\x66","\x68\x74\x6D\x6C","\x76\x69\x73\x69\x62\x69\x6C\x69\x74\x79","\x68\x69\x64\x64\x65\x6E","\x63\x73\x73","\x2E\x70\x69\x6E\x69\x74\x2D\x77\x72\x61\x70\x70\x65\x72","\x6D\x61\x72\x67\x69\x6E\x2D\x74\x6F\x70","\x6D\x61\x72\x67\x69\x6E\x2D\x6C\x65\x66\x74","\x74\x6F\x70","\x70\x6F\x73\x69\x74\x69\x6F\x6E","\x6C\x65\x66\x74","\x63\x65\x6E\x74\x65\x72","\x74\x6F\x70\x72\x69\x67\x68\x74","\x74\x6F\x70\x6C\x65\x66\x74","\x62\x6F\x74\x74\x6F\x6D\x72\x69\x67\x68\x74","\x62\x6F\x74\x74\x6F\x6D\x6C\x65\x66\x74","\x73\x72\x63","\x70\x72\x6F\x70","\x2E\x70\x6F\x73\x74\x2D\x74\x69\x74\x6C\x65\x2C\x2E\x65\x6E\x74\x72\x79\x2D\x74\x69\x74\x6C\x65\x2C\x2E\x65\x6E\x74\x72\x79\x2D\x68\x65\x61\x64\x65\x72","\x66\x69\x6E\x64","\x2E\x70\x6F\x73\x74\x2C\x2E\x68\x65\x6E\x74\x72\x79\x2C\x2E\x65\x6E\x74\x72\x79","\x63\x6C\x6F\x73\x65\x73\x74","\x74\x65\x78\x74","\x75\x6E\x64\x65\x66\x69\x6E\x65\x64","","\x6C\x65\x6E\x67\x74\x68","\x61","\x72\x65\x70\x6C\x61\x63\x65","\x68\x72\x65\x66","\x61\x74\x74\x72","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x70\x69\x6E\x69\x74\x2D\x77\x72\x61\x70\x70\x65\x72\x22\x20\x73\x74\x79\x6C\x65\x3D\x22\x64\x69\x73\x70\x6C\x61\x79\x3A\x6E\x6F\x6E\x65\x3B\x70\x6F\x73\x69\x74\x69\x6F\x6E\x3A\x20\x61\x62\x73\x6F\x6C\x75\x74\x65\x3B\x7A\x2D\x69\x6E\x64\x65\x78\x3A\x20\x39\x39\x39\x39\x3B\x20\x63\x75\x72\x73\x6F\x72\x3A\x20\x70\x6F\x69\x6E\x74\x65\x72\x3B\x22\x20\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x70\x69\x6E\x74\x65\x72\x65\x73\x74\x2E\x63\x6F\x6D\x2F\x70\x69\x6E\x2F\x63\x72\x65\x61\x74\x65\x2F\x62\x75\x74\x74\x6F\x6E\x2F\x3F\x75\x72\x6C\x3D","\x26\x6D\x65\x64\x69\x61\x3D","\x26\x64\x65\x73\x63\x72\x69\x70\x74\x69\x6F\x6E\x3D","\x22\x20\x73\x74\x79\x6C\x65\x3D\x22\x64\x69\x73\x70\x6C\x61\x79\x3A\x62\x6C\x6F\x63\x6B\x3B\x6F\x75\x74\x6C\x69\x6E\x65\x3A\x6E\x6F\x6E\x65\x3B\x22\x20\x74\x61\x72\x67\x65\x74\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x3E\x3C\x69\x6D\x67\x20\x63\x6C\x61\x73\x73\x3D\x22\x70\x69\x6E\x69\x6D\x67\x22\x20\x73\x74\x79\x6C\x65\x3D\x22\x2D\x6D\x6F\x7A\x2D\x62\x6F\x78\x2D\x73\x68\x61\x64\x6F\x77\x3A\x6E\x6F\x6E\x65\x3B\x2D\x77\x65\x62\x6B\x69\x74\x2D\x62\x6F\x78\x2D\x73\x68\x61\x64\x6F\x77\x3A\x6E\x6F\x6E\x65\x3B\x2D\x6F\x2D\x62\x6F\x78\x2D\x73\x68\x61\x64\x6F\x77\x3A\x6E\x6F\x6E\x65\x3B\x62\x6F\x78\x2D\x73\x68\x61\x64\x6F\x77\x3A\x6E\x6F\x6E\x65\x3B\x62\x61\x63\x6B\x67\x72\x6F\x75\x6E\x64\x3A\x74\x72\x61\x6E\x73\x70\x61\x72\x65\x6E\x74\x3B\x6D\x61\x72\x67\x69\x6E\x3A\x20\x30\x3B\x70\x61\x64\x64\x69\x6E\x67\x3A\x20\x30\x3B\x62\x6F\x72\x64\x65\x72\x3A\x30\x3B\x22\x20\x73\x72\x63\x3D\x22","\x22\x20\x74\x69\x74\x6C\x65\x3D\x22\x50\x69\x6E\x20\x6F\x6E\x20\x50\x69\x6E\x74\x65\x72\x65\x73\x74\x22\x20\x3E\x3C\x2F\x61\x3E\x3C\x2F\x64\x69\x76\x3E","\x69\x73","\x70\x61\x72\x65\x6E\x74","\x70\x69\x6E\x69\x74\x2D\x77\x72\x61\x70\x70\x65\x72","\x68\x61\x73\x43\x6C\x61\x73\x73","\x6E\x65\x78\x74","\x61\x66\x74\x65\x72","\x6F\x6E\x6D\x6F\x75\x73\x65\x6F\x76\x65\x72","\x74\x68\x69\x73\x2E\x73\x74\x79\x6C\x65\x2E\x6F\x70\x61\x63\x69\x74\x79\x3D\x31\x3B\x74\x68\x69\x73\x2E\x73\x74\x79\x6C\x65\x2E\x76\x69\x73\x69\x62\x69\x6C\x69\x74\x79\x3D\x27\x76\x69\x73\x69\x62\x6C\x65\x27","\x74\x68\x69\x73\x2E\x73\x74\x79\x6C\x65\x2E\x6F\x70\x61\x63\x69\x74\x79\x3D\x31\x3B\x74\x68\x69\x73\x2E\x73\x74\x79\x6C\x65\x2E\x76\x69\x73\x69\x62\x69\x6C\x69\x74\x79\x3D\x27\x76\x69\x73\x69\x62\x6C\x65\x27\x3B\x63\x6C\x65\x61\x72\x54\x69\x6D\x65\x6F\x75\x74\x28\x62\x73\x42\x75\x74\x74\x6F\x6E\x48\x6F\x76\x65\x72\x29","\x76\x69\x73\x69\x62\x6C\x65","\x73\x68\x6F\x77","\x66\x61\x64\x65\x54\x6F","\x73\x74\x6F\x70","\x6D\x6F\x75\x73\x65\x65\x6E\x74\x65\x72","\x2E\x6E\x6F\x70\x69\x6E\x2C\x2E\x6E\x6F\x70\x69\x6E\x20\x69\x6D\x67","\x6E\x6F\x74","\x2E\x65\x6E\x74\x72\x79\x2D\x63\x6F\x6E\x74\x65\x6E\x74\x20\x69\x6D\x67\x2C\x2E\x70\x6F\x73\x74\x2D\x62\x6F\x64\x79\x20\x69\x6D\x67\x2C\x2E\x65\x6E\x74\x72\x79\x2D\x73\x75\x6D\x6D\x61\x72\x79\x20\x69\x6D\x67","\x6D\x6F\x75\x73\x65\x6C\x65\x61\x76\x65","\x6D\x73\x69\x65","\x62\x72\x6F\x77\x73\x65\x72","\x6F\x6E","\x72\x65\x61\x64\x79"];jQuery(document)[_0xa776[68]](function(_0x8b11x1){_0x8b11x1(_0xa776[3])[_0xa776[2]](_0xa776[0]+ bs_pinButtonURL+ _0xa776[1]);_0x8b11x1(_0xa776[5])[_0xa776[4]]();var _0x8b11x2;var _0x8b11x3;var _0x8b11x4;_0x8b11x1(_0xa776[7])[_0xa776[10]](function(){_0x8b11x3= _0x8b11x1(_0xa776[7])[_0xa776[6]](true);_0x8b11x4= _0x8b11x1(_0xa776[7])[_0xa776[8]](true);_0x8b11x1(_0xa776[7])[_0xa776[9]]()});var _0x8b11x5=_0x8b11x1(_0xa776[5])[_0xa776[13]]()[_0xa776[12]](_0xa776[11]);_0x8b11x5!= -1&& _0x8b11x6();function _0x8b11x6(){_0x8b11x1(_0xa776[63])[_0xa776[62]](_0xa776[61])[_0xa776[60]](function(){_0x8b11x1(_0xa776[17])[_0xa776[16]](_0xa776[14],_0xa776[15]);clearTimeout(_0x8b11x2);var _0x8b11x7=_0x8b11x1(this);var _0x8b11x8=parseInt(_0x8b11x7[_0xa776[16]](_0xa776[18]));var _0x8b11x9=parseInt(_0x8b11x7[_0xa776[16]](_0xa776[19]));var _0x8b11xa;var _0x8b11xb;switch(bs_pinButtonPos){case _0xa776[23]:_0x8b11xa= _0x8b11x7[_0xa776[21]]()[_0xa776[20]]+ _0x8b11x7[_0xa776[8]](true)/ 2- _0x8b11x4/ 2;_0x8b11xb= _0x8b11x7[_0xa776[21]]()[_0xa776[22]]+ _0x8b11x7[_0xa776[6]](true)/ 2- _0x8b11x3/ 2;break;case _0xa776[24]:_0x8b11xa= _0x8b11x7[_0xa776[21]]()[_0xa776[20]]+ _0x8b11x8+ 5;_0x8b11xb= _0x8b11x7[_0xa776[21]]()[_0xa776[22]]+ _0x8b11x9+ _0x8b11x7[_0xa776[6]]()- _0x8b11x3- 5;break;case _0xa776[25]:_0x8b11xa= _0x8b11x7[_0xa776[21]]()[_0xa776[20]]+ _0x8b11x8+ 5;_0x8b11xb= _0x8b11x7[_0xa776[21]]()[_0xa776[22]]+ _0x8b11x9+ 5;break;case _0xa776[26]:_0x8b11xa= _0x8b11x7[_0xa776[21]]()[_0xa776[20]]+ _0x8b11x8+ _0x8b11x7[_0xa776[8]]()- _0x8b11x4- 5;_0x8b11xb= _0x8b11x7[_0xa776[21]]()[_0xa776[22]]+ _0x8b11x9+ _0x8b11x7[_0xa776[6]]()- _0x8b11x3- 5;break;case _0xa776[27]:_0x8b11xa= _0x8b11x7[_0xa776[21]]()[_0xa776[20]]+ _0x8b11x8+ _0x8b11x7[_0xa776[8]]()- _0x8b11x4- 5;_0x8b11xb= _0x8b11x7[_0xa776[21]]()[_0xa776[22]]+ _0x8b11x9+ 5;break};var _0x8b11xc=_0x8b11x7[_0xa776[29]](_0xa776[28]);var _0x8b11xd=_0x8b11x7[_0xa776[33]](_0xa776[32])[_0xa776[31]](_0xa776[30]);var _0x8b11xe=_0x8b11xd[_0xa776[34]]();if( typeof bs_pinPrefix=== _0xa776[35]){bs_pinPrefix= _0xa776[36]};if( typeof bs_pinSuffix=== _0xa776[35]){bs_pinSuffix= _0xa776[36]};if(_0x8b11xd[_0xa776[31]](_0xa776[38])[_0xa776[37]]){pinitURL= _0x8b11xd[_0xa776[31]](_0xa776[38])[_0xa776[41]](_0xa776[40])[_0xa776[39]](/\#.+\b/gi,_0xa776[36])}else {pinitURL= _0x8b11x1(location)[_0xa776[41]](_0xa776[40])[_0xa776[39]](/\#.+\b/gi,_0xa776[36])};var _0x8b11xf=_0xa776[42]+ pinitURL+ _0xa776[43]+ _0x8b11xc+ _0xa776[44]+ bs_pinPrefix+ _0x8b11xe+ bs_pinSuffix+ _0xa776[45]+ bs_pinButtonURL+ _0xa776[46];var _0x8b11x10=_0x8b11x7[_0xa776[48]]()[_0xa776[47]](_0xa776[38])?_0x8b11x7[_0xa776[48]]():_0x8b11x7;if(!_0x8b11x10[_0xa776[51]]()[_0xa776[50]](_0xa776[49])){_0x8b11x10[_0xa776[52]](_0x8b11xf);if( typeof _0x8b11x2=== _0xa776[35]){_0x8b11x10[_0xa776[51]](_0xa776[17])[_0xa776[41]](_0xa776[53],_0xa776[54])}else {_0x8b11x10[_0xa776[51]](_0xa776[17])[_0xa776[41]](_0xa776[53],_0xa776[55])}};var _0x8b11x11=_0x8b11x10[_0xa776[51]](_0xa776[17]);_0x8b11x11[_0xa776[16]]({"\x74\x6F\x70":_0x8b11xa,"\x6C\x65\x66\x74":_0x8b11xb});_0x8b11x11[_0xa776[16]](_0xa776[14],_0xa776[56]);_0x8b11x11[_0xa776[59]]()[_0xa776[58]](300,1.0,function(){_0x8b11x1(this)[_0xa776[57]]()})});_0x8b11x1(_0xa776[63])[_0xa776[67]](_0xa776[64],function(){if(_0x8b11x1[_0xa776[66]][_0xa776[65]]){var _0x8b11x12=_0x8b11x1(this)[_0xa776[51]](_0xa776[17]);var _0x8b11x13=_0x8b11x1(this)[_0xa776[48]](_0xa776[38])[_0xa776[51]](_0xa776[17]);_0x8b11x2= setTimeout(function(){_0x8b11x12[_0xa776[59]]()[_0xa776[16]](_0xa776[14],_0xa776[15]);_0x8b11x13[_0xa776[59]]()[_0xa776[16]](_0xa776[14],_0xa776[15])},3000)}else {_0x8b11x1(_0xa776[17])[_0xa776[59]]()[_0xa776[58]](0,0.0)}})}})
//This Pinterest Hover Button is developed by bloggersentral.com.
//Visit http://www.bloggersentral.com/2012/11/pinterest-pin-it-button-on-image-hover.html details
//Please do not remove this attribution
//]]>
</script>

Código do menu fixo no topo do blog com sub-abas e ícones sociais


Link do tutorial: http://www.manualdablogueira.com.br/2018/02/menu-fixo-no-topo-do-blog-com-sub-abas.html


Acima de ]]></b:skin>


/************************* MENU RESPONSIVO ******************************/
#NavbarMenu {
background: #000; /*--COR DE FUNDO DO MENU--*/
width: 100%;
height: 40px; /*--ALTURA DO MENU--*/
margin: 0;
padding: 0;
position: fixed;
top: 0px;
left:0px;
z-index: 999;
border-left: 220px solid #000; /*--ARRASTA O MENU PARA DIREITA--*/
}
#NavbarMenuleft {
width: 100%;
float: left;
margin: 0;
padding: 0;
}
#nav {
margin: 0;
padding: 0;
}
#nav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#nav li {
list-style: none;
margin: 0;
padding: 0;
}
#nav li a, #nav li a:link, #nav li a:visited {
color: #fff; /*--COR DA FONTE--*/
display: block;
font-size: 13px;/*--TAMANHO DA FONTE--*/
font-family: 'Montserrat', sans-serif; /*--NOME DA FONTE--*/
font-weight: normal;
text-transform: uppercase;
margin: 0;
padding: 13px 15px 8px;
}
#nav li a:hover, #nav li a:active {
background: transparent;/*--COR DE FUNDO DO MENU AO PASSAR O MOUSE--*/
color: #E89CCD; /*--COR DA FONTE DO MENU AO PASSAR O MOUSE--*/
margin: 0;
padding: 13px 15px 8px;
text-decoration: none;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #000;/*--COR DE FUNDO DA SUB ABA--*/
width: 100px;
color: #fff; /*--COR DA FONTE DA SUB ABA--*/
font-size: 13px;/*--TAMANHO DA FONTE DA SUB ABA--*/
font-family: 'Montserrat', sans-serif; /*--NOME DA FONTE--*/
font-weight: normal;
text-transform: none;
float: none;
margin: 0;
padding: 7px 10px;
border-bottom: 1px solid #FFF;
}
#nav li li a:hover, #nav li li a:active {
background: #000;/*--COR DE FUNDO DA SUB ABA AO PASSAR O MOUSE--*/
color: #E89CCD; /*--COR DA FONTE DA SUB ABA AO PASSAR O MOUSE--*/
padding: 7px 10px;
}
#nav li {
float: left;
padding: 0;
}
#nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0;
padding: 0;
}
#nav li ul a {
width: 140px;
}
#nav li ul ul {
margin: -32px 0 0 171px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li.sfhover {
position: static;
}

Dentro do HTML/JavaScript


<div id="NavbarMenu">
<div id="NavbarMenuleft">
<ul id="nav">
<li><a href="#">Inicio</a>
<li><a href="#">Blogroll</a>
<li><a href="#">Clipling</a>
<li><a href="#">Parcerias</a>
<li><a href="#">Anuncie</a>
<li><a href="#">Sobre</a>
<li><a href="#">Contato</a>
<li><a href="#">Categorias <i class='fa fa-plus' target='_blank'></i> </a>
<ul>
<li><a href="#">Beleza</a></li>
<li><a href="#">Moda</a></li>
<li><a href="#">Cabelo</a></li>
<li><a href="#">Decoração</a></li>
<li><a href="#">Viagens</a></li>
<li><a href="#">Culinária</a></li>
<li><a href="#">Resenhas</a></li>
</ul></li></li></li></li></li></li></li></li>
<li><a href='https://www.facebook.com/nomedoseublog><i class='fa fa-facebook' target='_blank'></i></a></li>
<li><a href='https://www.twitter.com/nomedoseublog ' target='_blank'><i class='fa fa-twitter'></i></a></li>
<li><a href='https://www.instagram.com/nomedoseublog' target='_blank'><i class='fa fa-instagram'></i></a></li>
<li><a href='https://www.pinterest.com/nomedoseublog' target='_blank'><i class='fa fa-pinterest'></i></a></li>
<li><a href='https://www.youtube.com/nomedoseublog' target='_blank'><i class='fa fa-play'></i></a></li>
</ul>
<style></style>
 
</div>
</div>
<div style="clear: both;">
   </div>