Mostrando postagens com marcador Tutoriais. Mostrar todas as postagens
teste do eddy

Como deixar o xat como primeira postagem (fixo)

Matheus M. Scorsolini
1° passo pegue o html do seu xat!


2° passo crie uma postagem com o xat


3° passo edite a postagem



4° passo vá em Opções de postagem


5° passo procure Data e hora da postagem e deixe em Programado em


6° passo mude a data e a hora da postagem para 31/12/9999 e a hora para 23:59


7° passo só salvar e a postagem do xat sempre será a primeira

Comentários:
Sem comentários
Categorias:

Como mudar o sidebar de lado

Victor

1.Design>Editar HTML>Aperte CTRL+F
2.Procure por SIDEBAR-WRAPPER
3. Após ache por "Float"
4. Terá Float:right ou Float:left, modifique eles.
5. EX: Terá float:left troque por float:right


OUTRA MANEIRA 


Troque o texto “float:left;” por “float:right;” 


(se a sidebar estiver Direita Para Passar Para Esquerda)

troque “float:right;” por “float:left;” (se a sidebar estiver na 


esquerda para passar para a direita)
Comentários:
Sem comentários
Categorias:

Como colocar avatar no blog

Victor

1 - Primeiro Vai Em Editar HTML e Clica em
 Expandir Modelos de Widgets....

2 - Vc Procura com CTRL+F Por:
<b:if cond='data:post.title'>
...
3 -  e Adiciona Logo Abaixo o Seguinte Codigo:

<b:if cond='data:post.author == &quot;NOME DO SEU PERFIL DO BLOGGER AKI&quot;'><img alt='Avatar' height='80' src='URL DO SEU AVATAR AKI' style='float:right;margin:5px 0px 0px 10px' width='70'/>                                                                      </b:if>


OBs.
 1 -float:left; Deicha o Avatar Lado Esquerdo <<
2- float:right; Deicha o Avatar Lado Direito >>
3 - height='80'  - Significa a Autura   
3 - width='70'  - Significa a Largura

Agora Vamos Para Margin
5 - Obs Onde Esta 5 Px Primeiro Siginifica Tanto Que Vc Quer Que o Avatar Dessa \/
 5 -    margin:5px 0px 0px 0px'

6 - Obs Onde Esta 0 Px Segundo Nao Precisa por nada deiche 0 msm
 6 -    margin:5px 0px 0px px'

7 - Obs Onde Esta 0 Px Terceiro Nao Precisa por nada deiche 0 msm 
 7 -    margin:5px 0px 0px 0px'
8 - Obs Onde Esta 10 Px Quarto Significa Tanto Que Vc Quer Que o Avatar vá Pro Lado >>
 8 -    margin:5px 0px 0px 10px'
Comentários:
Sem comentários
Categorias:

Como adicionar Menu lavalamp no blog

Victor

Para esse tutorial necessita de um pouco de conhecimento.
Não é em todos os templates que vai dar certo.
Código 1 coloca antes de ]]></b:skin>


/* Styles for the entire LavaLamp menu */
.lavaLamp {
    position: relative;
    height: 0px; width: 421px;
    background: url("../image/bg.gif") no-repeat top;
    padding: 72px; margin: -40px 0;
    overflow: hidden;
}
    /* Force the list to flow horizontally */
    .lavaLamp li {
        float: left;
        list-style: none;
    }
        /* Represents the background of the highlighted menu-item. */
        .lavaLamp li.back {
            background: url("http://dl.dropbox.com/u/32586820/Lava%20Lamp%20by%20Driigo/lavalampd.png") no-repeat right -30px;
            width: 9px; height: 30px;
            z-index: 8;
            position: absolute;
        }
            .lavaLamp li.back .left {
                background: url("http://dl.dropbox.com/u/32586820/Lava%20Lamp%20by%20Driigo/lavalampd.png") no-repeat top left;
                height: 30px;
                margin-right: 9px;
            }
        /* Styles for each menu-item. */
        .lavaLamp li a {
            font: bold 12px tahoma, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #fff;
outline: center;
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
padding:5px 13px 0px 0px;
margin:3px 0px 0px 15px;
}

Código 2 coloca antes de </head>

<script src='http://dl.dropbox.com/u/32586820/Lava%20Lamp%20by%20Driigo/jquery-1.2.3.min.js' type='text/javascript'/>
<script src='http://dl.dropbox.com/u/32586820/Lava%20Lamp%20by%20Driigo/jquery.lavalamp.min.js' type='text/javascript'/>
<!-- Optional -->
<script src='http://dl.dropbox.com/u/32586820/Lava%20Lamp%20by%20Driigo/jquery.easing.min.js' type='text/javascript'/><script type='text/javascript'>

$(function() { $(&quot;.lavaLamp&quot;).lavaLamp({ fx: &quot;backout&quot;, speed: 700 })});</script>


Código 3


Coloque abaixo de <body>  ouu aonde se quizer 
deixar o menu (isso necessita um pouco de conhecimento)

<div id='topo-menu'> 
<div id='menu'> 
<ul> 
<li class='back'><div class='left'/></li>
<ul class='lavaLamp'>
  <li><a href='/'>Home</a></li>
            <li><a href='/'>Parceria</a></li>
            <li><a href='/'>Contato</a></li>
            <li><a href='/'>Mapa Do Site</a></li>
 <li><a href='/'>Pedidos</a></li>
        </ul>
<li class='back' style='left: 10px; width: 57px; display: block; overflow: hidden;'><div class='left'/></li></ul></div></div>


Créditos: Driigo
Comentários:
Sem comentários
Categorias:

Tutoriais

Victor
Com tantas pessoas copiando textos e imagens encontramos um site bem interessante que coloca automaticamente um link junto com o texto copiado, estamos falando do Tynt Insight. Basta entrar no site, e fazer um cadastro simples inserindo o endereço do seu blog, sem o http://, seu endereço de email e escolher uma senha após isso clique em Get Started.

Selecione a linguagem correta ou seja portuguese (Brazil), se quiser pode adicionar um link do Creative Commons nos textos copiados do seu blog. Veja que conforme faz as alterações o link que está no exemplo ao lado(preview) se modifica, quando estiver pronto copie o código.

Agora entre na pagina layout do seu blogger, clique em adicionar gadget, html/javascript, cole o código e clique para salvar. Quando visualizar o seu blog não notará diferença alguma, esse código é invisivel no blog, mas copie algum trecho do texto e cole no bloco de notas e verá a diferença: além do texto aparecerá um link da pagina do seu blog de onde copiou o texto.

Concordo que isso não impedirá a ação dos plagiadores, mas achei que é um recurso bem interessante para colocar no blog e talvez possa servir para algumas pessoas colocarem o link do blog se forem usar essa copia para publicar em outro lugar como comunidades do orkut ou alguma outra rede social ou foruns de discussão. Depois de um dia que instalou o código você pode voltar no site Tynt Insight e fazer login e ver alguns estatisticas sobre as cópias feitas do seu blog.

Comentários:
Sem comentários
Categorias:

Como criar um avatar

Victor


Olá pessoal vou esta ensinando a vocês como criar um avatar.
1. Entre no site faceyourmangá clicando aqui 
2.clique em CREATE
3. Escolha seu sexo
4. Personalize seu avatar do seu gosto
5. Depois de ter criado o avatar clique em SAVE
6. preencha o formulário siga as regras e pronto


Comentários:
Sem comentários
Categorias: