Mostrando postagens com marcador tutoriais. Mostrar todas as postagens
Mostrando postagens com marcador tutoriais. Mostrar todas as postagens
1° ABRE AS STYLES EM PSD NO PHOTOSHOP
2° COM O BOTÃO DIREITO DO MAUSE CLICK NA STYLE
3° DEPOIS CLICK EM COPY LAYER STYLE !
4° DEPOIS DE COPIADO VA ATE SUAS STYLES
5° NOS ESPAÇO EM BRANCO VOCÊ COLA A STYLE
6° E PRONTO SUA STYLE JA TA ESTALADA COM SOCESSO !
Creditos: Baixe Renders
comenta awe ^^) não vai cair a sua mão
O Twitter se tornou uma grande fonte de divulgação de um blog/site. O comum agora é surgir novos gadgets para interar ainda mais esse serviço aos blogs.
O botão enviar para o twitter é um desses serviços. Ele fica disponível a todos os visitantes, assim se a pessoa gostar da matéria e quiser divulgar pelo twitter, o botão organiza tudo!
Antes de começar, recomendo que faça backup de seu template. Por segurança.
Vamos ao que interessa!
1º - Faça login no Blogger. Entre em “Layout” -> “Editar HTML”. Depois marque a caixa: “Expandir modelos de widgets”.
2º - Agora você deve escolher a opção de local onde vai ficar o widget e o tipo (completo ou compacto).
- Primeira Opção: Botão ao lado direito do título do post
<div class='post-header-line-1'/>Escolha a forma do botão abaixo e insira o código ACIMA do lugar encontrado:
ou
<div class='post-header-line-1'>
ou
<div id='post-header-line-1'/>
ou
<div id='post-header-line-1/>
• Para botão completo
<div style="float:right;padding:4px;">
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'Usuario_ Twitter';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
OU
• Para botão compacto
• Para botão compacto
<div style="float:right;padding:4px;">Agora edite a parte VERMELHA, colocando no lugar de Usuário_Twitter o nome de login do seu Twitter.
<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'Usuario_ Twitter';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
Exemplo: pauloestevao
Agora teste, se tudo estiver certo, salve.
- Segunda Opção: Botão abaixo da postagem
<div class='post-footer'>Cole o seguinte código DEPOIS:
ou
<div id='post-footer'>
• Para botão completo
<div style="float:right;padding:4px;">OU
<script type="text/javascript">
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'Usuario_ Twitter';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
• Para botão compacto
<div style="float:right;padding:4px;">Agora edite a parte VERMELHA, colocando no lugar de Usuário_Twitter o nome de login do seu Twitter.
<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_url = '<data:post.url/>';
tweetmeme_source = 'Usuario_ Twitter';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>
Exemplo: Design_Fera
Teste e Salve.
comenta awe ^^) não vai cair a sua mão
/* to top */
#toTop {
width:50px; /* Largura do botão * /
background: #FF0000; /* Cor do botão*/
border:1px solid #000; /* Cor da borda */
text-align:center; /* Alinhamento do texto */
padding:5px; /* Distancia entre texto e borda */
position:fixed; /* Posição que faz com que ele corra por toda a página*/
bottom:5px;
right:5px;
cursor:pointer;
color:#eee; /* Cor da letra */
text-decoration:none;
font-weight:700; /* Tamanho da letra */
-moz-border-radius:5px; /* Definições para o angulo do botão */
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
==========================================================================
Antes de </body>
<a href='#' id='toTop'>▲ Topo</a>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
/*-----------------------
* jQuery Plugin: Scroll to Top
* by Craig Wilson, Ph.Creative (http://www.ph-creative.com)
*
* Copyright (c) 2009 Ph.Creative Ltd.
* Description: Adds an unobtrusive "Scroll to Top" link to your page with smooth scrolling.
* For usage instructions and version updates to go http://blog.ph-creative.com/post/jquery-plugin-scroll-to-top.aspx
*
* Version: 1.0, 12/03/2009
-----------------------*/
$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}});
$(function() {
$("#toTop").scrollToTop();
});
</script>
1ª Passo- Proucure Por:
]]></b:skin>
E Cole o Código Acima De ]]></b:skin>:
CÓDIGO:
#bar-pay_size-Masters {
width:1000px;
margin:auto;
margin-top: 5px;
margin-left: 5px;
background:url(http://i.imgur.com/KbhSI.png) no-repeat;
height:45px;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:12px;
color:#FFF;
font-weight:bold;
text-align: center;
}
.page {
position: relative;
height: 51px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
padding-left: 100px;
margin:auto;
overflow: hidden;
text-align: center;
}
.page li {
float: left;
list-style: none;
}
.page li.back {
width: 9px; height: 50px;
z-index: 8;
position: absolute;
}
.page li.back .left {
background: url(http://i.imgur.com/ePVR8.png) no-repeat bottom center;
height: 51px;
margin-right: 0px;
margin-top:1px;
}
.page li a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-decoration: none;
color:#ccc !important;
text-shadow: #000 1px 1px;
outline: none;
text-align: center;
top: 10px;
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
padding:3px 15px 10px 15px;
margin: auto 0px;
}
.page li a:hover, .page li a:active, .page li a:visited {
border: none;
}
-------------------------------------------------------------------------------------------------------------------------------------
2ª Passo- Proucure Por:
</head>
E Cole o Código Acima De </head>:CÓDIGO:
<script src='http://alexxx-design.webs.com/script.js' type='text/javascript'/><script src='http://alexxx-design.webs.com/jquery-1.2.3.min.js' type='text/javascript'/>
<script src='http://alexxx-design.webs.com/jquery.easing.min.js' type='text/javascript'/>
<script src='http://alexxx-design.webs.com/menu20lavamp.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[/*
$(function() { $("#1, #2, #3").lavaLamp({ fx: "backout", speed: 700, click: function(event,menuItem) { return true;}});});
//]]>
</script>
<script type='text/javascript'>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-12328554-10']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
-------------------------------------------------------------------------------------------------------------------------------------
3ª Agora é uma Parte Dificil Proucure Por:
<div id='header-wrapper'
Ai em baixo de:
(</div>)
COLE ESTE CÓDIGO:
<div id='bar-pay_size-Masters'><ul class='page' id='2'>
<li class='current'><a href='/'>Home</a></li>
<li class='current'><a href='Seu Link aqui'>Parceria</a></li>
<li class='current'><a href='Seu Link Aqui'>Contato</a></li>
<li class='current'><a href='Seu Link Aqui'>Tutoriais</a></li>
<li class='current'><a href='Seu Link Aqui'>Designer</a></li>
<li class='current'><a href='Seu Link Aqui'>Templates</a></li>
<li class='current'><a href='seu Link aqui'>Equipe</a></li>
<li class='current'><a href='seu Link aqui'>Serviços</a></li>
</ul>
</div>
bom pessoal e isso se você gostou comente e vire um seguidor meu nome e lukas
Assinar:
Postagens
Teste Teste Teste
Postagens aleatória
Teste Teste Teste
Parceiros Link
Parceiros Prata
AINDA TEMOS 7 VAGAS!
Cbox - Deixe seu Recado
Parceiros
Estatísticas
