Dicas Blog Lojas

O PagSeguro é um sistema de pagamentos online que permite enviar e receber dinheiro pela internet. Sua grande vantagem para nós Webmasters é a capacidade de ser implantado em websites permitindo receber dinheiro de uma forma segura e prática tanto para o webmaster quanto para o visitante.

Com ele você pode implantar desde botões simples para compra de produtos separados, até sistemas de loja virtual completa, com carrinho de compras e tudo (é claro que isso exige um bom conhecimento sobre códigos para conseguir instalar o sistema no site).

Esta é uma excelente alternativa para quem deseja iniciar seu E-commerce, mas não dispõe de recursos para receber dinheiro diretamente por meio de cartões de crédito (você tem que pagar altas taxas e enfrentar uma burocracia muito grande) ou boleto (precisa de firma aberta).

Formas de pagamento
Seus visitantes poderão pagar seus produtos de diversas maneiras que são elas:

- Boleto Bancário
- Transferência Eletrônica: Bradesco, Itaú, Unibanco, Banco do Brasil, Banco Real, entre outros.
- Cartões de Crédito: Visa, MasterCard, Diners, Hipercard, American Express e Aura.

Creditos :

http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

/* Variable definitions
====================
type="color" default="#000" value="#000000">

type="color" default="#f6f6f6" value="#f6f6f6">

type="color" default="#F5DEB3" value="#ffffff">

type="color" default="#DE7008" value="#6C82B5">

type="color" default="#9E5205" / value="#ffffff">

type="color" default="#F5E39e" value="#F5E39e">

type="color" default="#9E5205" value="#6C82B5">

type="color" default="#777777" value="#000000">

type="color" default="#444444" value="#444444">

type="color" default="#DE7008" value="#FFBBE8">

type="color" default="#968a0a" value="#6C82B5">

type="color" default="#DE7008" value="#0066CC">

type="color" default="#B8A80D" value="#B8A80D">

type="color" default="#999999" value="#2D6E89">

type="color" default="#e0ad12" value="#32527A">

type="font"
default="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-Serif" value="normal bold 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-Serif">

type="font"
default="normal bold 150% Verdana,Sans-serif" value="normal bold 150% Verdana,Sans-serif">

type="font"
default="normal bold 105% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal bold 105% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif">

type="font" default="normal bold 300% Verdana,Sans-Serif" value="normal bold 300% Verdana,Sans-Serif">

type="font" default="normal bold 160% Verdana,Sans-Serif" value="normal bold 160% Verdana,Sans-Serif">
type="automatic" default="left" value="left">
type="automatic" default="right" value="right">
*/

