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

sexta-feira, 1 de outubro de 2010

BCreate Wallpaper 011 + Tutorial


Descrição: Mais um brilhante wallpaper na minha opinião e tem uma brilhante resolução de 1900x1200. Neste post irei também ensinar a fazer um fundo com texturas como este wallpaper apresenta.Enjoy IT!
Nossa Avaliação Do Conteúdo:
Formato: .jpg
Screen:

Tutorial:
1º- você deve de escolher as tonalidades base do wallpaper e adicionar alguns efeitos com "gradients"..etc.
2º- você faz uma pesquisa no google por "textures" e escolhe uma que você goste.
3º- Este é o passo mais importante, por assim dizer, agora você aplica a textura sob o fundo base do wallpaper.
4º- Concluído o passo 3, você vai ver a imagem por cima do fundo e não vê o fundo. agora vem a parte em que você vai em: Layer Style > Blending Options > Blend mode > Multiply.
5º- Neste passo você já deve de visualizar o seu fundo com os pormenores da textura aplicada.
6º- Agora é só brincar um pouco com o Photoshop e arranjar maneira de fazer com que o wallpaper seja fantástico! ;)



sábado, 25 de setembro de 2010

Posts mais comentados


Descrição: Quem quer saber quem comentou mais no blog???
Nossa Avaliação Do Conteúdo:

Explicação:
Bom essa postagem explicará como você  colocar um gadget com as postagem mais comentadas do blog se quiser um exemplo eu vo mostrar-lo,
acesse esse blog:
http://testes-dan.blogspot.com/

Tutorial

1ºPasso: Adicione um novo gadget html/javascript.
2ºPasso: Adicione este codigo:
<script language="JavaScript">
aBold = false;
numposts=100;
maxshowresult=10;
home_page = "http://bcreate.net/";
</script>
<script src='http://acessoriosparablogs.com.br/scripts/postspopulares.js' type='text/javascript'></script>

3ºPasso: Caso queira 1 style pra os links, ai está:
<style type="text/css">
<!--
.maispop a{
text-decoration: none;
font-family: "Comic Sans MS";
font-size: 10pt;
color: #0000CC;
}
.maispop a:hover{
color: #000000;
}
-->
</style>
<span class="maispop">
<script language='JavaScript'>
aBold = false;
numposts=100;
maxshowresult=10;
home_page = "http://dicasparablogs.blogspot.com/";
</script>
<script src='http://acessoriosparablogs.com.br/scripts/postspopulares.js' type='text/javascript'></script>
</span>

quinta-feira, 23 de setembro de 2010

TOP 10 Semanal no Blog


Descrição: Como colocar o Widget de TOP 10 Semanal do Blog!

Basta Adiciona-lo em um HTML/Java Script e editar com seu gosto!

OBS: Esse codigo fica bem melhor em template branco! Com preto fica feio mais da pra colocar

Codigo:
<center><img src="http://img713.imageshack.us/img713/1130/top10g.png" />


