#a dica ee - a dica é ...►INICIO◄: dicasadicaee

Pesquisar

Mostrando postagens com marcador dicas. Mostrar todas as postagens
Mostrando postagens com marcador dicas. Mostrar todas as postagens

Saiba Como:..."Como dividir o cabeçalho do Blogger"

. Saiba Como:..."Como dividir o cabeçalho do Blogger" 



Mensagem do formulário de comentário:
"comentários de anônimos, não serão publicados, e aqui... 
...não é local para desentendimentos e discórdias! 
Seja bastante educado! Frequenta qual escola, ou frequentou?
 ...ou a educação vem de berço?

botão voltar ao topo do blog, com "efeito-scroll" (deslizante)


 
 Botão "voltar  ao topo  do blog", com "efeito-scroll" (deslizante)


Tutorial:

Primeiro:

Logado no seu painel blogger;
Vá até o html dele.
E, procure por  ]]></b:skin>


Uma vez, encontrando-o,

acima de ]]></b:skin>
cole o código:



/* to top */
    #toTop {
    width:50px;  /* Largura do botão * /
    border:1px solid #000; /* Cor e tipo da borda */
    text-align:center; /* Alinhamento do texto */
    padding:5px; /* Distancia entre texto e borda */
    position:fixed; /* Posição que faz com que ele corra por toda a página*/
    bottom:5px; 
    right:5px;
    cursor:pointer;
    color:#ff0000; /* Cor da fonte do botão */
    text-decoration:none;
    font-weight:700;  /* Define o negrito da fonte */
    -moz-border-radius:5px;  /* Definições para o ângulo do botão */
    -khtml-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    }



Visualize!
Salve!


Agora,
acima de </body>

cole o código:


