Linkbão Oi Torpedo Oi Torpedo Web Click Jogos Online Rastreamento Correios Mundo Oi oitorpedo.com.br mundo oi torpedos mundo oi.com.br oi.com.br torpedo-online Tv Online Resultado Lotofacil Resultado Lotogol Resultado Mega-sena baixa-facil Resultado Loterias Fofocas E-Scripter Claro Torpedo

3/31/2010

gadget que você adiciona em seu blog será mostrado em todas as páginas

Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
Buzz It

Por padrão,inicial, individual dos posts, de arquivo e de categorias.
Isso também acontece com o que você adiciona no rodapé do post, abaixo do título do post, etc.
Você pode definir, através de um código condicional, onde quer que seus widgets ou qualquer outro ítem apareçam.

gadget que você adiciona

Usabilidade

Podemos citar vários motivos para usar esse hack, mas os principais podem ser considerados:
  • Direcionar a publicidade em seu blog de acordo com a página;
  • Limitar o número de widgets em páginas onde o main-wrapper é mais curto, para que a sidebar não se estenda demais;
  • Montar seu template de modo que a página inicial se diferencie das demais;
  • Melhorar a usabilidade dos widgets fazendo com que eles apareçam nas páginas onde são mais importantes.
Hack

Os códigos a serem utilizados são os seguintes:
  • Mostrar APENAS na Página Inicial:

    1
    <b:if cond='data:blog.url == data:blog.homepageUrl'>

  • Mostrar nas Páginas Inicial, de Categorias e de Arquivos:

    1
    <b:if cond='data:blog.pageType != "item"'>

  • Mostrar APENAS nas Páginas Individuais dos Posts:

    1
    <b:if cond='data:blog.pageType == "item"'>

  • Mostrar APENAS na Página de um Post Específico:

    1
    <b:if cond='data:blog.url == "URL_da_página"'>

  • Mostrar APENAS na Página de um Marcador/Categoria Específico:

    1
    <b:if cond='data:blog.url == "http://NOME_DO_SEU_BLOG.blogspot.com/search/label/SEU_MARCADOR"'>

  • Mostrar APENAS nas Páginas de Arquivos:

    1
    <b:if cond='data:blog.pageType == "archive"'>

Onde colocar o código

No caso dos Widgets, você deve localizar o seguinte trecho:

1
<b:widget id='identificação do widget' locked='false' title='título do widget' type='tipo do widget'>

2
<b:includable id='main'>

E colar o código desejado logo depois dessas linhas.
Em seguida feche a tag condicional <b:if cond='comando'> com </b:if> antes de</b:includable>.

Para outros ítens do código do template você precisa localizar o início e o final do código. Geralmente ele começa com <span class='classe do ítem'> e termina com </span>
Nesses casos você deve colocar o código condicional antes de "span class" e o </b:if> após o fechamento do código com </span>.
imagem cortesia: Free Images

 

LEI MAIS

Bookmark and Share

3/30/2010

vocês gostaria- de decorar o seu blog- com alguns efeito-primavera

Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
Buzz It

Eu disse: Carros leitores se vocês gostaria de decorar o seu blog com alguns efeito, sugeria um efeito como vemos no Natal flocos de neve caindo através da página.

mas Lembrei-me de uma Dynamic Drive e substituiu-o com algumas borboletas esvoaçando borboletas flores que é a idéia que ela tem.

Para adicionar a nosso blog nos situamos al final do Estabelecido Template, antes de </body> e adicione o seguinte:

<script language="JavaScript1.2">
//<![CDATA[
/*Flying Butterfly script (By BGAudioDr@aol.com)
Modified slightly/ permission granted to Dynamic Drive to feature script in archive
For full source, visit http://www.dynamicdrive.com */

var Ymax=8; //MAX # OF PIXEL STEPS IN THE "X" DIRECTION
var Xmax=8; //MAX # OF PIXEL STEPS IN THE "Y" DIRECTION
var Tmax=10000; //MAX # OF MILLISECONDS BETWEEN PARAMETER CHANGES

//FLOATING IMAGE URLS FOR EACH IMAGE. ADD OR DELETE ENTRIES. KEEP ELEMENT NUMERICAL ORDER STARTING WITH "0" !!

var floatimages=new Array();
floatimages[0]='url-imagen-mariposas';
floatimages[1]='url-imagen-flor';
floatimages[2]='url-imagen-hoja-verde';
floatimages[3]='url-imagen-mariposas';
floatimages[4]='url-imagen-flor';
floatimages[5]='url-imagen-hoja-verde';
floatimages[6]='url-imagen-flor';

//*********DO NOT EDIT BELOW***********
var NS4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
var IE4 = (document.all)? true : false;
var NS6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var wind_w, wind_h, t='', IDs=new Array();
for(i=0; i<floatimages.length; i++){
t+=(NS4)?'<layer name="pic'+i+'" visibility="hide" width="10" height="10">' : '<div id="pic'+i+'" style="position:absolute; visibility:hidden;width:10px; height:10px">

';
t+='<img src="'+floatimages[i]+'" name="p'+i+'" border="0">';
t+=(NS4)? '</layer>':'</div>
';
}
document.write(t);

function moveimage(num){
if(getidleft(num)+IDs[num].W+IDs[num].Xstep >= wind_w+getscrollx())IDs[num].Xdir=false;
if(getidleft(num)-IDs[num].Xstep<=getscrollx())IDs[num].Xdir=true;
if(getidtop(num)+IDs[num].H+IDs[num].Ystep >= wind_h+getscrolly())IDs[num].Ydir=false;
if(getidtop(num)-IDs[num].Ystep<=getscrolly())IDs[num].Ydir=true;
moveidby(num, (IDs[num].Xdir)? IDs[num].Xstep : -IDs[num].Xstep , (IDs[num].Ydir)? IDs[num].Ystep: -IDs[num].Ystep);
}

