Obrigado por contactar o Facebook.
"Você deve receber uma resposta de e-mail em breve. Você pode precisar de responder a ela antes que possamos ajudá-lo."Pesquisar
"Troque a cor do blog"
fonte e créditos:
templateseacessorios
...este foi o modelo que mais gostei!!!
Leia Mais ►
templateseacessorios
...este foi o modelo que mais gostei!!!
Este modelo
<div style="text-align:center;">Troque a cor do blog</div><br /><center>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#ff0000'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPVyyK7t2tAIVI22lHLLjt7Pjags88_VYSd8qSKi9hSUmrUMJZ-S0OztPZIotgk0hvSlUhyphenhyphenf2tc88kcugn4pNXC6QcYjviv5rzRXtPYrUu0X3ep7hgRbCM7depxGuntIN2ZhVTkkFXVS_0/s200/body-rojo.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#fff000'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuWG4s2vvXd6TtoddbxFJ9X9pXwdZV4rm7O9ZqbxJUHL4wEoF04GPS4i0EYovENkeyRo4ZEzgtXVnTEyqDiZFGgoqedMewubBfTEynX4oBLu_x9DP48771FX0QRtK56jeTJ70dZr7fTpfi/s200/body-amarillo.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#04B404'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi27jndNdF57CL05lsDyUPL7GMX4dfLFTznhd-yZOdxqEWXckh4LMaGHue4vtTyL0-HGlqArhNnckTQhdmYMpMMMPmAtuIgfiqLwKoLEPtI5x0itq1HZdpp58jKCr5G_M3pPYAhXA3AXpn3/s200/body-verde.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#0080FF'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9AItIp38zR9REerzaFVl06d8_KZWaq5q8g7mhSncgZvUHGIP_vlFAvinH8Hawr7_hQx8AJd6bigL_IhMW6Ae20i5mSzrd061DZoE3Z42ITvxWbRwV6Rwv5nO1N805n-LQBptkwO03lg8h/s200/body-azul.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#CC00FF'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK84_MGWQsYdpRwNGj42TNGZPNHuEYFW6PsrmmemSQSiDbp4m8MdByX0OF-mz52nETUxEAGkNaRv72q-m6q1UbxhbotsDoJ3QTFhVLspq4QSGm8tg_pzjlTOT4bHh99x8P_RT6uzuxebGi/s200/body-morado.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#F781BE'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6HIsLBgXiWdWv39IMy3H1FtMp2-2xGJOlM1CkEOSmLbETRrxMnTX1uZL4qiK4r3ircPvAdvmUtszfxVjtnf8dRUJI97-EAVu30hnK-EDjGjeU18hQa1l0pnX8abcEDfoqkAD8Lh4EzuWD/s200/body-rosa.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#000000'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeSm9RpTs6LlRdzy9jHGDYQp381apjmrdrAC7SB40P5F0D-NpiipgWpIG46w8lgnToY66IISMg2rwWL-OY2r-Fxuqy2nrmG2NbzwGly-ZmnSIoqLqPzE1Z1wth8B7Q_8sb4YZM-y8fhzhc/s200/body-negro.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#FFFFFF'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg45Z5dtigbcfGeF7w3w9UH6fOre4qL1itK7__N_yd0OKFXOfIhE9bMtcuC2gWNOsDzaI-cmK7AjsVNkaZWZyc-sgQUu-Q42dO8tUkicYSeVqQv0enIaf9Ck1ddlITpfnSR44K99nZamL8N/s200/body-blanco.png" /></a>
</center>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#ff0000'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPVyyK7t2tAIVI22lHLLjt7Pjags88_VYSd8qSKi9hSUmrUMJZ-S0OztPZIotgk0hvSlUhyphenhyphenf2tc88kcugn4pNXC6QcYjviv5rzRXtPYrUu0X3ep7hgRbCM7depxGuntIN2ZhVTkkFXVS_0/s200/body-rojo.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#fff000'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuWG4s2vvXd6TtoddbxFJ9X9pXwdZV4rm7O9ZqbxJUHL4wEoF04GPS4i0EYovENkeyRo4ZEzgtXVnTEyqDiZFGgoqedMewubBfTEynX4oBLu_x9DP48771FX0QRtK56jeTJ70dZr7fTpfi/s200/body-amarillo.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#04B404'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi27jndNdF57CL05lsDyUPL7GMX4dfLFTznhd-yZOdxqEWXckh4LMaGHue4vtTyL0-HGlqArhNnckTQhdmYMpMMMPmAtuIgfiqLwKoLEPtI5x0itq1HZdpp58jKCr5G_M3pPYAhXA3AXpn3/s200/body-verde.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#0080FF'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9AItIp38zR9REerzaFVl06d8_KZWaq5q8g7mhSncgZvUHGIP_vlFAvinH8Hawr7_hQx8AJd6bigL_IhMW6Ae20i5mSzrd061DZoE3Z42ITvxWbRwV6Rwv5nO1N805n-LQBptkwO03lg8h/s200/body-azul.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#CC00FF'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK84_MGWQsYdpRwNGj42TNGZPNHuEYFW6PsrmmemSQSiDbp4m8MdByX0OF-mz52nETUxEAGkNaRv72q-m6q1UbxhbotsDoJ3QTFhVLspq4QSGm8tg_pzjlTOT4bHh99x8P_RT6uzuxebGi/s200/body-morado.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#F781BE'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6HIsLBgXiWdWv39IMy3H1FtMp2-2xGJOlM1CkEOSmLbETRrxMnTX1uZL4qiK4r3ircPvAdvmUtszfxVjtnf8dRUJI97-EAVu30hnK-EDjGjeU18hQa1l0pnX8abcEDfoqkAD8Lh4EzuWD/s200/body-rosa.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#000000'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeSm9RpTs6LlRdzy9jHGDYQp381apjmrdrAC7SB40P5F0D-NpiipgWpIG46w8lgnToY66IISMg2rwWL-OY2r-Fxuqy2nrmG2NbzwGly-ZmnSIoqLqPzE1Z1wth8B7Q_8sb4YZM-y8fhzhc/s200/body-negro.png" /></a>
<a href="#" onclick="javascript:document.body.style.backgroundColor='#FFFFFF'; document.body.style.backgroundImage='none';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg45Z5dtigbcfGeF7w3w9UH6fOre4qL1itK7__N_yd0OKFXOfIhE9bMtcuC2gWNOsDzaI-cmK7AjsVNkaZWZyc-sgQUu-Q42dO8tUkicYSeVqQv0enIaf9Ck1ddlITpfnSR44K99nZamL8N/s200/body-blanco.png" /></a>
</center>
links em seus comentários
Marcadores:
comentários,
dicas,
Links
... links em seus comentários...
fonte e créditos:
"Coloque links em seus comentários!"
" É simples e muito fácil.Colocar links nos comentários é igual colocar links nos posts, basta colocar o código:
"Recomendo fazer links SOMENTE em textos, além do mais, não sei se é possível colocar imagens nos comentários."
"No caso da imagem acima eu utilizei o código que citei com as seguintes informações:
Copiei o nick dele e a url, substituindo nos campos em vermelho do código citado."
<a href="http://seulinkvaiaqui.com.br">Texto</a>
"Mude o que está em vermelho para as informações que desejar." "Recomendo fazer links SOMENTE em textos, além do mais, não sei se é possível colocar imagens nos comentários."
..." fiz isso aqui no meu blog, abaixo segue um print:
"No caso da imagem acima eu utilizei o código que citei com as seguintes informações:
Copiei o nick dele e a url, substituindo nos campos em vermelho do código citado."
@<a href="http://indiceblogger.blogspot.com/">Indiceblogger</a>
"Os links feitos nos comentários vão abrir na mesma página, já que o blogger não aceita a tag “target” nos comentários."
... "Para aprender a criar mais tipos de links em diversos outros lugares clique aqui,
a Juliana, do Dicas Blogger,
também ensinou a linkar, clique aqui e confira. "
veja +
Saiba como: "Abrir em uma nova janela a lista de links"...target="_blank
fonte e créditos deste presente post:
Abrir en nueva ventana la lista de enlaces
Cuando deseamos que un enlace abra en nueva ventana añadimos el atributo target="_blank
<a href="url-del-sitio" target="_blank"> ENLACE </a>
En el gadget de lista de enlaces también podemos añadir el atributo target="_blank.
En plantilla edición de HTML marcamos para expandir y buscamos el título que añadimos a nuestro gadget en este caso Mis enlaces encontraríamos algo así:
<a href="url-del-sitio" target="_blank"> ENLACE </a>
En el gadget de lista de enlaces también podemos añadir el atributo target="_blank.
En plantilla edición de HTML marcamos para expandir y buscamos el título que añadimos a nuestro gadget en este caso Mis enlaces encontraríamos algo así:
<b:widget id='LinkList1' locked='false' title='Mis enlaces' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
La línea marcada en negrita la sustituimos por la siguiente:
<li><a expr:href='data:link.target' target='_blank'><data:link.name/></a></li>
Guardamos los cambios y nuestro listado de enlaces abrirá en nueva ventana.
Traduzido:
Abrir em uma nova janela a lista de links
Quando queremos abrir link em uma nova janela, adicione o atributo target = "_blank
<A href = "url do site" target = "_blank"> LINK </ A>
Na lista de gadgets de links que você também pode adicionar o atributo target = "_blank.
Na edição de templates HTML marca para expandir e procurar o título que adicionamos à nossa gadget neste caso Meus Links encontrar algo parecido com isto:
<li><a expr:href='data:link.target' target='_blank'><data:link.name/></a></li>En el gadget de lista de enlaces también podemos añadir el atributo target="_blank.
En plantilla edición de HTML marcamos para expandir y buscamos el título que añadimos a nuestro gadget en este caso Mis enlaces encontraríamos algo así:
<b:widget id='LinkList1' locked='false' title='Mis enlaces' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
A linha em negrito na substituição com o seguinte:
<li> <a expr: href = 'data: link.target' target = "_blank'> <data:link.name/> </ A> </ li>
Salve as mudanças e nossa lista de links abrem em nova janela.
saiba como é feito: "menu gradiente CSS3"
fonte e créditos deste presente post:
...grande amiga "Gema"
...do blog fantático!:
"gemablog"
Menú con gradient CSS3
Este menú está creado con CSS3, consiguiendo un elegante efecto hover con gradient, la idea es de Insicdesigns. basándose en el menú de Dragon Interactive
Para añadirlo a nuestro blog editamos un gadget de HTML y en su interior añadimos:
<div class="wrapper">
<div class="container">
<ul class="menu" rel="sam1">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Enlace- 1</a></li>
<li><a href="#">Enlace- 2</a></li>
<li><a href="#">Enlace- 3</a></li>
<li><a href="#">Enlace- 4</a></li>
<li><a href="#">Enlace- 5</a></li>
<li><a href="#">Enlace- 6</a></li>
<li><a href="#">Enlace- 7</a></li>
</ul>
</div>
</div>
Guardamos los cambios y en plantilla edición de HTML justo antes de ]]></b:skin> añadimos los estilos:
.wrapper {
width: 100%;
height: 80px;
background : #464646;
background : -webkit-gradient(linear, left top, left bottom, from(rgb(168,168,168)), to(rgb(69,69,69)));
background : -moz-linear-gradient(top, rgb(168,168,168), rgb(69,69,69));
border-top: 2px solid #939393;
position: relative;
margin-bottom: 30px;
}
ul {
margin: 0;
padding: 0;
}
ul.menu {
height: 80px;
border-left: 1px solid rgba(0,0,0,0.3);
border-right: 1px solid rgba(255,255,255,0.3);
float:left;
}
ul.menu li {
list-style: none;
float:left;
height: 79px;
text-align: center;
background: -webkit-gradient(radial, 50% 100%, 10, 50% 50%, 90, from(rgba(31,169,244,1)), to(rgba(0,28,78, 1)) );
background: -moz-radial-gradient(center 80px 45deg, circle cover, rgba(31,169,244,1) 0%, rgba(0,28,78, 1) 100%);
}
ul li a {
color: #363636;
font-size: 15px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
display: block;
padding: 0 20px;
border-left: 1px solid rgba(255,255,255,0.1);
border-right: 1px solid rgba(0,0,0,0.1);
text-align: center;
line-height: 79px;
background : -webkit-gradient(linear, left top, left bottom, from(rgb(168,168,168)), to(rgb(69,69,69)));
background : -moz-linear-gradient(top, rgb(168,168,168), rgb(69,69,69));
-webkit-transition-property: background;
-webkit-transition-duration: 700ms;
-moz-transition-property: background;
-moz-transition-duration: 700ms;
}
ul li a:hover {
background: transparent none;
}
ul li.active a{
background: -webkit-gradient(radial, 50% 100%, 10, 50% 50%, 90, from(rgba(31,169,244,1)), to(rgba(0,28,78, 1)) );
background: -moz-radial-gradient(center 80px 45deg, circle cover, rgba(31,169,244,1) 0%, rgba(0,28,78, 1) 100%);
}
Añadimos nuestro enlaces editando el gadget de HTML y sustituyendo el texto que hará de enlace por nuestro texto, la almohadilla # la sustituimos por la url del sitio que vamos a enlazar.
<li><a href="#">Enlace- 7</a></li>
<li><a href="#">Enlace- 8</a></li>
<li><a href="#">Enlace- 9</a></li>
menu gradiente CSS3
Este menu é criado com CSS3, recebendo uma multa, passe com gradiente, a idéia é Insicdesigns. com base no menu Dragon Interactive
Para adicionar ao nosso blog, editar um gadget dentro do HTML e adicionar:
class="wrapper"> <div
class="container"> <div
class = "menu" rel="sam1"> <ul
<li class="active"> <a href="#"> Home </ a> </ li>
<li> <a href = "#">Link-1</ A> </ li>
<li> <a href = "#">Link-2</ A> </ li>
<li> <a href = "#">Link-3</ A> </ li>
<li> <a href = "#">Link-4</ A> </ li>
<li> <a href = "#">Link-5</ A> </ li>
<li> <a href = "#">Link-6</ A> </ li>
<li> <a href = "#">Link-7</ A> </ li>
</ Ul>
</ Div>
</ Div>
Salve as alterações e editar o HTML modelo antes ]]></ B: skin>
adicionar estilos:
adicionar estilos:
. Wrapper {
width: 100%;
height: 80px;
background: # 464646;
background:-webkit-gradiente (linear, inferior esquerda,
superior esquerdo, a partir de (rgb (168168168)),
a (rgb (69,69,69)));
background:-moz-linear de gradiente (de cima,
rgb (168168168) rgb (69,69,69));
border-top: 2px solid # 939393;
position: relative;
margin-bottom: 30px;
}
ul {
margin: 0;
padding: 0;
}
{Ul.menu
height: 80px;
border-left: 1px solid RGBA (0,0,0,0.3)
border-right: 1px solid RGBA (255,255,255,0.3)
float: left;
}
li {ul.menu
list-style: none;
float: left;
height: 79px;
text-align: center;
background:-webkit-gradiente (radial, 50% 100% 10 50% 50% 90,
a partir de (RGBA (31,169,244,1)), a (RGBA (0,28,78, 1)));
background:-moz-radial gradiente (45deg centro 80px, tampa círculo,
RGBA (31,169,244,1) 0%, RGBA (0,28,78, 1) 100%)
}
ul li {
color: # 363636;
font-size: 15px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
display: block;
padding: 0 20px;
border-left: 1px solid RGBA (255,255,255,0.1)
border-right: 1px solid RGBA (0,0,0,0.1)
text-align: center;
line-height: 79px;
background:-webkit-gradiente (linear, inferior esquerda,
superior esquerdo, a partir de (rgb (168168168)), a (rgb (69,69,69)));
background:-moz-linear de gradiente (de cima, rgb (168168168)
rgb (69,69,69));
-Webkit-propriedade de transição: do fundo;
-Webkit-duração da transição: 700 ms;
-Moz-propriedade de transição: do fundo;
-Moz-duração da transição: 700 ms;
}
ul li a: hover {
background: none transparente;
}
li.active ul {um
background:-webkit-gradiente (radial, 50% 100% 10 50% 50% 90,
a partir de (RGBA (31,169,244,1)), a (RGBA (0,28,78, 1)));
background:-moz-radial gradiente (45deg centro 80px,
tampa círculo, RGBA (31,169,244,1) 0%, RGBA (0,28,78, 1) 100%)
}
Nós adicionamos nossos links, editando o gadget HTML e substituir o texto do link que vai fazer o nosso bloco de texto # substituí-lo com a URL do site que apontam para.
<li> <a href = "#">Link-7</ A> </ li>
<li> <a href = "#">Link-8</ A> </ li>
<li> <a href = "#">Link-9</ A> </ li>
saiba como se faz:..."Botão "ir ao topo" com efeito
Marcadores:
botão ir ao topo,
dicas
fonte e creditos deste presente post:
templateseacessorios
]]></b:skin>
Cole o código abaixo.
Abaixo de ]]></b:skin> cole o código abaixo.
Procure então por </body> e acima dele cole o código abaixo.
Se preferir colocar uma imagem de seta o código será esse, Não se esqueça no entanto de apagar oa parte do primeiro código que está em negrito.
Leia Mais ►
templateseacessorios
Botão " ir ao topo" com efeito
" Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo."
Coloque um botão para ir ao topo (exemplo) do seu blog com efeito.
Então vá até o HTML de seu blog e antes de:
Então vá até o HTML de seu blog e antes de:
]]></b:skin>
Cole o código abaixo.
/* Up header----------------------------------------------*/
#upheader {
width:100px;
color:#fff; /*cor da letra*/
background:#808080; /*cor de fundo*/
border:1px solid #ccc;/*cor da bordas*/
text-align:center;
padding:5px;
position:fixed;
bottom:10px;
right:10px;
text-decoration:none;
}
#upheader {
width:100px;
color:#fff; /*cor da letra*/
background:#808080; /*cor de fundo*/
border:1px solid #ccc;/*cor da bordas*/
text-align:center;
padding:5px;
position:fixed;
bottom:10px;
right:10px;
text-decoration:none;
}
Abaixo de ]]></b:skin> cole o código abaixo.
<script type='text/javascript'>
$(function(){$.fn.scrollupheader=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}});
$(function() {
$("#upheader").scrollupheader();
});
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
$(function(){$.fn.scrollupheader=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}});
$(function() {
$("#upheader").scrollupheader();
});
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
Procure então por </body> e acima dele cole o código abaixo.
<a href='#' id='upheader'>Topo ▲</a>
Se preferir colocar uma imagem de seta o código será esse, Não se esqueça no entanto de apagar oa parte do primeiro código que está em negrito.
<a href='#' id='upheader'><img src="AQUI O ENDEREÇO DA IMAGEM"/></a>
...
Assinar:
Postagens (Atom)