Template para blogger de vendas.
5 participantes
ProPixel :: Tecnologia & Jogos :: Programação :: Programação Web :: Webdesign :: Templates :: Blogger
- FiveMembro Raro
- Idade : 26
Posts : 461
Créditos : 5
Respeito : 7
PqP?
Warning :
Template para blogger de vendas.
Sex 15 Mar 2013, 15:30
Olá pessoal, hoje venho trazer um template para blogger de tráfego, ou seja um blogger de vendas.
HTML em código:
Espero que ajude Obrigado!
HTML em código:
- Código:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
|-------------------Creditos TheCreate.Net----------------------|
|---------------------------------------------------------------|
|Theme Name : Editavel |
|Author.....: propixelzinho |
|Url Author.: www.pro-pixel.net | |
|---------------------------------------------------------------|
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#ffffff">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#333333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#55a" value="#55aa61">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#666666">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#999999">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#00b" value="#00bc16">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#cccccc">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#999999">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#666666">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#999999">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/
/* Use this with templates/template-twocol.html */
body {
background:#ffffff;
margin:0;
color:#333333;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
a:link {
color:#1ecc47;
text-decoration:none;
}
a:visited {
color:#1ecc47;
text-decoration:none;
}
a:hover {
color:#00ff3c;
text-decoration:underline;
}
a img {
border-width:0;
}
/* Comments
----------------------------------------------- */
#comments {
background:transparent url(http://viniciusmendes-webdesingner.webs.com/Themes/SuperGames/Repeat-comments.png)repeat-y;
margin-top:10px;
margin-left:7px;
width: 553px;
}
#commnet-form, .comment-form{
margin: 0 auto;
}
#comments h4 {
margin:15px 25px 0px;
padding: 12px 40px 0px 0px;
font-weight: bold;
line-height: 1.4em;
text-transform:capitalize;
letter-spacing:0em;
color: #111;
text-align:right;
background: url(http://i49.tinypic.com/2q8q05y.jpg) no-repeat top right;
}
div.avatar-image-container {
margin:0px 0px 0px 13px; margin-top: -10px;
background:url(http://i49.tinypic.com/2q8q05y.jpg) no-repeat center center;
}
div.avatar-image-container img {
display:none;
margin:0px;
}
div.avatar-image-container img.delayLoad {
removido;
padding:0px;
margin:0px;
border:0px;
}
dt.comment-author {
padding-left:0px;
width: 388px;
margin: 0 13px 0 0px;
background: url() bottom repeat-x;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 7px 11px 7px 9px;
border: 1px solid #cfcfcf;
}
.comment-timestamp {
font-size:10px;font-weight:700;color:#bbb;margin:-4px;margin-right: 2px;
}
.comment-timestamp a:link, .comment-timestamp a:visited {
font-weight:normal;color:#bbb;font-style:italic;
}
#commentsHolder {
width: 500px;
}
div.avatar-image-container {
margin:0px 0px 0px 25px; margin-top: -10px;
background:url(http://www.execute.com.br/loja/images/no_picture.gif) no-repeat center center;
}
div.avatar-image-container img {
display:none;
margin:0px;
}
div.avatar-image-container img.delayLoad {
removido;
padding:0px;
margin:0px;
border:0px;
}
dt.comment-author {
padding-left:0px;
width: 388px;
margin: 0 13px 0 0px;
background: url(http://i49.tinypic.com/2q8q05y.jpg) bottom repeat-x;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding: 7px 11px 7px 9px;
border: 1px solid #cfcfcf;
}
.comment-timestamp {
font-size:10px;font-weight:700;color:#bbb;margin:-4px;margin-right: 2px;
}
.comment-timestamp a:link, .comment-timestamp a:visited {
font-weight:normal;color:#bbb;font-style:italic;
}
#commentsHolder {
width: 500px;
}
#comments-block a{
color:#333;
text-decoration:none;
}
#comments-block {
margin:1em 0;
line-height:1.5em;
padding:0 10px 15px 10px;
font-size: 11px;
margin-left: 8px;
margin-bottom:2px;
width: 410px;
-webkit-border-radius:6px;
}
#comments-block {
margin:.5em 0;
background:url(http://i49.tinypic.com/2q8q05y.jpg) no-repeat bottom left;
padding:14px 0px 3px 25px
}
#comments-block .comment-body {
font:12px Arial, Helvetica, sans-serif;
margin:.25em 0 0;
background:#f5f5f5;
}
#comments-block .comment-footer {
font-size: 11px;
margin:-.45em 0 2em;
line-height: 1.4em;
text-transform:capitalize;
letter-spacing:0;
}
.comment-footer a{
color:#666;
font-size: 12px;
margin-left:10px;text-decoration:none;}
#comments-block .comment-body p {
margin:0 0 10px 0;
padding: 10px;
background: transparent;
border: 1px solid #cfcfcf;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.deleted-comment {
font-style:bold;color:gray;
}
.comment-timestamp{
font-size: 11px;
float:right;
}
author-comments {
padding-left:0px;
padding-bottom:0px;
margin: 0 13px 0 0px;
background: url(http://viniciusmendes-webdesingner.webs.com/Themes/SuperGames/Text-comments.png) bottom repeat-x;
padding: 12px 11px 7px 9px;
}
.author-bg {
height:53px;
width:316px;
float:left;
font-family:'Verdana', Tahoma, Lucida Grande, Arial, sans-serif;
margin:1px 0 0 -5px;
padding:8px 0 0 16px;
background:url(http://viniciusmendes-webdesingner.webs.com/Themes/SuperGames/Author-bg.png) no-repeat;
line-height:13px;
}
#box-regras {
margin-top:20px;
font:bold 12px Arial,tahoma,Helvetica,sans-serif;
text-align: left;
}
/* end.WIDGET */
/* end.POST */
#conteudo{
width:565px;
float:left;
margin-left:35px;
}
.topo-post{
width:800px;
height:111px;
background:url(http://i.imgur.com/jH62X.png) no-repeat;
}
.post-date{
width:40px;
height:45px;
float:left;
font:bold 10px Arial, Helvetica, sans-serif;
color:#fff;
padding:21px 0px 0px 38px;
text-align:center;
}
.post-date span{
font:bold 27px Arial, Helvetica, sans-serif;
color:#000;
padding:23px 0px 0px 5px;
}
.conteudo-post{
width:800px;
height:109px;
background:url(http://i.imgur.com/IYjq9.png) repeat-y;
padding:0px25px 0px 0px;
}
.rodape-post{
width:800px;
height:111px;
background:url(http://i.imgur.com/IYjq9.png) no-repeat;
margin:0px 0px 25px 0px;
}
.rodape-post-i{
width:556px;
height:109px;
background:url() no-repeat;
margin:0px 0px 0px 0px;
}
.rodape-infos{
width:273px;
float:left;
padding:45px 0px 0px 55px;
display:inline;
}
.rodape-post-categoria{
text-align:left;
}
.rodape-post-categoria span{
font:bold 13px tahoma, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-align:left;
}
.rodape-post-categoria a{
font:bold 12px tahoma, Arial, Helvetica, sans-serif;
color:#000;
}
.rodape-post-categoria a:hover{
text-decoration:none;
}
.rodape-post-categoria{
font:11px tahoma, Arial, Helvetica, sans-serif;
color:#f78585;
}
div.entry-meta{
font:bold 11px tahoma, Arial, Helvetica, sans-serif;
color:#000;
text-align:left;
padding:3px 0px 0px 0px;
}
div.entry-meta span{
font:bold 13px tahoma, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
div.entry-meta a{
font:12px bold tahoma, Arial, Helvetica, sans-serif;
color:#000;
}
div.entry-meta a:hover{
text-decoration:underline;
}
div.contador-comentario{
width:115px;
display:inline;
float:right;
padding:43px 30px 0px 0px;
}
.contador-comentario span{
font:bold 13px tahoma, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
div.contador-comentario a{
font:9px tahoma, Arial, Helvetica, sans-serif;
color:#000;
}
div.contador-comentario a:hover{
text-decoration:underline;
}
h2.bg-post-blog{
padding:39px 0px 7px 10px;
width:344px;
height:47px;
removido;
text-align:left;
overflow:hidden;
}
h2.bg-post-blog a{
font:15px bold tahoma, Arial, Helvetica, sans-serif;
color:#FFFFFF;
width:344px;
height:47px;
removido;
}
/* end.POST */
/* POG EM MARCAÇÂO ANTIGA */
.blog-pager a{
font:bold 13px tahoma, Arial, Helvetica, sans-serif !removido
color:#000 !removido
}
.post-box-reply a{
font:18px tahoma, Arial, Helvetica, sans-serif !removido
color:#fff !removido
}
.post-box-reply a:hover{
text-decoration:underline;
}
.blog-pager a:link{
font:bold 13px tahoma, Arial, Helvetica, sans-serif !removido
color:#fff !removido
}
.blog-pager a:hover{
text-decoration:underline;
}
#header-wrapper{
width:0px;
height:0px;
overflow:hidden;
}
.BlogArchive #ArchiveList ul{
padding:0px 0px 0px 26px !removido
}
.BlogArchive #ArchiveList ul li{
margin:0px !removido
padding::0px 0px 0px 35px !removido
}
.BlogArchive #ArchiveList ul{
margin:0px !removido
padding::0px 0px 0px 35px !removido
}
.BlogArchive #ArchiveList ul li ul{
margin:0px !removido
}
.BlogArchive #ArchiveList ul li ul li{
margin:0px !removido
padding::0px !removido
}
.BlogArchive #ArchiveList ul li ul li ul{
margin:0px !removido
padding::0px !removido
}
.BlogArchive #ArchiveList ul li ul li ul li{
margin:0px !removido
padding::0px !removido
}
a abbr, a acronym{
text-decoration: none !removido
}
element.style{
margin:0px !removido
}
.linkwithin_outer{
width:480px !removido
height:225px !removido
margin:0px !removido
overflow:hidden !removido
}
.navbar, .blog-feeds, .post-feeds, .status-msg-wrap, .post-box-comments{
width:0px !removido;
height:0px !removido;
overflow:hidden !removido;
}
/* Começo.Catnav */
.catnav { position: relative; background:url(http://i47.tinypic.com/2ppdd9c.jpg) no-repeat ; height: 76px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding-left: 10px; margin:10px 0px 0 0px; margin:auto; overflow: hidden; } .catnav li { float: left; list-style: none; top: 22px; } .catnav li.back { background: url(http://turboperfeito.webs.com/photos/Fuzion-Designer/catnav.png) no-repeat right -38px; width: 9px; height: 38px; z-index: 8; position: absolute; } .catnav li.back .left { background: url(http://turboperfeito.webs.com/photos/Fuzion-Designer/catnav.png) no-repeat top left; height: 38px; margin-right: 7px; } .catnav li a { font:bold 12px tahoma !removido color:#000 !removido text-shadow: #ccc 1px 1px; outline: none; text-align: center; top: 28px; z-index: 10; display: block; float: left; height: 30px; position: relative; overflow: hidden; padding:3px 15px 10px 15px; margin: auto 0px; } .catnav li a:hover, .catnav li a:active, .catnav li a:visited { border: none; } /* Final.Catnav*/
}
]]></b:skin>
<link href='Seu Logo Aki' rel='shortcut icon'/>
<link href='http://turboperfeito.webs.com/griddler3.css' rel='stylesheet' type='text/css'/> <br/> <br/> <script src='http://turboperfeito.webs.com/griddler3.css' type='text/javascript'/> <script src='http://turboperfeito.webs.com/jquery-1.4.2.min.js' type='text/javascript'/> <script src='http://turboperfeito.webs.com/griddler3.js' type='text/javascript'/> <script src='http://turboperfeito.webs.com/html5.js' type='text/javascript'/>
</head>
<body>
<div id='geral'>
<ul class='catnav' id='1'> <li class='current'><a href='/'>Home</a></li> <li><a href='Seu Link Parceria Aki'>Anuncie Aki</a></li> <li><a href='Link http://blogdochips01.blogspot.com.br/p/cadastro.html'>Cadastro</a></li> </ul>
<div align='center' id='divprincipal' style='width:775; height:310; display: block'>
<div align='center' class='grid col5' id='griddler'> <div align='center' class='grid col5' id='griddler'>
<div class='grid col3' id='griddler_iii'>
<article class='first'>
<header>
<div class='top'>
<h1>Sistema grátis</h1>
<p><a class='button' href='http://SeuLink CadastroGratis.blogspot.com/'>Cadastrar</a></p>
</div>
</header>
<section>
<ul>
<li><strong>400</strong> Visitas por dia</li>
<li><strong>Leve e Seguro</strong> </li>
<li><strong>Com Codigo</strong></li>
<li class='tooltip-holder'><strong>200 </strong> Visitas minimas para participar
<div class='tooltip'>
<div>
<h3>Leia Isso</h3>
<p>Criamos Desing grátis,neste blogger http://grátisdesing.blogspot.com.br</p>
</div>
</div>
</li>
</ul>
</section>
<footer>
<div class='price'>
<p><strong>Gratuito</strong></p>
</div>
</footer>
</article>
<article class='selected'>
<header>
<div class='top'>
<h1>Sistema Premium</h1>
<p><a class='button' href='http://Seu Link Premium.blogspot.com/'>Cadastrar</a></p>
</div>
<hgroup class='popular'>
<h4>Mais Visitas!</h4>
</hgroup>
</header>
<section>
<ul>
<li><strong>4000 </strong> Visitas Por Dia</li>
<li><strong>Leve e Seguro</strong></li>
<li><strong>não usa Codigo </strong></li>
<li class='tooltip-holder'><strong>0 </strong> Visitas minimas para participar
<div class='tooltip'>
<div>
<h3>Leia Isso</h3>
<p>Fazemos desing de blogger por $3,50 , também recebps pagamento por moedas no habbo BR,Sistema de pagamento PagSeguro UOL</p>
</div>
</div>
</li>
</ul>
</section>
<footer>
<div class='price'>
<p><strong>R$30</strong> por mês</p>
</div>
</footer>
</article>
<article class='last'>
<header>
<div class='top'>
<h1>Protetor De Link</h1>
<p><a class='button' href='http://Seu Link protetor de links.blogspot.com/'>Cadastrar</a></p>
</div>
</header>
<section>
<ul>
<li><strong>400</strong> Visitas por dia</li>
<li><strong>Leve e Seguro</strong> </li>
<li><strong>Com Codigo</strong></li>
<li class='tooltip-holder'><strong>150 </strong> Visitas minimas para participar
<div class='tooltip'>
<div>
<h3>Leia Isso</h3>
<p>Fazemos desing de blogger por $3,50 , também recebps pagamento por moedas no habbo BR,Sistema de pagamento PagSeguro UOL</p>
</div>
</div>
</li>
</ul>
</section>
<footer>
<div class='price'>
<p><strong>Gratuito</strong></p>
</div>
</footer>
</article>
</div>
</div></div></div>
<!--BEGIN #SITE-->
<div id='site'>
<div id='logo'>
<div id='flash-topo'>
</div>
</div>
<!--BEGIN Descri��o do Blog
<p id="description">Downloads Gratis,Atualizado Diariamente !</p>
END Descri��o do Blog -->
<div id='menu'>
<div id='iten-menu'>
<ul>
</ul>
</div>
</div>
<div id='form'>
</div>
<div id='content-wrapper'>
<!-- begin.LATERAL ESQUERDA -->
<div id='lateral-esquerda'>
<b:section class='sidebar' id='sidebar' preferred='yes'/>
</div>
<div id='conteudo'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
</b:section>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'/>
<!-- end content-wrapper -->
</div> </div>
</div>
<!-- end outer-wrapper -->
<center>
<a href='http://TheCreate.BlogSpot.com' target='_blank'><img border='0' src='http://i.imgur.com/hoasn.png'/></a>
<a href='Seu Link' target='_blank'><img border='0' src='http://dl.removido.com/u/20350881/Theme%20Editavel%20001/Parceiro%20120%2060.png'/></a>
<a href='Seu Link' target='_blank'><img border='0' src='http://dl.removido.com/u/20350881/Theme%20Editavel%20001/Parceiro%20120%2060.png'/></a>
<a href='Seu Link' target='_blank'><img border='0' src='http://dl.removido.com/u/20350881/Theme%20Editavel%20001/Parceiro%20120%2060.png'/></a>
<a href='Seu Link' target='_blank'><img border='0' src='http://dl.removido.com/u/20350881/Theme%20Editavel%20001/Parceiro%20120%2060.png'/></a>
<a href='Seu Link' target='_blank'><img border='0' src='http://dl.removido.com/u/20350881/Theme%20Editavel%20001/Parceiro%20120%2060.png'/></a>
<a href='Seu Link' target='_blank'><img border='0' src='http://dl.removido.com/u/20350881/Theme%20Editavel%20001/Parceiro%20120%2060.png'/></a>
<a href='Seu Link' target='_blank'><img border='0' src='http://dl.removido.com/u/20350881/Theme%20Editavel%20001/Parceiro%20120%2060.png'/></a>
</center>
<img border='0' height='370' src='http://i.imgur.com/RMJSk.png' width='1010'/>
</body>
</html>
Espero que ajude Obrigado!
- covital
Membro VIP - Idade : 27
Posts : 2107
Créditos : 0
Respeito : 18
God damn asshole
Re: Template para blogger de vendas.
Sex 15 Mar 2013, 16:15
Ótimo, porém tópico "desorganizado".
Tá sem imagens, e o code podia ser em [code][/code], melhoraria o entendimento.
Tá sem imagens, e o code podia ser em [code][/code], melhoraria o entendimento.
- FiveMembro Raro
- Idade : 26
Posts : 461
Créditos : 5
Respeito : 7
PqP?
Warning :
Re: Template para blogger de vendas.
Sex 15 Mar 2013, 18:09
HatersGonnaHate escreveu:Ótimo, porém tópico "desorganizado".
Tá sem imagens, e o code podia ser em [code][/code], melhoraria o entendimento.
arrumado!
- covital
Membro VIP - Idade : 27
Posts : 2107
Créditos : 0
Respeito : 18
God damn asshole
Re: Template para blogger de vendas.
Sex 15 Mar 2013, 19:21
Propixelszinho escreveu:HatersGonnaHate escreveu:Ótimo, porém tópico "desorganizado".
Tá sem imagens, e o code podia ser em [code][/code], melhoraria o entendimento.
arrumado!
radical cara, mas cd as imgs?
E essa imagem sua? Foi eu q fiz ¬¬ isso é rip :troll:
- FiveMembro Raro
- Idade : 26
Posts : 461
Créditos : 5
Respeito : 7
PqP?
Warning :
Re: Template para blogger de vendas.
Sex 15 Mar 2013, 19:23
HatersGonnaHate escreveu:Propixelszinho escreveu:HatersGonnaHate escreveu:Ótimo, porém tópico "desorganizado".
Tá sem imagens, e o code podia ser em [code][/code], melhoraria o entendimento.
arrumado!
Sei lá tava pesquisando coisa do sopa pa nois e achei, ai gostei e coloquei no meu user. ´-
radical cara, mas cd as imgs?
E essa imagem sua? Foi eu q fiz ¬¬ isso é rip :troll:
- Ryan-HabboT
Membro Super Raro - Idade : 31
Posts : 569
Créditos : 0
Respeito : 1
. ' .Masonry .' .
Re: Template para blogger de vendas.
Dom 07 Abr 2013, 01:17
Cadê as imagens?
PS.: Ufa, ainda bem que não passou de 30 dias pra eu ser acusado de necro. u.u'
PS.: Ufa, ainda bem que não passou de 30 dias pra eu ser acusado de necro. u.u'
- Yonp
Membro - Posts : 69
Créditos : 0
Respeito : -11
ai fiu
Warning :
Re: Template para blogger de vendas.
Dom 07 Abr 2013, 07:55
Ryan-HabboT escreveu:Cadê as imagens?
PS.: Ufa, ainda bem que não passou de 30 dias pra eu ser acusado de necro. u.u'
Necro não é qnd passa de 30 dias e sim 2 meses
- Koily
Coordenador - Idade : 29
Posts : 4744
Créditos : 250
Respeito : 36
Foco, força e fé.
Warning :
Re: Template para blogger de vendas.
Dom 07 Abr 2013, 12:01
Tópico movido para: WebDesign ~~> Templates
- Conteúdo patrocinado
Re: Template para blogger de vendas.
Permissões neste sub-fórum
Não podes responder a tópicos
|
|