function getnewprops(num){
IDs[num].Ydir=Math.floor(Math.random()*2)>0;
IDs[num].Xdir=Math.floor(Math.random()*2)>0;
IDs[num].Ystep=Math.ceil(Math.random()*Ymax);
IDs[num].Xstep=Math.ceil(Math.random()*Xmax)
setTimeout('getnewprops('+num+')', Math.floor(Math.random()*Tmax));
}

function getscrollx(){
if(NS4 || NS6)return window.pageXOffset;
if(IE4)return document.body.scrollLeft;
}

function getscrolly(){
if(NS4 || NS6)return window.pageYOffset;
if(IE4)return document.body.scrollTop;
}

function getid(name){
if(NS4)return document.layers[name];
if(IE4)return document.all[name];
if(NS6)return document.getElementById(name);
}

function moveidto(num,x,y){
if(NS4)IDs[num].moveTo(x,y);
if(IE4 || NS6){
IDs[num].style.left=x+'px';
IDs[num].style.top=y+'px';
}}

function getidleft(num){
if(NS4)return IDs[num].left;
if(IE4 || NS6)return parseInt(IDs[num].style.left);
}

function getidtop(num){
if(NS4)return IDs[num].top;
if(IE4 || NS6)return parseInt(IDs[num].style.top);
}

function moveidby(num,dx,dy){
if(NS4)IDs[num].moveBy(dx, dy);
if(IE4 || NS6){
IDs[num].style.left=(getidleft(num)+dx)+'px';
IDs[num].style.top=(getidtop(num)+dy)+'px';
}}

function getwindowwidth(){
if(NS4 || NS6)return window.innerWidth;
if(IE4)return document.body.clientWidth;
}

function getwindowheight(){
if(NS4 || NS6)return window.innerHeight;
if(IE4)return document.body.clientHeight;
}

function init(){
wind_w=getwindowwidth();
wind_h=getwindowheight();
for(i=0; i<floatimages.length; i++){
IDs[i]=getid('pic'+i);
if(NS4){
IDs[i].W=IDs[i].document.images["p"+i].width;
IDs[i].H=IDs[i].document.images["p"+i].height;
}
if(NS6 || IE4){
IDs[i].W=document.images["p"+i].width;
IDs[i].H=document.images["p"+i].height;
}
getnewprops(i);
moveidto(i , Math.floor(Math.random()*(wind_w-IDs[i].W)), Math.floor(Math.random()*(wind_h-IDs[i].H)));
if(NS4)IDs[i].visibility = "show";
if(IE4 || NS6)IDs[i].style.visibility = "visible";
startfly=setInterval('moveimage('+i+')',Math.floor(Math.random()*100)+100);
}}

function hidebutterfly(){
for(i=0; i<floatimages.length; i++){
if (IE4)
eval("document.all.pic"+i+".style.visibility='hidden'")
else if (NS6)
document.getElementById("pic"+i).style.visibility='hidden'
else if (NS4)
eval("document.pic"+i+".visibility='hide'")
clearInterval(startfly)
}
}

if (NS4||NS6||IE4){
window.onload=init;
window.onresize=function(){ wind_w=getwindowwidth(); wind_h=getwindowheight(); }
}
//]]>
</script>


As imagens, temos de acrescentar a frase "imagem-url-flor" picture-borboleta "url" url "image-folha-verde"





A borboleta é um gif, se você começou no Blogger é estático, mas nós podemos enviá-lo paraImageShack e resolver o problema. saiba como usar o ImageShack aqui.



 



LEI MAIS

Bookmark and Share

3/29/2010

doutorblogs-site de servisos-JQuery Modal

Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
Buzz It

são site de grande utilidades para blogueiros.

Shadow Box

Sexy LightBox

Fancy Box

imgbox

Thick Box

Showy criado com jQuery janelas modais em cada uma das ligações pode ver o efeito.

REFERÊNCIA:coder +

 

Technorati Marcas: ,,,,

LEI MAIS

Bookmark and Share

doutorblogs-template boa forma com-8 widgets de imagem fixas no layout.

Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
Buzz It

template blogger

