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
Mostrando postagens com marcador dicas. Mostrar todas as postagens
Mostrando postagens com marcador dicas. Mostrar todas as postagens
"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>
...
Link para seguidores
Marcadores:
dicas,
Gadget,
Links,
seguidores
fonte e créditos deste presente post:
elescaparatederosa
Aunque no es nada nuevo, ya que puede encontrarse como hacerlo en varios "blogs de ayuda Blogger", voy a explicarlo en esta entrada ya que varias personas me han preguntado sobre esto.
Se trata de añadir un enlace que de la posibilidad a nuestras visitas de hacerse seguidor de nuestro blog, sin necesidad de mostrar el gadget de Seguidores.
Podemos hacerlo con un simple enlace de texto, una imagen o, como en mi caso, usando ambos.
El código iría colocado en un Gadget HTML en la sidebar, footer, etc.
Notas:
Lo que vemos resaltado en rojo, es en cada caso lo que hemos de modificar por nuestros datos.
En el caso de blogID, tenemos que colocar sustituyendo a las XXXXXXXXX, la ID de nuestro blog, es decir, el número que se muestra en la url del navegador cuando estamos dentro de nuestro panel de Blogger en la pestaña Diseño:
Leia Mais ►
elescaparatederosa
Enlace a Seguidores
Hace unos días que he colocado un enlace en el footer del Escaparate desde donde, quien así lo quiera, puede hacerse seguidor del blog:Aunque no es nada nuevo, ya que puede encontrarse como hacerlo en varios "blogs de ayuda Blogger", voy a explicarlo en esta entrada ya que varias personas me han preguntado sobre esto.
Se trata de añadir un enlace que de la posibilidad a nuestras visitas de hacerse seguidor de nuestro blog, sin necesidad de mostrar el gadget de Seguidores.
Podemos hacerlo con un simple enlace de texto, una imagen o, como en mi caso, usando ambos.
El código iría colocado en un Gadget HTML en la sidebar, footer, etc.
Con enlace de texto:
<a href="http://www.blogger.com/follow-blog.g?blogID=XXXXXXXXXXXX" target="_blank"> Seguir el Escaparate</a>
Con enlace en una imagen:
<a href="http://www.blogger.com/follow-blog.g?blogID=XXXXXXXXXXXX" target="_blank"><img src="AQUI LA URL DE LA IMAGEN"/></a>
Con enlace en texto e imagen:
<a href="http://www.blogger.com/follow-blog.g?blogID=XXXXXXXXXXXX" target="_blank"><img src="AQUI LA URL DE LA IMAGEN"/> Seguir el Escaparate</a>
Notas:
Lo que vemos resaltado en rojo, es en cada caso lo que hemos de modificar por nuestros datos.
En el caso de blogID, tenemos que colocar sustituyendo a las XXXXXXXXX, la ID de nuestro blog, es decir, el número que se muestra en la url del navegador cuando estamos dentro de nuestro panel de Blogger en la pestaña Diseño:
traduzido:
Link para defensores (Seguidores)
..." um link no rodapé da janela de onde, quem e o que você quer, você pode se tornar um seguidor do blog:
Enquanto praticamente novo, pois ele pode ser encontrado como vários " blogs de ajuda do Blogger, vou explicar neste post como várias pessoas têm me perguntado sobre isso.
Podemos fazê-lo com um link de texto simples, uma imagem ou, como no meu caso, usando ambos.
O código pode ser colocado em um Gadget HTML na barra lateral, rodapé, etc
Enquanto praticamente novo, pois ele pode ser encontrado como vários " blogs de ajuda do Blogger, vou explicar neste post como várias pessoas têm me perguntado sobre isso.
Este é um link para adicionar a possibilidade aos nossos visitantes a se tornar um seguidor do nosso blog, sem ter de exibir o gadget Seguidores.
Podemos fazê-lo com um link de texto simples, uma imagem ou, como no meu caso, usando ambos.
O código pode ser colocado em um Gadget HTML na barra lateral, rodapé, etc
Com link de texto:
<A href = "http://www.blogger.com/follow-blog.g?blogID =XXXXXXXXXXXX"Target =" _blank "> Siga Showcase</ A>
Para criar um link para uma imagem:
<A href = "http://www.blogger.com/follow-blog.g?blogID =XXXXXXXXXXXX"Target =" _blank "><img src="AQUI A URL do IMAGEN"/></ A>
Com texto e link da imagem:
<A href = "http://www.blogger.com/follow-blog.g?blogID =XXXXXXXXXXXX"Target =" _blank "><img src="AQUI O URL da Faixa IMAGEN"/> Showcase</ A>
Notas:
O que vemos em destaque na cor vermelha, em cada caso o que temos de mudar de nossos dados.
No caso do blog, devemos colocar substituindo o XXXXXXXXX A identificação do nosso blog, ou seja, o número mostrado na url do navegador quando estamos no nosso painel de bloggers na aba Design:
No caso do blog, devemos colocar substituindo o XXXXXXXXX A identificação do nosso blog, ou seja, o número mostrado na url do navegador quando estamos no nosso painel de bloggers na aba Design:
"Links sem sublinhado"
Marcadores:
dicas,
Links,
sem sublinhado
fonte e créditos:
elescaparatederosa
Si no te gusta para nada el efecto subrayado de tus links, puedes hacer que desaparezca fácilmente.
Sitúate en tu plantilla HTML y localiza esta parte (está casi al principio antes de Header), cambias "underline" por "none" y ya tienes tus link sin subrayar.
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}
/* Header
-----------------------------------------------
SEu não gosto de todos os efeitos sublinhado suas ligações, você pode fazê-lo desaparecer facilmente.
Stand no seu modelo de HTML e localize essa parte (é perto do topo antes do cabeçalho), a mudança "underline" para "nenhum" e você tem o seu link sem sublinhado.
a: hover {
color: $ titlecolor;
text-decoration: underline;
}
uma img {
border-width: 0;
}
/ * Header
-----------------------------------------------
Leia Mais ►
elescaparatederosa
Links sin subrayado
Sitúate en tu plantilla HTML y localiza esta parte (está casi al principio antes de Header), cambias "underline" por "none" y ya tienes tus link sin subrayar.
a:hover {
color:$titlecolor;
text-decoration:underline;
}
a img {
border-width:0;
}
/* Header
-----------------------------------------------
traduzido:
Links sem sublinhado
Stand no seu modelo de HTML e localize essa parte (é perto do topo antes do cabeçalho), a mudança "underline" para "nenhum" e você tem o seu link sem sublinhado.
a: hover {
color: $ titlecolor;
text-decoration: underline;
}
uma img {
border-width: 0;
}
/ * Header
-----------------------------------------------
"Colocando imagens nos links que modificam"
fonte e créditos:
templateseacessorios
"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."
Para colocar imagens em seus links que modificam como nesse exemplo AQUI proceda da seguinte forma.
Para colocar nos posts
Vá até o HTML do seu blog e procure pelo código:
/* Comments
----------------------------------------------- */
E acima dele cole o código abaixo fazendo as modificações necessárias como cores das letras e endEreço das imagens.
/* POSTS COM IMAGENS NO LINK-----------------------------------------------
*/
.post-body a:visited {
color: #c00000;
padding-right: 13px;
background: url(AQUI O ENDEREÇO DA IMAGEM) no-repeat 100% 50%;
}
.post-body a:visited:hover {
background: url(AQUI O ENDEREÇO DA IMAGEM) no-repeat 100% 50%;
padding-right: 13px;
color:#800000;
}
Para colocar imagens que mudam na widgets(colunas)
Procure pelo código:
/* Sidebar Content----------------------------------------------- */
E cole o código abaixo depois dele.
/* IMAGENS PARA OS LINKS
-------------------------- */
.LinkList a {
color:#000000;
padding-left: 16px;
background: url(AQUI O ENDEREÇO DA IMAGEM) no-repeat;
}
/* LINKS QUE MODIFICAM
-------------------------- */
.LinkList a:hover {
padding-left: 16px;
background: url(AQUI O ENDEREÇO DA IMAGEM) no-repeat;
color:#0066cc;
}
/* LINKS VISITADOS
-------------------------- */
.LinkList a:visited {
padding-left: 15px;
background: url(AQUI O ENDEREÇO DA IMAGEM) no-repeat;
color:#00C0C0;
}
.main .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.crosscol .widget{
padding:8px;
}
.main .Blog {
border-bottom-width: 0;
}
Coloque imagens pequenas.
Imagens AQUI, ou AQUI
Leia Mais ►
templateseacessorios
Colocando imagens nos links que modificam
"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."
Para colocar imagens em seus links que modificam como nesse exemplo AQUI proceda da seguinte forma.
Para colocar nos posts
Vá até o HTML do seu blog e procure pelo código:
/* Comments
----------------------------------------------- */
E acima dele cole o código abaixo fazendo as modificações necessárias como cores das letras e endEreço das imagens.
/* POSTS COM IMAGENS NO LINK-----------------------------------------------
*/
.post-body a:visited {
color: #c00000;
padding-right: 13px;
background: url(AQUI O ENDEREÇO DA IMAGEM) no-repeat 100% 50%;
}
.post-body a:visited:hover {
background: url(AQUI O ENDEREÇO DA IMAGEM) no-repeat 100% 50%;
padding-right: 13px;
color:#800000;
}
Para colocar imagens que mudam na widgets(colunas)
Procure pelo código:
/* Sidebar Content----------------------------------------------- */
E cole o código abaixo depois dele.
/* IMAGENS PARA OS LINKS
-------------------------- */
.LinkList a {
color:#000000;
padding-left: 16px;
background: url(AQUI O ENDEREÇO DA IMAGEM) no-repeat;
}
/* LINKS QUE MODIFICAM
-------------------------- */
.LinkList a:hover {
padding-left: 16px;
background: url(AQUI O ENDEREÇO DA IMAGEM) no-repeat;
color:#0066cc;
}
/* LINKS VISITADOS
-------------------------- */
.LinkList a:visited {
padding-left: 15px;
background: url(AQUI O ENDEREÇO DA IMAGEM) no-repeat;
color:#00C0C0;
}
.main .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.crosscol .widget{
padding:8px;
}
.main .Blog {
border-bottom-width: 0;
}
Coloque imagens pequenas.
Imagens AQUI, ou AQUI
Assinar:
Postagens (Atom)