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

Avatar
Para remover a Mensagem de Status do seu blog, faça o seguinte:

Procure por:

]]></b:skin>

Então cole o seguinte código ANTES:

.status-msg-wrap{display:none;}

Comentém!

Avatar

Tutorial: Como Mudar Cor De Fundo Blog

segunda-feira, 10 de outubro de 2011
0
É muito fácil trocar a imagem de fundo do seu blog. Mas devemos tomar um certo cuidado ao fazer isso para que o blog não se torne pesado demais ao ser acessado por internet lenta. 



1 - Procure a imagem que lhe interesse e baixe no seu computador

3 - Clique no álbum em que estão as imagens do seu blog [geralmente o álbum possui o mesmo nome que o blog]












No Blogger

    }




    }







background: url(ENDEREÇO DA IMAGEM) top center no-repeat;

background: url(ENDEREÇO DA IMAGEM) top left no-repeat;

background: url(ENDEREÇO DA IMAGEM) top center fixed no-repeat;

background: url(ENDEREÇO DA IMAGEM) repeat;

background: url(ENDEREÇO DA IMAGEM) repeat-y;

background: url(ENDEREÇO DA IMAGEM) repeat-x;

background: url(ENDEREÇO DA IMAGEMx-% y-% no-repeat top;
Escolhendo a imagem usada A maioria dos leitores está tendo problemas com a imagem. Vou explicar bem detalhado aqui como obter o endereço da imagem. 2 - Acesse o PICASAWEB [nele estão todas as imagens do seu blog, não delete nada!!!] 4 - Clique em "Adicionar fotos" 5 - Selecione a imagem que está em seu computador e clique em "Iniciar Upload". ...No navegador Firefox 6 -Acesse a imagem que você hospedou no Picasa. Clique sobre a imagem com o botão direito do mouse e clique em "Exibir imagem". [Obs: Existe um campo chamado Link para esta imagem, este link não funciona no blog] 7 - A imagem será mostrada sozinha no seu browser. Copie a url que está na barra de endereço do seu browser. Esta imagem será usada no código abaixo em ENDEREÇO DA IMGEM. ...no Internet Explorer Clique sobre a imagem com o botão direito do mouse e selecione PROPRIEDADE DA IMAGEM. Na janelinha que abriu, copie o URL da imagem. 1 - Abra a aba "Layout" do blog no "Painel" e clique em Editar HTML do blog, procure o código:  body {    background-color: $bgcolor;    margin: 0px;    padding: 0px;    font: $bodyfont;    color: $textcolor; Ele fica logo no começo do código HTML do seu blog, abaixo das variáveis do blog (lembrando que o código pode estar diferente do mencionado acima, porém se estiver depois de BODY, é esse mesmo!). 2 - Substitua todo o código acima por este aqui:body {    background: url (ENDEREÇO DA IMAGEM) no-repeat left top;    margin: 0px;    padding: 0px;    font: $bodyfont;    color: $textcolor; 3 - Substitua ENDEREÇO DA IMAGEM pelo endereço da sua imagem hospedada na internet.VISUALIZE O TEMPLATE antes de Salvar, se estiver OK, SALVE. Mais opções para a imagemAlgumas configurações, dependendo do tipo de imagem que você estiver usando. Se desejar uma das opções abaixo, basta substituir a linha  "background: url (ENDEREÇO DA IMAGEM) no-repeat left top;" pela mencionada abaixo. 1 - Imagem fica centralizada e não se repete: 2 - Imagem fica no canto direito da página e não se repete: 3 - Imagem fica fixa, centralizada, não se repete e não rola junto com a página: 4 - Imagem se repete por inteiro na página: 5 - Imagem se repete de cima pra baixo: 6 - Imagem se repete da esquerda pra direita: Pra finalizar, imagem que fica com uma distância do topo e da lateral (pode ser usado para ajustar o fundo com o conteúdo que está na frente, porém ficará um espaço vazio...use a criatividade! É isso aí galera! Espero que ajude. Qualquer dúvida, pergunte

Avatar

Código
 
By: Jorge ExplosionRenders
 
 
Avatar

Download Cógido
Avatar
      


Olá Glera Que Visitam o ExplosionRENDERS Venho Trazer AQUI Mais Um Tutorial

 1º vá em DesignElementos da página > Adicionar um Gadget> HTML/JavaScript. 

AGORÁ COLE O SEGUINTE CÓDIGO:

<a href="http://www.blogger.com/follow-blog.g?blogID=SEU ID"              style="display:scroll;position:fixed;top:10px;left:12px;" target="_blank" title="Clique Para Seguir NOME DO SEU SITE">
<img src="http://th1010.photobucket.com/albums/af230/daianepiva/th_seguir.png" /></a>
Pink: o ID do seu blog que e encontrado na barra de endereço.
Azul: nome do seu site quer que aparaça quando passar o mouse por cima.
Obrigado:
Créditos: ExplosionRenders
Avatar

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.

Créditos : Dicas para blogs

Avatar

Colocar Pop Up No Blog

quarta-feira, 5 de outubro de 2011
1

 Vamos então o que interessa:

 Popup número 1


Essa é a tradicional, é aberta assim que o visitante entra.
(cuidado se você tem "Leia mais" no blog. Poderá irritar o visitante)








<script>
msg = "AQUI SUA MENSAGEM"; //
alert(msg);
</script>





------------------------------*;*---------------------------
Popup número 2



Esse popup  já é totalmente customizável. e ela desliza pela página. Com este código você poderá trocar as cores de fundo, da borda, colocar mensagens, fotos, imagens variadas, mural de recados, vídeos e até mesmo anúncio do Adsense.
O código em amarelo é da imagem do x em vermelho, para troca-lo cole o endereço de sua imagem.



<!--ExplosionRenders Começo --->
<style type="text/css">
#topbar{
position:absolute;
border: 2px solid #000;/*cor da borda*/
padding: 10px;
margin: 2% 0 0 55%;
background-color: #ffffff;/*cor de fundo*/
width: 37%;
visibility: hidden;
z-index: 600;
}
</style>


<div id='topbar'>
<a href='' onclick='closebar(); return false'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDpL-e0w6dBpqiGbPPE-I61HwDZhVLJiBoSe2DtTJnZ7yOGEgyt1O2au9zv2I-vQsS4MCIukX1Yoi-UTbM4iCBBM-YnWRTMMBZ3qhXQ67mN1EyE6RAHGaJHvzBuXgLUbQm6Kk079bw6nw/s1600/icontexto-webdev-cancel-048x048.png" /></a><span style="font-size: 18px;"><b>AQUI COLOQUE O QUE QUISER. ANÚNCIOS, VÍDEOS, MENSAGENS, É SÓ COLAR OS CÓDIGOS AQUI
</script></b></span>
</div>

<script type="text/javascript">
var persistclose=0 // Se colocar o número 0 a janela abrirá novamente. O número 1significa que depois que a barra for fechada, permanecerá fechada
var startX = 20 // Tamanho horizontal
var startY = 5 // Tamanho vertical
var verticalpos="fromtop" // "fromtop" o "frombottom" define se vai em cima ou embaixo
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("topbar");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</script>
<!--ExplosionRenders Fim --->

Avatar

Tutorial: Como Adicionar Um Menu LavaLamp No Blog

segunda-feira, 3 de outubro de 2011
0
Para esse tutorial necessita de um pouco de conhecimento com o conteudo!
Obs: Não é Todos Os Templates Que Vão Dar certo

1° colocar antes de ]]></b:skin>

/* Styles for the entire LavaLamp menuExplosionRenders */
.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 ExplosionRenders*/
    .lavaLamp li {
        float: left;
        list-style: none;
    }
        /* Represents the background of the highlighted menu-item ExplosionRenders. */
        .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 ExplosionRenders. */
        .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;
}





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

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