<table style="width: 187px; height: 179px;" bgcolor="#e6e6e6" border="0" cellpadding="0" cellspacing="3">


  <tbody>


    <tr>


      <td bordercolor="black" bgcolor="#f7f7f7" width="100%"><font face="Geneva, Arial, Helvetica, sansserif" size="2"><font color="#ffffff">.<font color="#333333"><span style="font-family: Arial; color: rgb(72, 72, 72);"><span style="color: rgb(133, 104, 86); font-weight: bold;">01</span> <span style="color: rgb(153, 153, 153);">|</span></span></font><font face="Geneva, Arial, Helvetica, sansserif" size="2"><font color="#333333"><span style="color: rgb(153, 153, 153);"></span><font face="Geneva, Arial, Helvetica, sansserif" size="2"><font color="#333333">&nbsp;<a style="font-weight: bold; color: rgb(88, 88, 88);" href="Link do Post">Nome do Post </a></font></font></font></font></font></font></td>



    </tr>


    <tr>


      <td bordercolor="black" bgcolor="#e5e5e5" width="100%"><font face="Geneva, Arial, Helvetica, sansserif" size="2"><font color="#ffffff">.<font style="color: rgb(133, 104, 86); font-weight: bold;" color="#333333">02</font><font face="Geneva, Arial, Helvetica, sansserif" size="2"><font color="#333333"><span style="color: rgb(153, 153, 153); font-weight: bold;"></span><font face="Geneva, Arial, Helvetica, sansserif" size="2"><font color="#333333"> <span style="color: rgb(153, 153, 153);">|</span> <a style="font-weight: bold; color: rgb(88, 88, 88);" href="Link do Post">Nome do Post</a></font></font></font></font></font></font></td>


    </tr>


    <tr>


      <td bordercolor="black" bgcolor="#f7f7f7" width="100%"><font face="Geneva, Arial, Helvetica, sansserif" size="2"><font color="#ffffff">.<font color="#333333"><span style="font-family: Arial; color: rgb(72, 72, 72);"><span style="color: rgb(133, 104, 86); font-weight: bold;">03</span> <span style="color: rgb(153, 153, 153);">|</span></span></font><font face="Geneva, Arial, Helvetica, sansserif" size="2"><font color="#333333"><span style="color: rgb(153, 153, 153);"></span><font face="Geneva, Arial, Helvetica, sansserif" size="2"><font color="#333333">&nbsp;<a style="font-weight: bold; color: rgb(88, 88, 88);" href="Link do Post">Nome do Post </a></font></font></font></font></font></font></td>



    </tr>


    <tr>


      <td bordercolor="black" bgcolor="#e5e5e5" width="100%"><font face="Geneva, Arial, Helvetica, sansserif" size="2"><font color="#ffffff">.<font style="color: rgb(133, 104, 86); font-weight: bold;" color="#333333">04</font><font face="Geneva, Arial, Helvetica, sansserif" size="2"><font color="#333333"><span style="color: rgb(153, 153, 153); font-weight: bold;"></span><font face="Geneva, Arial, Helvetica, sansserif" size="2"><font color="#333333"> <span style="color: rgb(153, 153, 153);">|</span> <a style="font-weight: bold; color: rgb(88, 88, 88);" href="Link do Post">Nome do Post</a></font></font></font></font></font></font></td>


    </tr>


    <tr>


      <td bordercolor="black" bgcolor="#f7f7f7" width="100%"><font face="Geneva, Arial, Helvetica, sansserif" size="2"><font color="#ffffff">.<font color="#333333"><span style="font-family: Arial; color: rgb(72, 72, 72);"><span style="color: rgb(133, 104, 86); font-weight: bold;">05</span> <span style="color: rgb(153, 153, 153);">|</span></span></font><font face="Geneva, Arial, Helvetica, sansserif" size="2"><font color="#333333"><span style="color: rgb(153, 153, 153);"></span><font face="Geneva, Arial, Helvetica, sansserif" size="2"><font color="#333333">&nbsp;<a style="font-weight: bold; color: rgb(88, 88, 88);" href="Link do Post">Nome do Post </a></font></font></font></font></font></font></td>


    </tr>


    <tr>


      <td bordercolor="black" bgcolor="#e5e5e5" width="100%"><font face="Geneva, Arial, Helvetica, sansserif" size="2"><font color="#ffffff">.<font style="color: rgb(133, 104, 86); font-weight: bold;" color="#333333">06</font><font face="Geneva, Arial, Helvetica, sansserif" size="2"><font color="#333333"><span style="color: rgb(153, 153, 153); font-weight: bold;"></span><font face="Geneva, Arial, Helvetica, sansserif" size="2"><font color="#333333"> <span style="color: rgb(153, 153, 153);">|</span> <a style="font-weight: bold; color: rgb(88, 88, 88);" href="Link do Post">Nome do Post</a></font></font></font></font></font></font></td>


    </tr>


    <tr>



      <td bordercolor="black" bgcolor="#f7f7f7" width="100%"><font face="Geneva, Arial, Helvetica, sansserif" size="2"><font color="#ffffff">.<font color="#333333"><span style="font-family: Arial; color: rgb(72, 72, 72);"><span style="color: rgb(133, 104, 86); font-weight: bold;">07</span> <span style="color: rgb(153, 153, 153);">|</span></span></font><font face="Geneva, Arial, Helvetica, sansserif" size="2"><font color="#333333"><span style="color: rgb(153, 153, 153);"></span><font face="Geneva, Arial, Helvetica, sansserif" size="2"><font color="#333333">&nbsp;<a style="font-weight: bold; color: rgb(88, 88, 88);" href="Link do Post">Nome do Post </a></font></font></font></font></font></font></td>


    </tr>


    <tr>


      <td bordercolor="black" bgcolor="#e5e5e5" width="100%"><font face="Geneva, Arial, Helvetica, sansserif" size="2"><font color="#ffffff">.<font style="color: rgb(133, 104, 86); font-weight: bold;" color="#333333">08</font><font face="Geneva, Arial, Helvetica, sansserif" size="2"><font color="#333333"><span style="color: rgb(153, 153, 153); font-weight: bold;"></span><font face="Geneva, Arial, Helvetica, sansserif" size="2"><font color="#333333"> <span style="color: rgb(153, 153, 153);">|</span> <a style="font-weight: bold; color: rgb(88, 88, 88);" href="Link do Post">Nome do Post</a></font></font></font></font></font></font></td>



    </tr>


    <tr>


      <td bordercolor="black" bgcolor="#f7f7f7" width="100%"><font face="Geneva, Arial, Helvetica, sansserif" size="2"><font color="#ffffff">.<font color="#333333"><span style="font-family: Arial; color: rgb(72, 72, 72);"><span style="color: rgb(133, 104, 86); font-weight: bold;">09</span> <span style="color: rgb(153, 153, 153);">|</span></span></font><font face="Geneva, Arial, Helvetica, sansserif" size="2"><font color="#333333"><span style="color: rgb(153, 153, 153);"></span><font face="Geneva, Arial, Helvetica, sansserif" size="2"><font color="#333333">&nbsp;<a style="font-weight: bold; color: rgb(88, 88, 88);" href="Link do Post">Nome do Post </a></font></font></font></font></font></font></td>


    </tr>


    <tr>


      <td bordercolor="black" bgcolor="#e5e5e5" width="100%"><font face="Geneva, Arial, Helvetica, sansserif" size="2"><font color="#ffffff">.<font style="color: rgb(133, 104, 86); font-weight: bold;" color="#333333">10</font><font face="Geneva, Arial, Helvetica, sansserif" size="2"><font color="#333333"><span style="color: rgb(153, 153, 153); font-weight: bold;"></span><font face="Geneva, Arial, Helvetica, sansserif" size="2"><font color="#333333"> <span style="color: rgb(153, 153, 153);">|</span> <a style="font-weight: bold; color: rgb(88, 88, 88);" href="Link do Post">Nome do Post</a></font></font></font></font></font></font></td>


    </tr>


 
  </tbody>
