E cole o código abaixo de ]]></b:skin>:
2. Agora procure por </body> e cole o código abaixo, em cima de </body>:
Créditos para: Templates e Acessórios
Mostrando postagens com marcador Tutoriais. Mostrar todas as postagens
teste do eddy
E cole o código abaixo de ]]></b:skin>:
2. Agora procure por </body> e cole o código abaixo, em cima de </body>:
Créditos para: Templates e Acessórios
<div style="position:fixed; bottom:-3px; right:0px;">
<img src="https://lh3.googleusercontent.com/-1ILjd9EYjZU/TpCC5o4AyZI/AAAAAA
AAAXM/Lvi8t6ZllX4/s100/DH.png" />
</div>
<img src="https://lh3.googleusercontent.com/-1ILjd9EYjZU/TpCC5o4AyZI/AAAAAA
AAAXM/Lvi8t6ZllX4/s100/DH.png" />
</div>
Veja alguns selos abaixo:
Vá no seu HTML , Dê um CTRL+F , e Procure por :
/*WIDGETS
Agora em baixo dessa linha Cole:
.sidebar .widget {
background: #ffffff; /* Fundo da sidebar */
box-shadow: inset 0 0 5px #e0dfdf, 0 0 4px #ccc; /* Sombra interna */
-webkit-transition-duration: .50s;
border-top: 6px solid #XXX; /* Cor da borda de cima */
border-bottom: 6px solid #XXX; /* Cor da borda de baixo */
}
.sidebar .widget:hover {
background: #ffffff; /* Cor da sidebar hover */
box-shadow: inset 0 0 30px #e4e2e2, 0 0 4px #ccc; /* Sombra interna hover */
border-top: 5px solid #XXX; /* Cor da borda de cima hover */
border-bottom: 5px solid #XXX; /* Cor da borda hover de baixo */
-webkit-transition-duration: .50s;
}
Pronto agora e so Salva e Fazer as Modificações que você quiser .
Vá no seu LAYOUT, depois Adicionar um Gadget ,apos ter clicado procure por: HTML/JavaScript
e Cole o Código lá dentro,depois de colar o código Abaixo dele Acione o Código da CBOX e Pronto,
e Salve Código Abaixo:
Para adicionar a caixinha entre no painel de seu blog adicionar um htm/javascript
e cole o seguinte código
Apostila do curso onde ensinará tudo sobre o básico de HTML.
Apostila do curso onde ensinará tudo sobre o básico de CSS.
Como Colocar Neve Caindo No Seu Blog !
1º Vá no Layout do seu Blog
2º Depois vá em Adicionar um Gadget
3º E procure por HTML/JavaScript e Cole o seguinte codigo abaixo:
<script type="text/javascript">
endereco = "http://img42.imageshack.us/img42/5508/neve1.png";
</script>
</script>
<script type="text/javascript" src="http://acessoriosparablogs.com.br/scripts/neve.js"></script>
Onde
está em Vermelho você podera trocar sua imagem para ficar caindo no seu
Blog, aqui vão umas imagens de neve para ser colocada, apenas escolha uma !
Ele vai passar pela a tela do seu site/blog voando de um lado para um outro o efeito e bem legal e simples de se colocar no blog.
Vamos ao tutorial:
1º - Vá ao editor de HTML de seu blog e procure pela tag:
</head>2º - Acima dele cole o seguinte código:
<!-- Papai Noel voando pelo blog -->
<script src='http://blogparts.giffy.me/0017/parts.js' type='text/javascript'/>
<!-- Papai Noel voando pelo blog -->
Obrigado Galera!
Faça login no Blogger >> Layout >> Adicionar um Gadget >>HTML/JavaScript
e cole o codigo abaixo↓↓↓↓↓
<center><img src="url do avatar do postador da semana" style="height: 115px; width: 116px;" /></center> <center><span style="font-weight: bold;"><span style="color: rgb(0, 0, 0);">Nome</span>: </span>nome do postador da semana<div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> <span style="font-weight: bold;">Cidade:</span> cidade do postador
</div> <div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;"> <span style="font-weight: bold;"> Idade: </span>idade do postador
</div><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">
</div></center> <center><a href="Url do Orkut" rel="nofollow" target="_blank"><img alt="Orkut" src="https://lh5.googleusercontent.com/-xgR9zganwuc/TlST_z-xUnI/AAAAAAAAAI4/-UMamcZYFhU/09.png" border="0" height="25" width="25" /></a> <a href="url do twitter" rel="nofollow" target="_blank"><img alt="Twitter" src="https://lh6.googleusercontent.com/-W1L-KPqeYCU/TlST_uDLzaI/AAAAAAAAAI0/3s1My6C4ngw/08.gif" border="0" height="25" width="25" /></a> <a href="url do facebook" rel="nofollow" target="_blank"><img alt="Facebook" src="https://lh5.googleusercontent.com/-8-gOwvYRdi8/TlST-xyBLnI/AAAAAAAAAIc/WO2Ar7itgK0/10.png" border="0" height="25" width="25" /></a></center><center>
</center><center><a style="color: rgb(0, 0, 0);" href="Url da sua equipe" target="_blank"><img alt="star" src="https://lh6.googleusercontent.com/-FaTuEJMeyac/TlSOicbYp2I/AAAAAAAAAGA/agZFL5V9eNQ/01.png" /></a><b style="color: rgb(0, 0, 0); "><a style="color: rgb(0, 0, 0); " href="url da pagina de ser postador" target="_blank"> Seja Um Postador</a></b></center>
altere tudo que estar de rosa e salve!
Texto em movimento bate e volta este código pode ser adicionado no html de seu blog ou html/javascript !
Entre no painel do seu blog e clique em Design
Em seguida, clique em Editar HTML.
Aperte as teclas CTRL+F e procure por: ]]></b:skin>
Encontrado cole o seguinte código acima de: ]]></b:skin>
Em seguida procure por: <body>
Encontrado cole o seguinte código abaixo de <body>
E pronto só Visualizar para ver se não ocorreu nenhum erro é salve.
1. Vá Em Design > Editar Html > e Procure Por :
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
2. Onde estar em vermelho troque para 'false'.
Clique em "Design" e depois em "Editar HTML", após procure por:
]]></b:skin>
Acima dessa linha cole o código CSS abaixo:
nav {
display: block;
width: 100%;
overflow: hidden;
}
nav ul {
margin: 80px 0 20px 0;
padding: .7em;
float: left;
list-style: none;
background: #444;
background: rgba(0,0,0,.2);
-moz-border-radius: .5em;
-webkit-border-radius: .5em;
border-radius: .5em;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;
box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;
}
nav li {
float:left;
}
nav a {
float:left;
padding: .8em 1.5em;
text-decoration: none;
color: #555;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
font: bold 1.1em/1 'trebuchet MS', Arial, Helvetica;
letter-spacing: 1px;
text-transform: uppercase;
border-width: 1px;
border-style: solid;
border-color: #fff #ccc #999 #eee;
background: #c1c1c1;
background: -moz-linear-gradient(#f5f5f5, #c1c1c1);
background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#c1c1c1));
background: -webkit-linear-gradient(#f5f5f5, #c1c1c1);
background: -o-linear-gradient(#f5f5f5, #c1c1c1);
background: -ms-linear-gradient(#f5f5f5, #c1c1c1);
background: linear-gradient(#f5f5f5, #c1c1c1);
}
nav a:hover, nav a:focus {
outline: 0;
color: #fff;
text-shadow: 0 1px 0 rgba(0,0,0,.2);
background: #fac754;
background: -moz-linear-gradient(#fac754, #f8ac00);
background: -webkit-gradient(linear, left top, left bottom, from(#fac754), to(#f8ac00));
background: -webkit-linear-gradient(#fac754, #f8ac00);
background: -o-linear-gradient(#fac754, #f8ac00);
background: -ms-linear-gradient(#fac754, #f8ac00);
background: linear-gradient(#fac754, #f8ac00);
}
nav a:active {
-moz-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
}
nav li:first-child a {
border-left: 0;
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
nav li:last-child a {
border-right: 0;
-moz-border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
display: block;
width: 100%;
overflow: hidden;
}
nav ul {
margin: 80px 0 20px 0;
padding: .7em;
float: left;
list-style: none;
background: #444;
background: rgba(0,0,0,.2);
-moz-border-radius: .5em;
-webkit-border-radius: .5em;
border-radius: .5em;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;
box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;
}
nav li {
float:left;
}
nav a {
float:left;
padding: .8em 1.5em;
text-decoration: none;
color: #555;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
font: bold 1.1em/1 'trebuchet MS', Arial, Helvetica;
letter-spacing: 1px;
text-transform: uppercase;
border-width: 1px;
border-style: solid;
border-color: #fff #ccc #999 #eee;
background: #c1c1c1;
background: -moz-linear-gradient(#f5f5f5, #c1c1c1);
background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#c1c1c1));
background: -webkit-linear-gradient(#f5f5f5, #c1c1c1);
background: -o-linear-gradient(#f5f5f5, #c1c1c1);
background: -ms-linear-gradient(#f5f5f5, #c1c1c1);
background: linear-gradient(#f5f5f5, #c1c1c1);
}
nav a:hover, nav a:focus {
outline: 0;
color: #fff;
text-shadow: 0 1px 0 rgba(0,0,0,.2);
background: #fac754;
background: -moz-linear-gradient(#fac754, #f8ac00);
background: -webkit-gradient(linear, left top, left bottom, from(#fac754), to(#f8ac00));
background: -webkit-linear-gradient(#fac754, #f8ac00);
background: -o-linear-gradient(#fac754, #f8ac00);
background: -ms-linear-gradient(#fac754, #f8ac00);
background: linear-gradient(#fac754, #f8ac00);
}
nav a:active {
-moz-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
}
nav li:first-child a {
border-left: 0;
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
nav li:last-child a {
border-right: 0;
-moz-border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
Feito isso, salve.
Agora acesse a guia “Design” do seu blog e clique na opção “Adicionar um gadget” –> “HTML/Javascript”. Em seguida cole o código abaixo, faça as alterações conforme o que se pede (destacado de vermelho no código) e salve.
<nav>
<ul>
<li><a href="LINK">ITEM</a></li>
<li><a href="LINK">ITEM</a></li>
<li><a href="LINK">ITEM</a></li>
<li><a href="LINK">ITEM</a></li>
<li><a href="LINK">ITEM</a></li>
</ul>
</nav>
<ul>
<li><a href="LINK">ITEM</a></li>
<li><a href="LINK">ITEM</a></li>
<li><a href="LINK">ITEM</a></li>
<li><a href="LINK">ITEM</a></li>
<li><a href="LINK">ITEM</a></li>
</ul>
</nav>
1. Entre no blogger e acesse o painel principal do seu blog.
2. Clique na guia “Modelo” –> “Edita HTML”.
3. Procure por ]]></b:skin>
4. Acima dessa linha cole o código abaixo.
/* ---------------- Barra de rolagem Google Chrome---------------- */
::-webkit-scrollbar {
width: 15px; <!-- largura da barra de rolagem -->
height: 5px;
}
::-webkit-scrollbar-track-piece {
background: #aebcbf; <!-- Cor do fundo da barra de rolagem -->
}
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background: #000; <!-- Cor da barra de rolagem -->
border-radius: 10px; <!-- Arredondamento da barra de rolagem -->
}
::-webkit-scrollbar-thumb:horizontal {
width: 5px; <!-- Largura da barra de rolagem na horizontal-->
background-color: #FFA500; <!- cor da barra de rolagem na horizontal-->
}
5. Para mudar a Cor do Fundo da Barra de Rolagem basta alterar o que estar em "Vermelho", para mudar a Cor da Barra de Rolagem basta alterar o que estar em "Verde", para mudar a Cor da Barra de Rolagem Horizontal basta alterar o que estar em "Azul".
6° Agora só Visualizar e Salvar!
1- Vá no painel do blogger,depois em ''Layout'', depois em ''Adicionar Gadget'',Procure por:''HTML/JavaScript'' e adicione o código e salve
Codigo↓↓↓
Se você quiser mudar a imagem do selo basta por o link da sua imagem no lugar desse link: https://lh3.googleusercontent.com/-1ILjd9EYjZU/TpCC5o4AyZI/AAAAAA
AAAXM/Lvi8t6ZllX4/s100/DH.png
É bem simples adicionar isso, acesse seu painel do blogger, vá em design > editar html
Agora procure por: ]]>
e antes dessa linha insira
: a:hover{ color: #FF000;text-shadow:0 0 .3em #FF000; }
OBS: Onde tem #FF000 Você pode está alterando a cor, para uma de sua preferência
1° Abre seu blogger é em DESIGN
2° Clike em ADICIONAR UM GADGET
3° Depois clica em HTML/JavaScript
4° Depois cole o seguinte códico
CÓDICO DA SETINHA
LARANJA
AZUL
VERMELHO
VERDE
AMARELO
ROXO
ROSA CLARO
5° Depois é só Salvar e Pronto
1. Abra “Design” e clique em “Adicionar um Gadget!
2.Procure por "HTML/JavaScript"
3.copie o Codigo Abaixo.
<div style="text-align: left;"><img src="http://i.imgur.com/hmGTW.png" /> <a href="LINK DO SITE" style="font-weight: bold;" target="_blank">NOME DO SITE</a></div>
Faça as Alterações em Link do Site e Nome do Site!
Assinar:
Postagens