Coloque abaixo de <body>  ouu aonde voce 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>


Avatar
Esse Efeito é muito simples, e funciona no Internet Explorer, 
Firefox, Chrome, 
Opera, Netscape, Safari, 
é um efeito muito util para imagens do seu site ou blog.
antes da tag ]]>


/*Opacidade Explosionrenders*/
img:hover {
filter: alpha(opacity=65);
opacity: 0.5;
}


Avatar

Tutorial Como Criar Um Avatar

sexta-feira, 30 de setembro de 2011
0
Muita gente me pergunta no Msn como criar um Avatar, é bem simples, basta entrar neste site:
http://faceyourmanga.com/faceyourmanga_eng.html
clicar em "Create" e personalizar seu avatar. quando terminar, basta clicar em finish. Lembrando Muito Gente Fala Que Ele Vai Pro Email , Mas é mentira!
Primeiro Vc Se Cadastra , Depois Vc Cria Seu Avatar...
Depois De Criar Prenche Com Nick , Email , Senha , E Vai Aparecer Uma Janela Com Seu AVatar , é sÓ Clikar e Salvar!
Qual QUe dÚVIDA OU Reclamações , Comente!
BY: §FELIPHE§
Deixe Comentários
Avatar
COM O BOTÃO DIREITO DO MAUSE CLICK NA STYLE


DEPOIS CLICK EM COPY LAYER STYLE !


DEPOIS DE COPIADO VA ATE SUAS STYLES 


NOS ESPAÇO EM BRANCO VOCÊ COLA A STYLE


E PRONTO SUA STYLE JA TA ESTALADA COM SOCESSO !


TUTORIAL BY: §FELIPHE§
DEIXE SEU COMENTARIO !


Template by : §Chriss§