Mostrar mensagens com a etiqueta tutoriais blog. Mostrar todas as mensagens
teste do eddy
(Podem chamar burro, mas deve haver mais gente que tem o mesmo problema, eu abri esse link e fiquei olhando -.-, tem de dar um clique com o lado direito do mouse e vá em "Ver código-fonte" e então ai estará o código)
3º Troque os números pelo ID do seu blog e salve!
Para quem não sabe o ID do seu blog , veja a dica abaixo :
Primeiro, faça login no Blogger.
Então escolha o blog que você quer encontrar ID , e click em Design , depois disso é so olhar na sua barra de endereço .
3º Troque os números pelo ID do seu blog e salve!
Para quem não sabe o ID do seu blog , veja a dica abaixo :
Primeiro, faça login no Blogger.
Então escolha o blog que você quer encontrar ID , e click em Design , depois disso é so olhar na sua barra de endereço .
exemplo :
http://www.blogger.com/rearrange?blogID=2536010886627191920
Copie o ID e substitua :D
Este tutorial foi feito com base no Template Minima.
Antes de começar o tutorial recomendamos que faça um backup do seu template para não haver danos pois não nos responsablizaremos por eles.
Siga os passos abaixo para adiconar a coluna :D
1. Vá Editar HTML e procure pela tag:
<*div id='main-wrapper'>
2. Cole o codigo abaixo, acima dela.
<* center>
<*div id='main-wrapper'>
2. Cole o codigo abaixo, acima dela.
<* center>
<* table width="220" border="0" align="center" cellpadding="0" cellspacing="0">
<*tr>
<*th scope="col" background="link da imagem do titulo aqui"> <*/th>
<*/tr>
<*tr>
<*td background="link da imagem onde vai ficas as widets"><*b:section class='coluna' id='coluna' preferred='yes'><*/b:section> <*/td>
<*/tr>
<*tr>
<*td background="link da imagem do footer"> <*/td>
<*/tr>
<*/table>
<*/div>
<*/center>
#Substitua o valor a rosa pela largura total da suas imagens#
3. Procure pela tag:
]]><*/b:skin>
4. Cole o codigo abaixo, acima dela.
#coluna {
width: 220px;
float: left;
#coluna {
width: 220px;
float: left;
word-wrap: break-word;
overflow: hidden;
}
overflow: hidden;
}
#Substitua o valor a rosa pela largura da sua coluna#
#Mude a posição da coluna substituindo Left por Right#
5. Para caberem as colunas todas procure pela tag "outer-wrapper"
(exemplo abaixo)
e de seguida altere o valor de width para o valor da soma da largura das suas colunas.
#outer-wrapper {
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
width: 660px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}
Ps: Não se esqueça de retirar os asteriscos (*)
Espero ter sido util, fiquem bem!
Comente se gostou :D
Olá pessoal, o tutorial de hoje é para ensinar a bloquear o botão direito do mouse, siga os passos a baixo:
1. Faça o login no blogger e vá em Design > Editar HTML
1. Faça o login no blogger e vá em Design > Editar HTML
2. Aperte CTRL + F procure pela tag:
]]><*/b:skin*>
]]><*/b:skin*>
3.Logo abaixo insira o seguinte codigo:
<*script>
function click() {
if (event.button==2||event.button==3) {
oncontextmenu='return false';
}
}
document.onmousedown=click
document.oncontextmenu = new Function("return false;")
*>
<*script>
function click() {
if (event.button==2||event.button==3) {
oncontextmenu='return false';
}
}
document.onmousedown=click
document.oncontextmenu = new Function("return false;")
*>
4. Salve :D
Ps: Não se esqueça de retirar os asteriscos (*)
Bom o tutorial de hj é de como criar um domínio co.cc, siga os passos abaixo e vai ver que é muito simples :D
2° clique em Getting A New Domain . Escolha o nome do domínio e clique em "check availablity", se estiver disponível clique em "continue to registration", se não estiver tenta outro abaixo.
3º Clique em "domain settings".
3° Á frente do seu dominio estara escrito "Setup", clique.
4º Clique em "Please domain setup now".
5º Vai apareçer 3 opções, escolha a 3ª e preencha o formulário. Depois clique em setup, e já tem o seu domínio! :D
Ah algum tempo fiz tutorial como colocar rádio no xat, mas esqueci de fazer como colocar xat no blog então vamos a isso! :D
1º Entre em xat.com, não precisa criar conta.
2º Vai em "Make a chat box".
3º O tamanho pode ser ajustado nos botões “Small” (pequeno), “Medium” (médio) e “large” (grande), ou então pode mudar as medidas manualmente.
4º A background(imagem de fundo) pode ser uma imagem do próprio site ou então uma imagem personalizada do seu Photobucket (é preciso ter conta).
5º Se a chat box estiver do seu agrado, clique no botão “Update & Get Code” para gerar o código e depois copie-o.
5º Vá no seu blog vá em Layout> Adicionar um Gadget> HTML/JavaScript, se preferir cole no html de um post ou de uma página.
6º Aproveite o seu xat!
Olá pessoal! Hoje vou ensinar a guardar(Fazer Backup) do seu template, é muito simples, siga os passos asseguir:
1º Em Seu Painel, Clique Em Design>Editar HTML e clique em "Transferir modelo completo" que está no acima de carregar modelo... e depois é só baixar!
Espero ter sido útil!
É muito simples!
Basta seguir os passos asseguir:
1º vá em definições ou configurações(como estiver no seu painel do logger)>comentários>mensagem do formulario de comentarios
2º escrever as regras lá e salvar!
Tutorial by: Bcreate Tutoriais
Oi pessoal hj vou ensinar a colocar passarinho do twitter voando no blog.
É mto fácil, basta seguir as indicações abaixo:
É mto fácil, basta seguir as indicações abaixo:
Há duas maneiras de colocar:
1ª vá em Design>Adicionar widget>Html/Javascript e coloque o código abaixo:
<*script src="http://oloblogger.googlecode.com/files/tripleflap.js" type="text/javascript"><*/script> <*script type="text/javascript"> var birdSprite='http://oloblogger.googlecode.com/files/birdsprite.png'; var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span'); var twitterAccount = 'http://twitter.com/COLOCANDO SEU NOME DO TWITTER'; var twitterThisText =''; tripleflapInit(); <*/script>
2º vá em HTML procure por e coloque esse codigo antes dele:
<*script src="http://oloblogger.googlecode.com/files/tripleflap.js" type="text/javascript"><*/script> <*script type="text/javascript"> var birdSprite='http://oloblogger.googlecode.com/files/birdsprite.png'; var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span'); var twitterAccount = 'http://twitter.com/COLOCANDO SEU NOME DO TWITTER'; var twitterThisText =''; tripleflapInit(); <*/script>
Aonde esta escrito http://twitter.com/COLOCANDO SEU NOME DO TWITTER coloque seu twitter.
Obs: não se esqueça de retirar os * (asteríscos)
1º Cria o post quer que fique fixo, ou então, se já o tinha creado vai em Editar mensagens e clique em editar no post que você quer.
2º Vai em opções de mensagens e marca a opção agendado em, depois muda a data para um ano asseguir, um mês ou até ao tempo que você quer que fique fixo.
Explicação: Isso é como se você posta-se as mensagens todas antes daquela..(mais ou menos isso)
Isso normalmente é usado nas promoções para ficarem sempre a vista do usuário.
espero que gostem :D
Quer ter suas páginas do blog numeradas? Mto fácil, é só seguir os passos abaixo:
1- Vá em Design/Editar Html(sem marcar "Expandir modelos de widget")
2- Procure a tag:
]]>
3- Acima de um enter de espaço cole o código abaixo:
.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd;
}
.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;background: #ccc;
}
.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666;
text-decoration: none;
}
}
.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666;
text-decoration: none;
}
4- Agora guarde e depois procura pela tag:
5- Cole acima, com um enter de espaço o código seguinte:
<*script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Anterior';
var downPageWord ='Próxima';
<*/script>
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Anterior';
var downPageWord ='Próxima';
<*/script>
<*script src='http://dl.dropbox.com/u/3626153/scriptsdireto/Tutorial%20Para%20Tudo/pagenaviv202-min.js' type='text/javascript'><*/script>
6- Se quiser fazer alterações veja abaixo algumas indicações, se não guarde e aproveite :D
Obs: Não se esqueça de retirar os asteriscos(*) acima!
Pode mudar de acordo com seu blog:
var postperpage=7 - Mude o 7 para o número de artigos que devem aparecer em cada página.
var numshowpage=4 - Mude o 4 para o número máximo de páginas a aparecer em volta da página selecionada. Lembrando que no exemplo usando o 4, aparecerão duas de cada lado da página selecionada, sendo 6, aparecerão três de cada lado...
var numshowpage=4 - Mude o 4 para o número máximo de páginas a aparecer em volta da página selecionada. Lembrando que no exemplo usando o 4, aparecerão duas de cada lado da página selecionada, sendo 6, aparecerão três de cada lado...
Neste tutorial você adicionar um banner embaixo de cada post.
É muito fácil, basta seguir os passos abaixo:
1- Vá em Design/Editar Html e clique em expandir modelos de widget.
2- Procure pela tag
1- Vá em Design/Editar Html e clique em expandir modelos de widget.
2- Procure pela tag
<*/b:includable*>
ou
<*b:includable id='status-message'*>
3-Cole antes de: <*/b:includable*> o código do banner
<*b:includable id='status-message'*>
3-Cole antes de: <*/b:includable*> o código do banner
Ex:
<*div class='banner468'><*a href='seu link' target='_blank'><*img alt='Anuncie aqui!' border='0' src='imagem do banner'/><*/a>
<*/b:includable*>
<*b:includable id='status-message'*>
4- Salve e aproveite :D
Obs:Não se esqueça de tirar os asteriscos(*)
Você quer ter um contador de postagens igual a essse?!
E muito fácil só precisa de seguir os passos abaixo:
1-Faça o download do codigo:
2- Abra o painel do seu blogger e vá em Design > Adicionar Gadget > Html/javascript
3- Cole o código e aproveite!
Espero que tenham gostado do post :D
Hoje vou ensinar como colocar radio na página do xat, mto fácil basta seguir as instruções abaixo:
Como colocar rádio no xat:
Por ip:
Clique em Edit no canto superior direito do seu xat, coloque a senha do seu xat, clique em Submit, depois clique em Chat Box Settings desça ate Radio station e coloque o ip da radio e clique em Updade These Options.
Pelo player:
Clique em Edit no canto superior direito do seu xat, coloque a senha do seu xat, clique em Submit, desça a página em uma caixa preta, ali dentro coloque o código do player da radio e clique em Save changes.
Espero ter sido util.
Como colocar rádio no xat:
Por ip:
Clique em Edit no canto superior direito do seu xat, coloque a senha do seu xat, clique em Submit, depois clique em Chat Box Settings desça ate Radio station e coloque o ip da radio e clique em Updade These Options.
Pelo player:
Clique em Edit no canto superior direito do seu xat, coloque a senha do seu xat, clique em Submit, desça a página em uma caixa preta, ali dentro coloque o código do player da radio e clique em Save changes.
Espero ter sido util.
Se você precisa de fazer umas grandes alterações no seu blog vai querer oculta-lo, então convêm que deixe um aviso para que os seus visitantes não fiquem a pensar que o blog acabou, ou outras coisas....
Bom hoje vou ensinar isso tudo, é muito simples basta seguir as instruções abaixo:
e antes de :
<*/span>
Para que possamos então apresentar uma imagem de aviso, acrescente logo após (e antes do primeiro código):
<*center>
e substitua "URL_imagem" pelo link da sua imagem já hospedadaImageShack ou outros).
Aviso: Retire os asteriscos(*) a vermelho
Bom hoje vou ensinar isso tudo, é muito simples basta seguir as instruções abaixo:
Vá em Design / Editar HTML e coloque esta linha depois de :
<*span class="item-control blog-admin"> e antes de :
<*/span>
Para que possamos então apresentar uma imagem de aviso, acrescente logo após (e antes do primeiro código):
<*center>
e substitua "URL_imagem" pelo link da sua imagem já hospedadaImageShack ou outros).
Aviso: Retire os asteriscos(*) a vermelho
Neste tutorial vamos ensinar a fazer um contador de visitas como o da imagem acima, é só seguir os passos!
Primeiro passo: copie o código abaixo, apague os asteriscos a vermelho e altere as zonas a rosa com o endereço da sua imagem e o endereço código do contador de visitas.
<*div style="background:url(endereço da imagem) left no-repeat; height: 100px; width: 256px;"><*div style='float:left; padding-top:68px; padding-left:155px;'>código do contador de visitas<*/div><*/div>
Segundo passo: altere o "padding-top" e o "padding-left" (que são o posicionamento do contador) até conseguir a posição desejada, não se esqueça que o "padding-top" é 68 acima e o "padding-left" 155 á esquerda.
Terceiro passo: Aproveite o contador!
Original de: Dicas para Blogs
Terceiro passo: Aproveite o contador!
Original de: Dicas para Blogs
Este tutorial é muito fácil e engraçado, é só seguir os seguintes passos:
Passo Um: Entre no Google Tradutor.
Passo Dois: Nas duas caixas superiores, configure os idiomas para “alemão”.
Passo Três: Copie o texto que está logo abaixo e cole na caixa de texto (veja na imagem acima)
pv zk pv pv zk pv zk kz zk pv pv pv zk pv zk zk pzk pzk pvzkpkzvpvzk kkkkkk bsch
Passo Quatro: Agora é só clicar em “ouvir” e aproveitar a batida
Olá Pessoal? Hoje vamos aprender a colocar neve caindo no blog.
Vamos Começar:
Vá ao seu blog, clique em "DESIGN", EDITAR HTML, aperte CTRL F ou CTRL F3 (não sei como é seu pc mas o meu não da com CTRL F, por isso meto CTRL F3) e digite:
Não se esqueça de tirar os * (asteriscos) a vermelho
<*/head>
Abaixo de <*/head>, insira este código:
<*script src='http://www.yourjavascript.com/29407319462/Neve1.js' type='text/javascript'/*>
Visualize, se estiver tudo certo guarde e Pronto!
Gostou? comente! Não gostou? comente na mesma, pois percisamos de melhorar sempre.
Até à próxima!
Vamos Começar:
Vá ao seu blog, clique em "DESIGN", EDITAR HTML, aperte CTRL F ou CTRL F3 (não sei como é seu pc mas o meu não da com CTRL F, por isso meto CTRL F3) e digite:
Não se esqueça de tirar os * (asteriscos) a vermelho
<*/head>
Abaixo de <*/head>, insira este código:
<*script src='http://www.yourjavascript.com/29407319462/Neve1.js' type='text/javascript'/*>
Visualize, se estiver tudo certo guarde e Pronto!
Gostou? comente! Não gostou? comente na mesma, pois percisamos de melhorar sempre.
Até à próxima!
Subscrever:
Mensagens