<a href='#' id='toTop'>Topo</a> 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> 
<script type='text/javascript'>    
/*-----------------------     
* jQuery Plugin: Scroll to Top     
* by Craig Wilson, Ph.Creative (http://www.ph-creative.com)     
*      
* Copyright (c) 2009 Ph.Creative Ltd.     
* Description: Adds an unobtrusive &quot;Scroll to Top&quot; link to your page with smooth scrolling.     
* For usage instructions and version updates to go http://blog.ph-creative.com/post/jquery-plugin-scroll-to-top.aspx     
*      
* Version: 1.0, 12/03/2009     
-----------------------*/ 
$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr(&quot;href&quot;);if($(window).scrollTop()!=&quot;0&quot;){$(this).fadeIn(&quot;slow&quot;)}var   scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()==&quot;0&quot;){$(scrollDiv).fadeOut(&quot;slow&quot;)}else{$(scrollDiv).fadeIn(&quot;slow&quot;)}});$(this).click(function(){$(&quot;html,  body&quot;).animate({scrollTop:0},&quot;slow&quot;)})}}); 
  $(function() {    
                $(&quot;#toTop&quot;).scrollToTop();     
            });     
        </script>


Visualize!
Estando tudo certo,
Salve!


 Nota:

Caso prefira uma imagem,ao invez de escrito "topo"

troque
o código


<a href='#' id='toTop'>Topo</a> 

por este código a seguir:


<a href='#' id='toTop'><img src='Aqui você insere o ENDEREÇO DE SUA IMAGEM aonde a hospedou'>
 </img></a>

Caso você prefira, uma dica mais simples:


cole, em gadget, do lado de "html" (<>),
de seu "lay-out", do template blogger,
fazendo as alterações necessárias,
o código a seguir:
 

<div style="position:fixed; bottom:0px; right:0px;"><a href="#">
<img src="LINK DA IMAGEM" border="0" /></a></div>                 
 
 
 
 
 
 
 

Mensagem do formulário de comentário:
"comentários de anônimos, não serão publicados, e aqui... 
...não é local para desentendimentos e discórdias! 
Seja bastante educado! Frequenta qual escola, ou frequentou?
 ...ou a educação vem de berço?

como instalar "styles" no "photoshop"..."Estilos Como Instalar sem Photoshop CS6 + Pacote Com Mais de 200 estilos."

Como instalar styles no photoshop?
... Como Instalar Styles no Photoshop CS6 + Pack Com Mais de 200 Styles.

Botões para redes sociais com contador - 21 -

fonte:
oloblogger.

traduzido:                                              

BOTÕES PARA REDES SOCIAIS COM CONTADOR DE 21

Juan Martin CheckApps se encontraram há alguns dias que não é um serviço gratuito que permite criar botões personalizados sociais . Então eu disse que é nada que escrever, mas quando descobrimos que agora suporta as mesmas 21 redes diferentes, incluindo contadores de vezes que ele compartilhou um endereço ou seguidores que você tem uma página e, especialmente, como é fácil para adicioná-los nosso site, as coisas começam a ficar mais interessante. O site em questão é GetShares e tem um instalador para gerar código para qualquer botão com três opções de estilo, mas o mais interessante na minha opinião é a utilização de sua API para criar uma barragem de botões. É o que vemos neste post.


GetShares botões partes sociais.  Blogger


Na página getshar.es botões gerador é um utilitário para ver todos os contadores de endereços web em várias redes ao mesmo tempo e algumas notas sobre a API mais intuitivo esse projeto.Este último você pode encontrá-lo inteiramente em GitHub . O serviço funciona através de um arquivo js com jQuery desenvolve todos os botões do sistema e não mais. css para tornar mais fácil para definir o estilo deles. Ambos os arquivos podem baixá-los e hospedá-los sob seu controle (respeitando a licença) se o serviço fosse sempre tornar-se saturado, o que no momento parece acontecer. Em vez disso, por agora ir muito rápido. claro, o JavaScript não GetShar.es algum dia auto-suficientes e, se não entregar o serviço, mesmo se você tem os botões de controle de código de parar de trabalhar.







Como adicionar Blogger é um pouco diferente do que há explicou, porque usar os botões com endereços dinâmicos tem que mergulhar na variável de dados e para que funcionem como parte de um JavaScript, nós ainda fazer um funileiro que consiste basicamente de "meia-volta" o código em texto simples. Assim, este é o que você deve colocar em seu modelo, como tal, dentro das mensagens região geração e, talvez, os melhores sites seria dentro da caixa pós-header ou pós-footer . Embora posto não muito ortodoxo este seguido na parte HTML, eu fiz bem para torná-lo mais fácil de adicionar ou remover de uma só vez. Eu também acrescentou uma regra de estilo para que, em qualquer caso, os botões estão centradas ... como estes que já são uma realidade e uma demonstração tangível de como eles funcionam.







<- Botões GETSHARES SOCIAIS -> 
== <b:if cond='data:blog.pageType "item"'> 
<div id='buttons'/> 
<script src = '/ / cdnjs.cloudflare. 'type =' text com/ajax/libs/jquery/2.0.3/jquery.min.js / javascript '/> 
<script src = 'http://cdn.getshar.es/lib/0.8.0.min. 'type =' text js / javascript '/> 
<link href='http://cdn.getshar.es/lib/0.8.0.min.css' rel='stylesheet' type='text/css'/> 
<style> # buttons {text-align: center; margin: 10px auto; font-weight: normal;} </ style> 
<script type='text/javascript'> 
(function () { 
var configurações, 
definições = { 
raiz : $ ("# botões"), 
contador: { 
position: "dentro" 
}, 
partes: { 
url: "<data:post.canonicalUrl/>" 
imageUrl "<data: post.firstImageUrl / > " 
mensagem: "<data:post.title/>" + "<data:post.canonicalUrl/> Via: @ Oloman" 

}, 
novo GetShare ($ estender (definições, {rede. " , googleplus "})); 
GetShare novo ($ estender (definições, {rede. "Twitter"})); 
. GetShare novo ($ estender (definições, {network "facebook"})), 
novo GetShare ( $ estender. (configurações, {rede: "linkedin"})) 
GetShare novo ($ estender (definições, {network: "Pinterest"}.)), 
novo GetShare ($ estender (definições, {network ". ; bolso "})) 
/ / Mais redes http://getshar.es/ 
.}) chamada (this) 
</ script> 
</ b: if>


Em tudo isso, a única coisa que deve mudar é a seção da mensagem se você quer que ele seja algo diferente do título-address-rota e, obviamente, usuário do Twitter, porque o conjunto é meu. Para enviar para outro aspecto (muito parecido realmente), você pode alterar o valor daposição , escolhendo entre dentro (dentro do botão) e divisão (como um complemento para o botão). Você também pode adicionar um parâmetro adicional configurações para o botão para exibir um ícone de texto à direita da rede. Por exemplo, o botão: {text: 'Compartilhar'} . A última parte do código que é gerado cada (botões GetShare novo ... ) e que devemos incluir o maior número de linhas como botões, indicando rede nome a rede correspondente. A lista completa está em desta página GetShares . Uma desvantagem é que os botões são adicionados a uma caixa vazia com um ID ( # botões , no exemplo), o que faz com que você não pode colocar mais de um lote de botões por página . Por esta razão, eu adicionei este condicional que você viu, então ele não mostra mais do que páginas de entradas onde as mensagens são únicas. 



...
fonte:

BOTONES PARA 21 REDES SOCIALES CON CONTADOR

Juan Martín de CheckApps nos hizo conocer hace unos días la existencia de un servicio gratuito que permite crear botones sociales personalizados. Así dicho no es nada del otro jueves, pero cuando descubrimos que admite ahora mismo 21 redes distintas, que incluye contadores de las veces que se ha compartido una dirección o de los seguidores que tiene una página y sobre todo, lo fácil que resulta añadirlos a nuestro sitio, la cosa se empieza a poner más interesante.

El sitio en cuestión es GetShares y dispone de un instalador para generar el código de cualquier botón con tres opciones de estilo, pero lo más interesante a mi parecer es aprovechar su API para poder crear una andanada de botones. Es lo que veremos en esta entrada.

Botones sociales GetShares. Blogger


En la página de getshar.es está el generador de botones, una utilidad para ver los contadores de cualquier dirección web en varias redes de una sola vez y unos apuntes sobre la API algo más intuitivos que los del proyecto. Este último lo podéis encontrar completo en GitHub.

El servicio funciona gracias a un fichero js que junto con jQuery desarrolla todo el sistema de botones y adicionalmente hay un .css para que sea fácil configurar el estilo de los mismos. Ambos ficheros podéis descargarlos y alojarlos bajo vuestro control (respetando la licencia) por si el servicio llegara a saturarse alguna vez, cosa que de momento parece que no ocurre. Al contrario, de momento van bastante rápido.

Eso sí, el JavaScript no es autosuficiente y si algún día GetShar.es deja de ofrecer el servicio, aunque tengas el control del código los botones dejarán de funcionar.



La forma de añadirlos a Blogger es un poco diferente de lo allí explicado, porque para poder usar los botones con direcciones dinámicas tendremos que echar mano de las variables data y para que estas funcionen como parte de un JavaScript, tenemos que hacer adicionalmente una chapucilla que consiste básicamente en "medio-convertir" el código en texto plano.

De esta manera, esto es lo que habría que poner en vuestra plantilla, tal cual, dentro de la zona de generación de posts y quizás los mejores sitios serían dentro de la caja post-header o de la post-footer.

Aunque no es muy ortodoxo poner todo esto seguido en la parte HTML, lo he hecho así para que sea más fácil poner o quitar de una vez. Además he añadido una regla de estilo para que en cualquier caso los botones queden centrados... como estos que siguen que son ya reales y la demostración palpable de cómo funcionan.




<!-- BOTONES SOCIALES GETSHARES -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='buttons'/>
<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js' type='text/javascript'/>
<script src='http://cdn.getshar.es/lib/0.8.0.min.js' type='text/javascript'/>
<link href='http://cdn.getshar.es/lib/0.8.0.min.css' rel='stylesheet' type='text/css'/>
<style>#buttons{text-align:center; margin:10px auto;font-weight:normal;}</style>
<script type='text/javascript'>
(function(){
var settings;
settings = {
root: $(&quot;#buttons&quot;),
counter: {
position: &quot;inside&quot;
},
share: {
url: &quot;<data:post.canonicalUrl/>&quot;,
imageUrl: &quot;<data:post.firstImageUrl/>&quot;,
message: &quot;<data:post.title/>&quot; + &quot; <data:post.canonicalUrl/> Vía: @oloman&quot;
}
};
new GetShare($.extend(settings, {network: &quot;googleplus&quot;}));
new GetShare($.extend(settings, {network: &quot;twitter&quot;}));
new GetShare($.extend(settings, {network: &quot;facebook&quot;}));
new GetShare($.extend(settings, {network: &quot;linkedin&quot;}));
new GetShare($.extend(settings, {network: &quot;pinterest&quot;}));
new GetShare($.extend(settings, {network: &quot;pocket&quot;}));
//Más redes en http://getshar.es/
}).call(this);
</script>
</b:if>


En todo eso lo único que debemos cambiar es el apartado del message si es que queremos que salga algo distinto de título-dirección-vía y, evidentemente, el usuario Twitter porque el que figura es el mío.


Para presentarlos con otro aspecto (muy parecido realmente) se puede cambiar el valor deposition eligiendo entre inside (dentro del botón) y split (como añadido al botón). También se puede añadir un parámetro adicional en settings para que el botón muestre un texto a la derecha del icono de la red. Por ejemplo: button: {text:'Compartir'}.

La última parte del código es la que que genera cada uno de los botones (new GetShare...) y ahí debemos incluir tantas líneas como botones, indicando en network el nombre de la red correspondiente. La lista completa está en esta página de GetShares.


Un inconveniente es que los botones se añaden a una caja vacía mediante una ID (#buttons, en el ejemplo), lo que provoca que no se pueda colocar más de una tanda de botones por página. Por ese motivo le he añadido ese condicional que visteis, para que no se muestre mas que en páginas de entradas dónde los posts son únicos.


Aprenda Como:..." colocar-botao-curtir-do-facebook"

"colocar-botao-curtir-do-facebook"


Aprenda Como:..."   colocar-botao-curtir-do-facebook"



pesquisa realizada em:                                    


 

Colocar Botão "  Curtir" Do Facebook no Blogger

..."J Miur do Vagabundia trouxe uma novidade bem interessante para divulgar postagens. O botão "Curtir" do Facebook que pode ser colocado nos posts ou direto na home do seu blog Blogger. Leia a matéria toda no Vagabundia."
"Trecho traduzido
 :"
"Para aqueles que usam o Facebook, estão aparecendo devagar os métodos de  integração fácil entre blogs e sites. A empresa está em uma luta aberta para "morder" uma fatia de mercado que o Google agora domina."

O código para o botão é o seguinte:
<iframe expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url+ &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;height=60&amp;action=like&amp;font=tahoma&amp;colorscheme=dark&quot;' allowTransparency='true' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:60px'/>
 Há algumas coisas que podemos personalizar:
&amp;layout=standard define otipo de botão, pode-se mudar por button-count para simplifica-lo
&amp;show-faces=true mostra o avatar do usuario e eliminar-se colocando false
&amp;action=like é o texto a mostrar e pode ser substituido  por recommend
&amp;colorscheme=light é o desenho geral, a outra opção é dark
&amp;font=arial é ol tipo da letra opcional e pode ser tahomaariallucida+grandesegoe+uitrebuchet+msverdana
&amp;width=530 é a largura total en pixeles (530 o 450)
&amp;height=60 es la altura total en pixeles

Se quiser exibi-lo no rodapé das postagens faça o seguinte:

Login no Blogger ► opção "layout"  ► Editar HTML 

Procure pelo trecho <div class='post-footer-line post-footer-line-1'>

Cole o código ABAIXO do trecho

Para exibir ao lado do título da postagem procure pelo trecho
<div class='post-header-line-1'/>

Cole o código ABAIXO do  trecho.

Se queremos exibi-lo em nossa página (pode-se  usá-lo em qualquer página), o código é o mesmo e apenas definir a URL correta, substituindo data:post.url pelo endereço do nosso blog e, neste caso, devemos mudar os símbolos //: (barra dois pontos)
por seus  equivalentes % 3A% 2F:

Exemplo ...


Fica assim: 
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblogger-dicasmamanunes.blogspot.com%2F&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;height=60&&action=like&amp;font=tahoma&amp;colorscheme=dark" allowTransparency="true" frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:450px; height:60px"></iframe>


Referencia: VAGABUNDIA


Para quem usa o Facebook, estão aparecendo devagar os métodos de integração simples com blogs e outros sites da web como a empresa está em uma briga direta para controlar a quota de mercado que o Google agora é o único Senhor e Mestre. Até recentemente , a maioria dessas coisas foram bastante complexa, mas começaram a oferecer alguns códigos simples que podem ser vistos em suapágina do desenvolvedor . Talvez, o mais interessante são os plugins sociais e, entre eles, o famoso botão Likes permitindo aos usuários compartilhar conteúdo entre o seu site e Facebook visitantes.



Tudo que você precisa adicioná-lo para o Blogger é copiar e colar o código que não é nada mais que um iframe :
<Iframe expr: src = '"http://www.facebook.com/plugins/like.php?href =" + dados: post.url + allowTransparency frameborder = 'true' = '0 'scrolling =' no 'style =' border: none; overflow: hidden, width: 450px, height: 60px "/>
O mais razoável seria a de colocá-lo em cada entrada, juntamente com o resto dos ícones sociais, por exemplo, no pós-footer das entradas. Embora este é o código padrão, há coisas que podem ser personalizadas que estes parâmetros são estão ligados à nossa entrada URL: & layout = normadefine o tipo de botão, pode ser alterado por contagem botão para simplificar e mostram-faces = true mostra o avatar do usuário e pode ser removido colocando falsa ação & = como é o texto a ser exibido e pode ser alterado para recomendar & colorscheme = luz é a concepção global, a outra opção é dark & font = arial fonte é opcional e pode ser tahoma , arial , lucida + grande , Segoe + uitrebuchet + ms , verdana & width = 530 é a largura total em pixels (530 ou 450) & height = 60 é a altura total em pixels se colocarmos em nossa casa (nada impede o uso em qualquer página) o código é o mesmo e apenas definir a URL correta, substituindo os dados: post.url pela direção do nosso blogue e, neste caso, devemos mudar os colonos e seus equivalentes bar 3A% e % 2F :


<Iframe allowTransparency = "true" frameborder = scrolling "0" = "no" style = "border: none; overflow: hidden, width: 450px, height: 60px"> </ iframe>

Postagem em destaque

Como usar a mesma conta do WhatsApp em dois celulares

Como usar a mesma conta do WhatsApp em dois celulares

Topo