Demo | Download

  • Template com resumos automáticos de postagens com miniatura da imagem utilizada no post;
  • Menu horizontal para lista de links ou gadget Páginas;
  • Widgets fixas de imagens abaixo do cabeçalho que se revezam nas páginas internas;
  • Artigos Relacionados abaixo dos posts;
  • Possibilidade de alterar todas as cores do template através do Painel Fontes e Cores. Você pode criar  uma combinação única de cores para seu layout.
    Para utilizar os widgets de imagens abaixo do cabeçalho, vá no painel Layout, que deve se apresentar desta maneira:

    templates novo blogger

    Note que há um total de 8 widgets de imagem fixas no layout. Os quatro primeiros aparecerão na página inicial do blog e os 4 últimos nas páginas internas. Basta clicar em editar em cada widget, mudar o título, a imagem, a legenda (que deve ser curta) e o link, que deverá apontar para o post que se deseja promover. Feitas as modificações, clique em salvar.

    templates novo blogger

                        
    A ilustração utilizada neste template é do meu querido amigo Fernando Buson, que conheci através do Twitter. Com apenas 18 anos, Fernando revela multi talentos: é desenhista, escritor, domina técnicas de Photoshop (ele mesmo criou o template do seu blog Dinastia Croft e cria histórias em quadrinhos, entre outras coisas.

    "Bom, eu desenho desde pequeno. Nunca tive aulas,  foi tudo "na raça" mesmo. Comecei a aprender mangá através daquelas revistas de "Curso Prático" que eram vendidas em bancas de jornais. Hoje eu faço curso de comunicação visual na Escola Panamericana de Arte e Design e faço ilustrações para a Editora 2D. Sou usuário do blogger há alguns anos quando criei o blog "Dinastia Croft" em parceria com uma amiga." F.Buson

    Para conhecer mais do trabalho de Fernando Buson acesse: F.Buson

     

    LEI MAIS

    Bookmark and Share

    3/28/2010

    Adicionar ícones nos títulos das entradas é uma daquelas perguntas?

    Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
    Buzz It

    Adicionar ícones nos títulos das entradas é uma daquelas perguntas que é muitas vezes repetido, há muito tempo no gemablog vi como adicionar uma imagem ou cor de fundo agora adicionar um pequeno ícone ou
    bala. "S estilos nos títulos pós em um modelo Minima são definidos como segue.

    . Post h3 (

    margin: .25 em 0 0;

    padding: 0 0 4px;

    font-size: 140%;

    font-weight: normal;

    line-height: 1.4em;

    color: # ffffcc;

    )

    . Post h3 a,. Post h3 a: visited,. Post h3 strong (

    display: block;

    text-align: none;

    color: # ffffcc;

    font-weight: normal;

    )

    . Post h3 strong,. Post h3 a: hover (

    color: # ffffcc;

    )

    Adicione o ícone.

    . Post h3 (

    margin: .25 em 0 0;

    padding: 0 0 4px;

    font-size: 140%;

    font-weight: normal;

    line-height: 1.4em;

    color: # ffffcc;

    background: url (url do ícone) no-repeat 0 .5 em;

    padding-left: 20px;

    )

    Com padding-left ajustar a distância entre o ícone eo título.
    Para ajustar a altura pode aumentar ou diminuir o valor 0 .5 em
    E se nós colocá-lo na hora de mudar o estilo , tamanho e cor da fonte.

    . Post h3 a,. Post h3 a: visited,. Post h3 strong (

    display: block;

    text-align: none;

    font-family: Century Gothic, Trebuchet MS, sans-serif;

    font-size: 24px;

    color: # 000;

    font-weight: normal;

    )

    Para adicionar alguns estilos que são diferentes quando você passa o mouse um exemplo seria:

    . Post h3 strong,. Post h3 a: hover (

    color: # 1B703A;

    font-size: 24px;

    )

    Em WEBSITEBULLETS encontrar balas para decorar o título do post

     

    LEI MAIS

    Bookmark and Share

    doutorblogs- um lindo template-rock music.

    Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
    Buzz It
    Rock Music

    Rock Music

    Página de instruções
    Instruções página aqui

    Fonte e Designer
    Página do autor

    Baixar

    Rock Music Blogger Template (10,8 KiB, 11 hits)

     

    fontes comcretas do allblogtools.com

     

    Technorati Marcas: ,,,,

    LEI MAIS

    Bookmark and Share

    3/27/2010

    doutorblogs- Miniatura Blogger Widgets Related poste

    Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
    Buzz It

    Não se esqueça de manter cópias do modelo antes de fazer alterações.

    encontrei um Widget para Related tags há algum tempo, acrescentando que o widget é muito simples, porém nós sempre complicar a vida e customização não estava disponível para todos, porque os estilos são encontrados dentro de um script, teve que editar js. e, claro, sabendo que as peças para mudar, visto que ficheiro é removido qualquer desejo de o fazer.

    Hoy, he visto un widget con las mismas características pero mucho más funcional ya que nos proporciona los estilos y podemos jugar un poco con su apariencia..
    Su creador es Aneesh, de Blogger Widget en su entrada nos explica los sencillos pasos a seguir.
    Nos situamos en Plantilla Edición de HTML y buscamos </head> justo antes de esa etiqueta pegamos lo siguiente.


    Ver Código abaixo

    <!--Related Posts with thumbnails Scripts and Styles Start-->

    <b:if cond='data:blog.pageType == "item"'>

    <style type="text/css">

    # Posts relacionados (

    float: left;

    text-decoration: none;

    height: 100%;

    min-height: 100%;

    padding-top: 5px;

    padding-left: 5px;

    )

    # Relacionadas lugares (H2

    font-size: 1.6em;

    font-weight: bold;

    color: black;

    font-family: "Times New Roman", Serif;

    margin-bottom: 0.75em;

    margin-top: 0em;

    padding-top: 0em;

    )

    # Relacionados lugares a (

    color: black;

    )

    # Posts relacionados a: hover (

    color: black;

    )

    # Posts relacionados a: hover (

    background-color: # d4eaf2;

    )

    </style>

    <script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>

    </b:if>

    <!--Related Posts with thumbnails Scripts and Styles End-->

    Guardamos los cambios y esta vez marcamos para expandir la plantilla. Allí buscaremos la siguiente línea:

    <div class='post-footer-line post-footer-line-1'>

    En lugar de esa línea puede que tengamos la siguiente:

    <p class='post-footer-line post-footer-line-1'>

    En ambos casos añadiremos justo después lo siguiente:

    Ver Código abaixo

    <!-- Related Posts with Thumbnails Code Start-->

    <b:if cond='data:blog.pageType == "item"'>

    <div id='related-posts'>

    <b:loop values='data:post.labels' var='label'>

    <b:if cond='data:label.isLast != "true"'>

    </b:if>

    <b:if cond='data:blog.pageType == "item"'>

    <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>

    <script type='text/javascript'>

    currentposturl var = " <data:post.url/> ";

    maxResults var = 5;

    var relatedpoststitle = "Related Posts";

    removeRelatedDuplicates_thumbs ();

    printRelatedLabels_thumbs ();

    </script>

    </div><div style='clear:both'/>

    </b:if>

    <!-- Related Posts with Thumbnails Code End-->

    Donde var maxresults=5; añadiremos la cantidad de miniaturas que mostraremos, hay que tener en cuenta el espacio que tenemos para las miniaturas, si añadimos una cantidad mayor de la que admite nuestro espacio las miniaturas se mostrarán en la siguiente línea.

    Para alterar o título Posts Relacionados pode fazer em:

    var relatedpoststitle = "Related Posts";

    Em caso de não querer título, como veremos posteriormente removidos.

    As imagens são rodados, se temos menos rótulos para adicionar maxResults var = 5;aparecem sempre os mesmos, mas não na mesma ordem.

    Pode ser que nem todos os posts têm imagens, mas se o mesmo rótulo e configurados para mostrar um número maior de imagens existentes.En Nesse caso, seria mostrar a imagem seguinte, em vez de a miniatura.

    El widget lo añadimos en las página individuales, el autor indica añadirlo justo después de la línea:
    <div class='post-footer-line post-footer-line-1'>

    Podemos mostrarlo después de la información de post-footer, autor, comentarios, etiquetas, sistema de votaciones ect... Si lo añadimos después de:
    <div class='post-footer-line post-footer-line-3'>
    el widget se mostrará en la última línea de post-footer.

    Personalizando estilos.

    Los estilos se encuentran entre:

    <!--Related Posts with thumbnails Scripts and Styles Start-->

    e

    <!--Related Posts with thumbnails Scripts and Styles End-->

    El título lo personalizamos en related-posts h2
    Con "font-size: 1.6em;" variamos el tamaño de fuente.
    font-weight: bold; es la fuente en negrita.
    color: black; es el color de fuente.
    El estilo de fuente lo veremos en  font-family: Georgia, “Times New Roman”, Times, serif;
    Para eliminar el título lo podemos hacer añadiendo: visibility:hidden;
    Si deseamos añadir una imagen de fondo lo haremos añadiendo:
    background: url('aquí url de la imagen') repeat;
    El breve resumen de texto que se muestra al pie de las miniaturas lo podemos modificar enrelated-posts a
    Al final veremos dos veces related-posts a:hover el primero, donde dice color:black; será el color de fuente del breve resumen al pasar el cursor (efecto hover)
    El segundo, en background-color:#d4eaf2; es el color de fondo al pasar el cursor.

    Se decidirmos deixá-lo como ele é muito simples de implementar, para personalizá-lo é chato porque as mudanças não são vistos na pré-visualização, mas vale a pena tentar se apenas para dar-nos a imaginação para ver o efeito.

    page fontes do gemablog

     

    LEI MAIS

    Bookmark and Share

    3/26/2010

    SlideServer é um lugar para hospedar e PowerPoint partes SlideShare

    Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
    Buzz It

    SlideServer é um lugar para hospedar e PowerPoint partes SlideShare estilo apresentações .
    de formatos de arquivo são. Ppt. Pps e. Pot e não deve exceder 50 MB.
    Depois de ter carregado a apresentação pode ser compartilhado com outros usuários ou escolher os nossos arquivo público ou privado, sistema de votação e nos dá a capacidade de adicionar ao nosso blog, utilizando o código que fornecemos e do URL do seu alojamento.

     

    LEI MAIS

    Bookmark and Share

    3/25/2010

    doutorblogs-servidor de imagens como Blogge-blospot

    Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
    Buzz It

    se você não saibe como ospedar imagens veja este tutorial bem eficiente do  SAQUAESCOLARONLINE

    Quando você precisa da URL de uma imagem sempre dizem que o melhor lugar para ficar é o Blogger, por diversas razões.

    Alguns servidores são extra, outros você tem que estar atento para atualização de vez em quando, acomodação e todos os momentos deixaram de estar online, quer através da manutenção ou problemas de maior.

    Nestes casos, nós achamos que as imagens não serão no blog, quando fomos para o Blogger ea qualquer momento ele estava fora de serviço não seria problema, porque não podemos ver o blog e como se nós sempre será capaz de ver esta tranqüilidade que Não perca estas imagens ou vamos ter de hospedá-lo novamente.

    Eu não estou falando de fazer upload de imagens para um post e publicá-lo, mas para obter a URL da imagem, para outra finalidade.

    Muitas vezes me pergunto como é que é fazer upload de imagens aparecem no post não? Não necessariamente porque nós podemos enviá-los para uma entrada eo projeto de entrada ou apagar sair sem apagar as imagens.

    Dessa forma, podemos obter lde ur qualquer imagem e usá-lo sem problemas.

    No vídeo seguinte, vai subir uma imagem acessando http://draft.blogger.com/, mas o procedimento seria o mesmo se o fizermos http://www.blogger.com/

     

     

    Technorati Marcas: ,,,,,

    LEI MAIS

    Bookmark and Share

    3/24/2010

    doutorblogs-Como instalar- no blog um Template?

    Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
    Buzz It
    Como instalar noblog um Template?

    1.Baixe um modelo e unzipp.

    unzip-template

    2. Vá até a seção de layout no seu blog (Dashboard → → Layout Editar HTML).

    3. Apoia o seu modelo anterior (Download Template completa).

    upload-template

    4. Localizar e carregar o seu modelo.

    5. Aproveite o seu novo design do blog.

    Porque eu não posso instalar templates blogger? Blogger gera um erro.

    Há várias possíveis fatores que causam um erro Bx-xxxx:

    • O código é copiado diretamente, eo Blogger não interpretá-lo.
    • Temporariamente não aceitar Blogger templates com certos códigos ou gadgets.

    Possíveis soluções:

    • Remover widgets ou aparelhos que vêm com o modelo baixado.
    • Limpar os cookies do seu navegador.
    • Tentando fazer o upload do template com um outro navegador (Opera, Firefox, Chrome, etc.)
    • No copie e cole o código diretamente, fazer o upload do arquivo XML.
    • Espere 24 horas e tente novamente.
    Como entro no meu blog sem a navbar?

    A barra de navegação do Blogger é apenas um plug e oferece um atalho para inserir seu blog, mas você sempre pode efetuar login em Blogger.com.

    Como faço para personalizar meu modelo?

    Para a cor eo tamanho da fonte, alguns modelos do Blogger oferece uma opção para alterá-lo a partir da Dashboard (Painel → Layout → Fontes e Cores). Aqui você pode ver o resultado diretamente no modelo.

    Grandes mudanças nos modelos precisava saber pelo menos um pouco de CSS e HTML. Uma forma rápida de alterar um modelo é mudar as imagens no código CSS, para outro com as mesmas dimensões. Esse é o processo para alterar o cabeçalho de um projeto, por exemplo.

    Além disso, alguns modelos têm as suas próprias instruções configurações e personalização, consulte a página de download do mesmo modelo.

    Como posso editar o menu do meu modelo?

    1. A maioria dos modelos têm um menu que só pode ser alterado a partir do HTML (Dashboard → Layout → Editar HTML). Em muitos casos, o código é a olhar para:

    <li class='current'> <a expr:href='data:blog.homepageUrl'>Início</a> </li><li> <a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Posts RSS</a> </li><li> <a expr:href='data:blog.homepageUrl + "feeds/comments/default"'>Comentários RSS</a> </li><li> <a href='#'>Editar</a> </li>


    Lá você pode alterar a expr: href = '...' com suas próprias ligações: href = 'mylink'. Veja também as instruções do seu modelo para obter mais informações.



    2. Alguns modelos incluem um gadget para editar o menu diretamente da Dashboard (Painel → Layout → Elementos da página).



    Por que a data é listado como "indefinido" ou este não é mostrada?


    Provavelmente porque você não escolher o formato da data especificada. O formato deve ser alterada a partir do painel (Dashboard Definições → Formatar → Data Header Format) e, geralmente, o tipo correto é: sabado, 5 maio, 2009.



    date-template



    Leia as instruções do seu modelo localizado na página de download.



    Por que algumas imagens do meu modelo desapareceu?


    Embora nos hospedar o maior número de imagens no Blogger, as imagens podem desaparecer de repente, porque:




    • As imagens foram retiradas do original hosting.


    • Uso de domínio próprio,Solução: Faça o download do modelo do Templates novamente, ou do autor original da página e os anfitriões novamente as imagens em um serviço externo, como Photobucket, ou Tinypic ImageShack.



    Como adicionar o formulário de comentário ao meu modelo?


    Blogger recentemente adicionou o formulário de comentários dentro do mesmo modelo, abaixo dos posts individuais, se o seu modelo não tem o formulário lá, você pode precisar manualmente adicioná-lo ou ativá-lo.



    Para adicioná-lo manualmente:




    1. Digite o código do seu modelo (Dashboard → Layout → Editar HTML) e pesquisar por:
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>



    2. Substituir o código com o seguinte:
      <b:if cond='data:post.embedCommentForm'>
      <b:include data='post' name='comment-form'/>
      <b:else/>
      <b:if cond='data:post.allowComments'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
      </b:if>
      </b:if>




    Para ativá-lo:




    1. Digite os comentários opções do painel (Dashboard Definições → Comentários).


    2. E no "Formulário de comentário Enquadramento secção", selecione: Embedded post abaixo.



    Como faço para adicionar meu feed do feedburner no meu blog?


    No menu: Muitos modelos mostram o feed no menu superior, para alterar a alimentação padrão para feedburner, vá para o código do modelo (Dashboard Layout → → Editar HTML) e pesquisar por:



    <a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>


    Substitua este com:



    <a href='URL del feed en Feedburner'>


    Agora, no painel de configurações do feed (Dashboard Definições → Site Feed) também adicionar seu URL do Feedburner.



    Como faço para traduzir o meu modelo por uma outra língua?


    Diretamente no código do modelo. (Dashboard → Layout → Editar HTML), com um processo muito simples:




    1. Usando a pesquisa do navegador, localize o texto que deseja traduzir.


    2. Substitui o texto com a sua tradução.



    O texto dentro de uma imagem precisa ser mudado em um editor de imagem, como o Photoshop ou o Inkscape, e em seguida, substitui a imagem com a imagem traduzida.



    O que devo fazer depois que eu instalar o meu modelo?


    Depois de instalar um modelo, há várias coisas que vale a pena verificar, actualizar ou modificar, recomendamos que você leia nosso artigo com todos os pontos.



    Como mostrar a navbar novamente no meu modelo?


    Fácil! Digite o código do seu modelo (Dashboard → Layout → Editar HTML) e pesquisar por:



    # navbar-iframe (height: 0px; visibility: hidden; display: none)


    Excluí-lo e é isso.



    Como exibir as últimas mensagens ou comentários sobre o lateral?



    1. Digite o administrador elementos de página (painel Layout →).


    2. Adicionar um widget de feed novo, com a seguinte URL's:

      Para mostrar os posts recentes:



      http://nome do blog.blogspot.com/feeds/posts/default


      Para mostrar os últimos comentários:



      http://nome do blog.blogspot.com/feeds/comments/default




    Posso remover o crédito para o modelo?


    Não, a grande maioria dos modelos são licenciados sob a Creative Commons, GPL ou licença semelhante, eliminando assim os créditos estariam usando uma cópia ilegal do mesmo. Você pode simplificar os créditos ou mude, mas não removê-los. Lembre-se que os modelos são gratuitas, assim que mantenha os créditos é uma maneira de agradecer àqueles que projetou e / ou adaptar o modelo.



     



    Technorati Marcas: ,,,,

    LEI MAIS

    Bookmark and Share

    número de postos que trabalha para mostrar as página deslizante

    Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
    Buzz It

     

    Antes gemablog mostrou um widget para adicionar paginação, desta vez, o tema também aborda numerados, mas os estilos são diferentes e, em vez mostrar a linha de navegação praças mostra um efeito de deslocamento, também estava por trás do texto "Páginas", que muitos tinham para mudar para ele em vista. E, como relatado por seu autor Abu Farhan conseguiu algo muito importante para o seu funcionamento para além do post 500.

    e apenas antes de ]]></b:skin> adiciona los estilos:

    . Paginator 
    (margin-top: 60px;
    font-size:

    1em;). Paginator tabela
    (border-collapse: collapse;
    table-layout: fixed;
    width:

    100%;) tabela paginator. Td
    (padding: 0;
    white-space : nowrap;
    text-align:

    center;). Paginator span
    (visualização: block;
    padding: 3px 0;
    color: #

    fff;).
    span paginator forte, paginador. span um
    padding (: 2px

    6px;). Paginator span forte (
    background: # ff6c24;
    font-style: normal;
    font-weight:

    normal;). paginator. scroll_bar
    (width: 100%; height: 20px;
    position: relative;
    margin-top:

    10px;). paginator. scroll_trough
    (largura: 100%; height: 3px;
    background: # ccc
    overflow;:

    hidden;) paginator. scroll_thumb.
    (position: absolute;
    z-index: 2;
    width: 0; height: 3px;
    top: 0; deixou
    font: 0; -- size: 1px;
    background: #

    363636;). paginator. scroll_knob
    (position:
    absolute;-top: 5px; left: 50%;
    margem-left: 10px;
    width: 20px; height: 20px;
    overflow: hidden;
    background: http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/slider_knob.gif (URL) no-repeat% 50 50%;
    cursor: pointer; cursor:

    hand;). paginator. current_page_mark
    (position: absolute;
    z-index: 1,
    top: 0; left: 0;
    width: 0; height: 3px;
    overflow: hidden;
    background: #

    ff6c24,). fullsize. scroll_thumb
    (display:

    none;). paginator_pages
    (width: 600px;
    texto -align: right;
    font-size: 0.8em;
    color: # 808080;

    margin-top:-10px;)


    Buscamos </body> al final de la plantilla e apenas antes adicionar:



    <script src='http://all-in-one-blogger-widget.googlecode.com/files/paginator3000.js' type='text/javascript'/>
    <script type='text/javascript'>
    var home_page="/";
    var urlactivepage=location.href;
    var postperpage=7;
    var numshowpage=6;
    </script>
    <script src='http://all-in-one-blogger-widget.googlecode.com/files/paginator3000-forblogger-v1.0.0.js' type='text/javascript'/>


    Em "postperpage var" é o número de postos de trabalho para mostrar por página, deve corresponder ao número de mostrar que nós Configurações.

    Onde "numshowpage var" é a quantidade de números que mostram em cada página.


    Modificações fazer también sobre a cor.


    - Color Line pode alterar o fundo de "paginator. Current_page_mark"


    - Assim como o pano de fundo "span paginator forte" para os números de página onde estamos.


    "A cor do span paginator numeração"


    - A linha cinzenta em "paginator. Scroll_trough"


    - Existe uma imagem em estilos que acomodam recomendo o download e em outros lugares para se certificar de que não vamos perder, a imagem é a seguinte URL e podemos substituir nossos estilos de:


    http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/slider_knob.gif


    - Há um detalhe que devemos levar em conta No final do script script para adicionar outro que não é Adequado ver, porque dá a banda algum site onde você vai descobrir Transferência de que vamos superar ou script não funcionará.


    Nós cerveja ou seguinte endereço na barra de ferramentas do navegador e baixar ou script para o seu PC e, em seguida, avançar para enviar-lo para o nosso alojamento.


    http://all-in-one-blogger-widget.googlecode.com/files/paginator3000-forblogger-v1.0.0.js


    - Podemos ver um exemplo de Abu Farhan e meu exemplo.



    creditos home page gemablog



    LEI MAIS

    Bookmark and Share

    3/23/2010

    conheça os nossos parceiros

    Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
    Buzz It
    1-Analisarei pelo Google Analytics todas as entradas direcionadas por seu blog e em seguida o linkarei aqui.


    2- Esporadicamente colocarei os banners em destaque dos parceiros que mais trouxerem visitas ao Planeta, então, fique atento...Seu blog pode se destacar e muito aqui!


    3- E finalmente, quando você levar o banner ou o link do meu blog, deixe um comentário Aqui para que eu possa visitá-lo e conferir tudinho o que se passa em seu site ou blogs!








    SOFTWARE E GAMES


    saquaescolaronline
     saqua escolar online Home Pages

    HARDSAQUA
     HARDSAQUA Home Pages

    saquamusic


    LEI MAIS

    Bookmark and Share

    doutorblogs- como criar um slide- para o seu blog usando jQuery

    Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
    Buzz It

    Você pode ver o efeito neste blog de testes da Gema. Bonito, não? E você verá que é muito fácil colocar um slide assim no seu blog.
    Antes de tudo é preciso que você encontre um local para hospedar os scripts que serão utilizados. Eu recomendo o Dropbox, que estou utilizando para guardar todos os scripts que uso. Siga o tutorial Dropbox  e crie sua conta. Feito isto, faça o download dos scripts utilizados para conseguir o efeito:
    jQuery.js
    s3Slider.js
    (basta clicar nos links que o download é feito automaticamente)
    Hospede os scripts e copie os urls oferecidas. Vá no código do seu template e antes de </head> cole o seguinte código:

     

    <script src='url-do-arquivo-jquery.js' type='text/javascript'/>
    <script src='url-do-arquivo-s3Slider.js' type='text/javascript'/>


    Logo abaixo, acrescente este código:

     

    <script type='text/javascript'>
    $(document).ready(function() {
    $('#s3slider').s3Slider({
    timeOut: 4000
    });
    });
    </script>

    Alterando o valor em timeOut (negrito) você pode mudar o tempo de transição das imagens.
    Salve as modificações. Agora, antes de ]]></b:skin> acrescente o estilo para o slide:
    /* s3slider
    ----------------------------------------------- */
    #s3slider {
    width: 720px; /* largura total do slide*/
    height: 300px; /* altura total do slide*/
    position: relative; /* important */
    overflow: hidden; /* important */
    }
    #s3sliderContent {
    width: 720px; /* importante que as imagens devem ter a mesma largura ou mais */
    position: absolute; /* important */
    top: 0; /* important */
    padding: 0px;
    margin-left: 0; /* important */
    }
    .s3sliderImage {
    float: left; /* important */
    position: relative; /* important */
    display: none; /* important */
    }
    .s3sliderImage span {
    position: absolute; /* important */
    left: 0;
    font: 15px/20px Arial, Helvetica, sans-serif;
    padding: 30px 13px;
    width: 720px;
    background-color: #000; /*cor de fundo do slide*/
    filter: alpha(opacity=70); /* here you can set the opacity of box with text */
    -moz-opacity: 0.7; /* here you can set the opacity of box with text */
    -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
    opacity: 0.7; /* here you can set the opacity of box with text */
    color: #fff;
    display: none; /* important */
    bottom: 0;
    /*
    Nesta última linha em negrito, determina se a caixa de texto aparecerá na parte superior ou inferior das imagens
    top: 0; -> a caixa de texto aparecerá na parte superior
    si ponemos
    bottom: 0; -> a caixa de texto aparecerá na parte inferior
    */
    }
    .clear {
    clear: both;
    }


    Salve as modificações. Agora você deve posicionar o slide no blog com o código html. Um bom local é a div crosscol, que fica logo abaixo do cabeçalho. Certifique-se de que ela está visível para acrescentar o código, procurando por este trecho (não é preciso expandir modelo de widget):

     

    <div id='content-wrapper'>
    <div id='crosscol-wrapper' style='text-align:center'>
    <b:section class='crosscol' id='crosscol' showaddelement='yes'/>
    </div>

     

    Em showaddelement deve estar yes . Se o seu template não contiver este trecho, basta acrescentar, abaixo de <div id='content-wrapper'>
    Salve a modificação e vá para a aba Layout. Acrescente o seguinte código em crosscol (abaixo do cabeçalho):

     

    <div id="s3slider">
    <ul id="s3sliderContent">
    <li class="s3sliderImage">
    <img src="url-imagem" />
    <span>texto-a-ser-exibido</span>
    </li>
    <li class="s3sliderImage">
    <img src="url-imagem" />
    <span>texto-a-ser-exibido</span>
    </li>
    <div class="clear s3sliderImage"></div>
    </ul>
    </div>

     

    Para tantas forem as imagens a serem exibidas, repita o trecho:

     

    <li class="s3sliderImage">
    <img src="url-imagem" />
    <span>texto-a-ser-exibido</span>
    </li>


    Se você desejar transformar os textos em links, basta colocar:
    <span><a href='http://url do post'>Texto da legenda</a></span>

    Salve as modificações. Agora você deve posicionar o slideonde quiser .

    LEI MAIS

    Bookmark and Share

    3/22/2010

    doutorblogs-aqui vai uma explicação mastigadinha de um slide

    Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
    Buzz It

    aqui vai uma explicação mastigadinha de um slide. Bom, como me enviaram um email e há quem peça para eu explicar como usar a header (cabeçalho) assim, eis a explicação meus leitores. Tive que modificar uma coisinha e outra para dar certo.
    Atenção que o template que ensino a fazer a alteração é o "Minima" do Blogger e suas imagens para o slide tem que estar no tamanho:
    width:960px;
    height: 300px;
    Se quiser, abaixo, ao abrir, salve em seu pc e depois monte a imagem que quiser sobre ela.

    clique na imagem abaixo e veja como funciona.

    image

    primeiro Passo, salve estes dois arquivos em seu PC
    Salve em seu pc o arquivo: s3Slider.js
    E o arquivo: jquery2.js
    Agora hospede-os no Drop Box. Clique AQUI e aprenda como fazer isso,

    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.

    Vá até o HTML do seu blog e procure pelo código:
    /* Header
    -----------------------------------------------
    */

    e substitua tudo que estiver entre ele e o código:
    /* Headings
    ----------------------------------------------- */

    por este código abaixo:

    #header-wrapper {
    width:960px;
    height: 400px;
    margin:0 auto 10px;
    border:1px solid $bordercolor;
    }
    #header-inner {
    background-position: center;
    margin-left: auto;
    margin-right: auto;
    }
    #header {
    margin: 5px;
    border: 1px solid $bordercolor;
    text-align: center;
    color:$pagetitlecolor;
    }
    #header h1 {
    margin:5px 5px 0;
    padding:15px 20px .25em;
    line-height:1.2em;
    text-transform:uppercase;
    letter-spacing:.2em;
    font: $pagetitlefont;
    }
    #header a {
    color:$pagetitlecolor;
    text-decoration:none;
    }
    #header a:hover {
    color:$pagetitlecolor;
    }
    #header .description {
    margin:0 5px 5px;
    padding:0 20px 15px;
    max-width:700px;
    text-transform:uppercase;
    letter-spacing:.2em;
    line-height: 1.4em;
    font: $descriptionfont;
    color: $descriptioncolor;
    }
    #header img {
    margin-$startSide: auto;
    margin-$endSide: auto;
    }
    /* Outer-Wrapper
    ----------------------------------------------- */
    #outer-wrapper {
    width: 960px;
    margin:0 auto;
    padding:10px;
    text-align:$startSide;
    font: $bodyfont;
    }
    #main-wrapper {
    width: 610px;
    float: $startSide;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
    }
    #sidebar-wrapper {
    width: 250px;
    float: $endSide;
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
    }

    Feito isso, vá até o HTML do seu blog e depois de:
    ]]></b:skin>cole o código:

    <script src='http://dl.getdropbox.com/u/1703311/jquery2.js' type='text/javascript'/>
    <script src='http://dl.getdropbox.com/u/1703311/s3Slider.js' type='text/javascript'/>
    <script type='text/javascript'>
    $(document).ready(function() {
    $('#s3slider').s3Slider({
    timeOut: 4000
    });
    });
    </script>

    *Troque os códigos que estão na cor verde pelo endereço de seus arquivos hospedados no DropBox
    *O código em laranja é a velocidade que mudam as imagens.
    Agora acima de:
    ]]></b:skin>
    cole este próximo código:

    /* s3slider
    ----------------------------- */
    #s3slider {
    width: 960px; /* essa numeração deverá corresponder a width da header */
    height: 400px; /* essa numeração deverá corresponder a height da header */
    position: center;
    overflow: hidden;
    }
    #s3sliderContent {
    width: 960px; /* essa numeração deverá corresponder a width */
    height: 400px; /* essa numeração deverá corresponder a height da header */
    position: center;
    top: 0;
    padding: 0px;
    margin-left: 0;
    }
    .s3sliderImage {
    float: center;
    position: center;
    display: none;
    }
    .s3sliderImage span {
    position: center;
    left: 0;
    font: 15px/20px Arial, Helvetica, sans-serif;
    padding: 30px 13px;
    width: 960px; /* essa numeração deverá corresponder a width da header */
    background-color: #FF4F00;/* cor da barra */
    filter: alpha(opacity=70); /*transparencia da barra*/
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    color: #000; /* cor das letras */
    display: none;
    bottom: 0;
    /*
    Modifique acima como a indicação
    top: 0; -> para a barra de recados aparecer acima
    bottom: 0; -> para a barra de recados aparecer abaixo
    */}
    .clear {
    clear: both;
    }
    /* fim do slide */

    *O código na cor azul representa a cor da barra das inscrições do slide.
    Salve !
    Agora clique em "F3" em seu teclado e procure pela palavra "Cabeçalho".
    Agora você verá um código como esse abaixo, troque o número "1" pelo número "5" e salve.

    Agora vá até "Elementos de página", clique em "Adicionar um gadget" e clique em HTML/Javascript e cole aí o próximo código.


    <div id="s3slider">
    <ul id="s3sliderContent">
    <li class="s3sliderImage">
    <img src="ENDEREÇO DA IMAGEM 1" />
    <span><a href='ENDEREÇO DO LINK 1'>LINK 1</a></span>
    </li>
    <li class="s3sliderImage">
    <img src="ENDEREÇO DA IMAGEM 2" />
    <span><a href='ENDEREÇO DO LINK 2'>LINK 2</a></span>
    </li>
    <li class="s3sliderImage">
    <img src="ENDEREÇO DA IMAGEM 3" />
    <span><a href='ENDEREÇO DO LINK 3'>LINK 3</a></span>
    </li>
    <li class="s3sliderImage">
    <img src="ENDEREÇO DA IMAGEM 4" />
    <span><a href='ENDEREÇO DO LINK 4'>LINK 4</a></span>
    </li>
    <li class="s3sliderImage">
    <img src="ENDEREÇO DA IMAGEM 5" />
    <span><a href='ENDEREÇO DO LINK 5'>LINK 5</a></span>
    </li>
    <li class="s3sliderImage">
    <img src="ENDEREÇO DA IMAGEM 6" />
    <span><a href='ENDEREÇO DO LINK 6'>LINK 6</a></span>
    </li>
    <li class="s3sliderImage">
    <img src="ENDEREÇO DA IMAGEM 7" />
    <span><a href='ENDEREÇO DO LINK 7'>LINK 7</a></span>
    </li>
    <div class="clear s3sliderImage"></div>
    </ul>
    </div>

    Faça as alterações e salve.

     

    LEI MAIS

    Bookmark and Share

    3/21/2010

    doutorblogs-Tem coisa melhor que "di grátis”-que é Drop Box

    Adicionar esta notícia no Linkk compartilhe com outras redes SOCIAIS.
    Buzz It

    Drop Box

    é clarro que  Não né ? Pois é, então quando é de graça e útil, melhor ainda. Vou ensinar como abrir uma conta no Drop Box e usufruir de seus serviços. Mas o que é Drop Box ? Bom, é um site que presta serviço de hospedagem de documentos, códigos, etc. Um HD virtual. (espero que esse também não saia do ar).
    Então vamos começar. Clique
    AQUI e entre na página para fazer o seu cadastro.
    Preencha conforme as imagens.
    fazer o seu cadastro
    Abra seu email e clique no local indicado.
    local indicado
    Faça o seu login no site.
     seu login no site

    Agora você já poderá começar a subir seus documentos, arquivos, etc no Drop Box.

    Clique em "Public" se não tiver importancia que vejam seus arquivos ou se forem arquivos que vc vai querer hospedar o endereço em algum código, como por exemplo, arquivos "scripts".
    fazer o seu cadastro

    Clique agora em "Upload"

    "Upload"

    Ao abrir a janela, clique em "basic upload"

    "basic upload"

    Agora note que abriu o browse de seu pc. Procure o arquivo que vc quer hospedar e clique sobre ele.

    Procure o arquivo
    Note que depois que vc clicou, apareceu uma inscrição. Clique então em "Upload file" e aguarde.

    "Upload file"

    Pronto ! O seu arquivo já está hospedado.

    Agora vamos aprender a pegar o endereço ?

    pegar o endereço

    Para pegar o endereço é bem simples. Ao passar o mouse sobreo título de seu arquivo, note que abrirá uma janela.

    Clique então em: "Copy public link"

    "Copy public link"

    Pronto, agora é só copiar este endereço e introduzi-lo onde for pedido, como por exemplo, nos endereços de arquivos javascript (.js)

    endereços de arquivos javascript

     

    Technorati Marcas: ,,,,,,,

    LEI MAIS

    Bookmark and Share

    uma lista com as últimas postagens que ira gostar.

    Hello visitante seja bem vindo sua presença é um prazer

    ads ads ads
     

    Recommended links

    • ads
    • ads
    • ads
    • ads

    DOUTOR. Copyright © 2009 Gadget Blog is Designed by Ipietoon Sponsored by Online Business Journal

    Creative Commons License
    This work is in the Public Domain.
    Linkbão Oi Torpedo Click Jogos Online Rastreamento Correios Mundo Oi oitorpedo.com.br mundo oi torpedos mundo oi.com.br oi.com.br torpedo-online Tv Online torrent Resultado Dupla Sena Resultado Loteria Federal Resultado Loteca Resultado Lotofacil Resultado Lotogol Resultado Lotomania Resultado Mega-sena Resultado Quina Resultado Timemania baixa-facil Link-facil Resultado Loterias