body {
background: url(http://img200.imageshack.us/img200/3556/bvsteenstylepaper01.png) repeat;
margin:0px;
padding:0px;
color:$textcolor;
font-size: small;}
html {scrollbar-face-color: #1F345C;scrollbar-highlight-color: #1F345C;
scrollbar-darkshadow-color: #1F345C;scrollbar-track-color: #1F345C;scrollbar-arrow-color: #cc0000;scrollbar-shadow-color: #000000;}
#outer-wrapper { font:$bodyfont;}
a {color:$linkcolor;}
a:hover {color:$titlecolor;}
a img { border-width: 0;}
#content-wrapper {
padding-top: 0;
padding-$endSide: 1em;
padding-bottom: 0;
padding-$startSide: 1em;
}
a.readmore {
/* CSS properties go here */
}
@media all {
div#main {
background: url(http://img34.imageshack.us/img34/6720/image5abw.png) left repeat-y;
float:$endSide;
width: 48%;
margin-right: 60px;
padding-top:270px;
padding-right:0px;
padding-bottom:10px;
padding-left:45px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
div#sidebar {
background: url(http://img93.imageshack.us/img93/408/backpost.png) left repeat;
padding-top:280px;
margin-top: 0px;
margin-right:0px;
margin-bottom:0px;
margin-left:81px;
text-align:$startSide;
float: $startSide;
width: 33%;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
} }
@media handheld {div#main {float:none; width:70%; }
div#sidebar {padding-top:270px;padding-$endSide:7%;padding-bottom:10px;padding-$startSide:3%;} }
#navbar-iframe{height:0px}
div#navcontainer{position: fixed;width: 100%;font-family: arial;font-weight: bold;
background: url(http://img8.imageshack.us/img8/4131/backmenu.png);left: 0px;
margin: 0;padding: 15px;border: 0;}
div#navcontainer ul{
display: inline;margin: 0;padding: 0;list-style: none;border: solid 1px #808080;}
div#navcontainer h2
{border: solid 1px #cc0000;padding: 6px;text-align: left;}
div#navcontainer ul li{display: inline;margin: 0;}
div#navcontainer ul li a{color: #ffffff;
background: url(http://img31.imageshack.us/img31/5292/menubot.png);margin: 0;padding: 6px 8px 4px 8px;text-decoration: none;}
div#navcontainer ul li a:hover{background: url(http://img188.imageshack.us/img188/6114/menubothover.png);
border-bottom: solid 14px #ffffff;}
#header {
background: url(http://img200.imageshack.us/img200/4713/image1ok.png) repeat;
position: fixed;
width: 100%;
height: 250px;
padding-top:0px;
padding-$endSide:0px;
padding-bottom:0px;
padding-$startSide:0px;
margin-top:45px;
margin-$endSide:0px;
margin-bottom:0px;
margin-$startSide:0px;
}
*/
#headercontainer {
position: relative;
width: 1010px;
height: 200px;
margin: 0 auto; }
h1 a:link {
text-decoration:none;
color:$pagetitlecolor}
h1 a:visited {text-decoration:none;color:$pagetitlecolor}
h1,h2,h3 {margin: 0;}
h1 { padding-top:0px;padding-$endSide:0px;padding-bottom:10px;
padding-$startSide:5%;color:$pagetitlecolor;font:$pagetitlefont;letter-spacing:-2px; text-align: center;}
h3.post-title { color:$titlecolor;font:$titlefont;letter-spacing:-1px;}
.post {}
h2 {}
h3.post-title a,h3.post-title a:visited { color: $titlecolor;}
h2.date-header {margin-top:10px;margin-$endSide:0px;margin-bottom:0px;margin-$startSide:0px;color:$datecolor;font: $dateHeaderFont;}
h4 {color:#aa0033; }
#sidebar h2 { margin: 0.0em 0 .5em;padding: 4px 3px;
background: url(http://img200.imageshack.us/img200/9703/image12fpj.png) right top no-repeat;height: 60px; text-align: left;font-size: 110%;color:#000000;}
#sidebar .widget {margin-top:0px;margin-$endSide:0px;margin-bottom:33px;margin-$startSide:0px;padding-top:0px;padding-$endSide:0px;padding-bottom:0px;padding-$startSide:0px;font-size:95%; }
#sidebar ul {list-style-type:none;padding-$startSide: 0;margin-top: 0;}
#sidebar li {margin-top:0px;margin-$endSide:0px;margin-bottom:0px;margin-$startSide:0px;padding-top:0px;padding-$endSide:0px;padding-bottom:0px;padding-$startSide:0px;list-style-type:none;font-size:95%; }
.description {padding:0px;margin-top:7px;margin-$endSide:12%;margin-bottom:7px;margin-$startSide:5%;color:$descriptionColor;background:transparent;font:bold 100% Verdana,Sans-Serif;}
.post {margin-top:0px;margin-$endSide:0px;margin-bottom:30px;margin-$startSide:0px;}
.post strong {color:$textcolor;font-weight:bold; }
pre,code {color:$sidebarlinkcolor;}
strike {color:$sidebarlinkcolor;}
.post-footer {background: url(http://img32.imageshack.us/img32/4872/barraq.png) no-repeat;height: 90px;padding:30px;margin:0px;color:$footercolor;font-size:80%; }
.post-footer a {border:none;color:$footerlinkcolor;text-decoration:none; }
.post-footer a:hover {text-decoration:underline; }
#comment {padding:0px;font-size:110%;font-weight:bold;}
.comment-author { margin-top: 10px;}
.comment-body {font-size:100%;font-weight:normal;color:black; }
.comment-footer {padding-bottom:20px;color:$footercolor;font-size:80%;font-weight:normal;display:inline;margin-$endSide:10px }
.deleted-comment {font-style:italic;color:gray; }
.comment-link {margin-$startSide:.6em;}
.profile-textblock { clear: both;margin-$startSide: 0;}
.profile-img { float: $startSide;margin-top: 0;margin-$endSide: 5px;margin-bottom: 5px;margin-$startSide: 0;border: 2px solid $pagetitlebgcolor;}
#sidebar a:link {color:$sidebarlinkcolor;text-decoration:none; }
#sidebar a:active {color:#ff0000; text-decoration:none; }
#sidebar a:visited {color:sidebarlinkcolor;text-decoration:none; }
#sidebar a:hover {color:$sidebarcolor; text-decoration:none; }
.feed-links {clear: both;line-height: 2.5em;}
#blog-pager-newer-link {float: $startSide;}
#blog-pager-older-link {float: $endSide;}
#blog-pager { text-align: center; }
.clear { clear: both;}
.widget-content { margin-top: 0.5em;}
#footer-columna-contenedor {margin-top: 50px;clear:both;}
.footer-columna {padding: 20px;}
#col1{
background: url(http://img23.imageshack.us/img23/408/backpost.png) repeat;margin: 5px;padding: 5px;}
#col1 h2{margin: 0.0em 0 .5em;padding: 4px 3px;
background: url(http://img200.imageshack.us/img200/9703/image12fpj.png) right top no-repeat;height: 60px; text-align: left;font-size: 110%;color:#000000;}
#col2{background: url(http://img23.imageshack.us/img23/408/backpost.png) repeat;margin: 5px;padding: 5px;}
#col2 h2{margin: 0.0em 0 .5em;padding: 4px 3px;
background: url(http://img200.imageshack.us/img200/9703/image12fpj.png) right top no-repeat;height: 60px; text-align: left;font-size: 110%;color:#000000;}
#col3{
background: url(http://img23.imageshack.us/img23/408/backpost.png) repeat;margin: 5px;padding: 5px;}
#col3 h2{margin: 0.0em 0 .5em;padding: 4px 3px;
background: url(http://img200.imageshack.us/img200/9703/image12fpj.png) right top no-repeat;height: 60px; text-align: left;font-size: 110%;color:#000000;}
body#layout #outer-wrapper { margin-top: 0;}
body#layout #main,
body#layout #sidebar { margin-top: 10px;padding-top: 0;}
]]>