</table></center>

Nossa Avaliação Do Conteúdo:

Screen: SCREEN

quarta-feira, 22 de setembro de 2010

Sombras em textos



Descrição: Aprenda a fazer sombras em texto bem legais!
Nossa Avaliação Do Conteúdo:


Tutorial:

1) Texto com sombra copie um dos códigos abaixo e cole numa página de postagem, em editar HTML:
Codigo 1: <p style="text-shadow: 5px 5px 7px lime;"> Texto aqui

EXEMPLO 1

Codigo 1: <span style="color: #000000; text-shadow: 3px 3px 5px #EC7AFC;"> Texto aqui
EXEMPLO 2


Codigo 2: <span style="color: #000000; text-shadow: 3px 3px 5px #C49BF5;"> Texto aqui
O que está marcado de vermelho é a cor da sombra! 





A Essencia Do Designer


Descrição: Pequeno Trecho Contendo Dicas Para o Novo Designer. Breve, Terei Que Fazer Um Livro, Contando Minha História De Vida e Assimiliando Tudo Que Sei De Photoshop e Outros Programas.
Nossa Avaliação Do Conteúdo:
Formato: .txt

Lista de Posts Relacionados


Descrição: Ta ae galera quem quiser uma lista de postagens ai está ;D
Nossa Avaliação Do Conteúdo:

Tutorial

1º:Entre na pagina layout.
 
2º: Adicione um gadget, html/javascript e cole esse código:
 <div id="random-posts"><script type="text/javascript">
quantidade = 5;
</script>
<script src="http://acessoriosparablogs.com.br/scripts/lista.js" type="text/javascript"></script>
<script src="/feeds/posts/summary?alt=json-in-script&callback=getRandomPosts&max-results=999" type="text/javascript"></script></div>
 
3º:Caso queira mudar a quantidade de postagem é so mudar esse numero 5 e pronto.

terça-feira, 21 de setembro de 2010

Slides com os posts Recentes


Descrição: Novo metodo dos posts recents
Nossa Avaliação Do Conteúdo:

Tutorial

1º:Adicione um gadget html/javascript.

2º:Coloque esse codigo:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript">
</script>
<script type="text/javascript">
$(document).ready(function(){
var first = 0;
var speed = 800;
var pause = 6500;

function removeFirst(){
first = $('ul#slide li:first').html();
$('ul#slide li:first')
.animate({opacity: 0.5}, speed)
.fadeOut('slow', function() {$(this).remove();});
addLast(first);
}
function addLast(first){
last = '<li style="display:none">'+first+'</li>';
$('ul#slide').append(last)
$('ul#slide li:last')
.animate({opacity: 1}, speed)
.fadeIn('slow')
}
interval = setInterval(removeFirst, pause);
});
</script>
<style type="text/css">
#slide{
height:150px;
width:360px;
overflow:hidden;
border: 1px solid #ccc;
margin: auto;
padding:5px;
}
#slide li{
margin: 10px 0 0 0;
list-style:none;
}
#slide .news-title{
display:block;
text-align: center;
line-height: 10px;
}
#slide img{
float:left;
margin-right:2px;
padding:10px;
border:solid 1px #ccc;
}
</style>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "URL IMAGEN 1";
showRandomImg = true;
tablewidth = 360;
cellspacing = 1;
borderColor = "";
bgTD = "#ffffff";
imgwidth = 120;
imgheight = 120;
fntsize = 16;
acolor = "#ff0000";
aBold = true;
icon = " ";
text = "no";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 12;
summaryColor = "#0000ff";
icon2 = " ";
numposts = 10;
label = "";
home_page = "http://www.bcreate.net";
</script>
<script src="http://acessoriosparablogs.com.br/scripts/slide.js" type="text/javascript"></script>

3º:Modifique o link da home page e o url da imagem (que é para caso a postagem não tenha imagem) e pronto acabo.