Tutorial Site apenas para divulgação
Site sem Account Maker apenas para divulgação
-
-
-
Vamos La Vo Ensinar a vocês como fazerem um web
-
site não é mais que um site é um blogger mais não da para saber que é blog por causa
-
do layout o formato e o link so para divulgação do seu server
-
sem Account Maker para aqueles que não gostam de Account Maker ( que não sou eu pois uso Gesior) ou desistiram de Fazer por Não Conseguir
-
Ou que querem apenas o site so para divulgar updates do seu server magias e items vips e etc.
- Primeiro Você Precisa Ter uma Conta Google
- acesse o site www.blogspot.com
-
loga na sua conta google
Clique em Criar Blog
No Titulo coloque o Nome do Seu Servidor do seu ot é lógico
Em Endereço do blog (URL) coloque o link que desejar esse sera mudado mesmo
Clique em Verificar Dispobinilidade é claro para ver se o link está disponivel
Depois Clique em Continuar
Escolha o Modelo Que Quiser de Layout e Clique em Continuar
Depois clique em Começar a usar o Blog
Agora ele vai cair na parte de inser postagem vamos pular essa parte você agora vai clicar em Design
Depois Clique Em Editar Html
Aperte CTRL + A e apague todo o codigo e coloque este
<?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 expr:dir='data:blog.languageDirection' 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>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Name: Srmichel
Author: Michael Bastos
URL: msn srmichel@xgoogle.com.br/
Date: Setembro 2010
License: Autorizado
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
/* 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="#58a" value="#5588aa">
<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="#c60" value="#cc6600">
<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:#000000 url(http://3.bp.blogspot.com/_u1lLXYtR-ow/SkPfPFuVTvI/AAAAAAAAA48/i86ugTGSzfk/s1600/bgr_main.png) repeat-x scroll 0 0;
color:#333333;
font-family:Georgia Serif;
font-size:small;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0;
text-align:center;
}
a:link {
color:#61882B;
text-decoration:none;
}
a:visited {
color:#61882B;
text-decoration:none;
}
a:hover {
color:#5588AA;
text-decoration:underline;
}
a img {
border-width:0;
}
#header-wrapper {
background:transparent url(http://img832.imageshack.us/img832/8027/bgrheader.jpg) no-repeat scroll 0 0;
height:188px;
margin:0 auto 0;
width:1000px;
}
#header-inner {
background-position:center center;
margin-left:auto;
margin-right:auto;
}
#header {
color:#FFFFFF;
padding-left:70px;
text-align:left;
}
#header h1 {
font-family:Georgia,Serif;
font-size:51px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0;
line-height:normal;
margin:0 auto;
padding:41px 20px 0;
text-transform:none;
}
#header a {
color:#FFFFFF;
text-decoration:none;
}
#header a:hover {
color:#FFFFFF;
}
#header .description {
color:#FFFFFF;
font-family:arial;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0.2em;
line-height:normal;
margin:0 5px 5px;
max-width:700px;
padding:0 20px 15px;
text-transform:none;
}
#header img {
margin-left:auto;
margin-right:auto;
}
#outer-wrapper {
font-family:arial;
font-size:100%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 auto;
text-align:left;
width:1000px;
}
#main-wrapper {
float:left;
margin-left:86px;
margin-top:30px;
overflow:hidden;
width:584px;
}
#sidebar-wrapper {
float:right;
font-family:arial;
font-size:14px;
margin-right:79px;
overflow:hidden;
width:229px;
}
h2 {
background:transparent url(http://2.bp.blogspot.com/_u1lLXYtR-ow/SkPa3nvWIzI/AAAAAAAAA30/9tlCLVGRamI/s1600/bgr_sidebars_h2.png) no-repeat scroll 0 0;
color:#FFFFFF;
font-family:arial;
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:41px;
letter-spacing:0;
line-height:1.4em;
margin:1.5em 0 0.75em;
padding-left:20px;
padding-top:7px;
text-transform:none;
}
h2.date-header {
margin:1.5em 0 0.5em;
}
.post {
margin:0.5em 0 1.5em;
padding-bottom:1.5em;
}
.post h3 {
color:#000000;
font-size:24px;
font-weight:normal;
line-height:1.4em;
margin:0.25em 0 0;
padding:0 0 4px;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
color:#000000;
display:block;
font-weight:bold;
text-decoration:none;
}
.post h3 strong, .post h3 a:hover {
color:#333333;
}
.post-body {
font-size:14px;
line-height:1.6em;
margin:0 0 0.75em;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
color:#999999;
font-family:georgia;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:italic;
font-variant:normal;
font-weight:normal;
letter-spacing:0;
line-height:1.4em;
margin:0 0 0.75em;
text-transform:none;
}
.comment-link {
margin-left:0;
}
.post img {
border:1px solid #CCCCCC;
padding:2px;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:0.75em 0;
}
#comments h4 {
color:#666666;
font-weight:bold;
letter-spacing:0.2em;
line-height:1.4em;
margin:1em 0;
text-transform:none;
}
#comments-block {
line-height:1.6em;
margin:1em 0 1.5em;
}
#comments-block .comment-author {
background:#AADD55 none repeat scroll 0 0;
border:1px solid #AADD55;
font-size:15px;
font-weight:bold;
margin-right:20px;
padding:5px;
}
#comments .blogger-comment-icon, .blogger-comment-icon {
background:#EEEEEE none repeat scroll 0 0;
border-color:#CCCCCC #CCCCCC #EEEEEE;
border-style:solid;
border-width:2px 1px 1px;
line-height:16px;
padding:5px;
}
#comments-block .comment-body {
border-left:1px solid #AADD55;
border-right:1px solid #AADD55;
margin-left:0;
margin-right:20px;
padding:7px;
}
#comments-block .comment-footer {
border-bottom:1px solid #AADD55;
border-left:1px solid #AADD55;
border-right:1px solid #AADD55;
font-size:11px;
line-height:1.4em;
margin:-0.25em 20px 2em 0;
padding:5px;
text-transform:none;
}
#comments-block .comment-body p {
margin:0 0 0.75em;
}
.deleted-comment {
color:gray;
font-style:italic;
}
#blog-pager-newer-link {
float:left;
}
#blog-pager-older-link {
float:right;
}
#blog-pager {
text-align:center;
}
.feed-links {
clear:both;
line-height:2.5em;
}
.sidebar {
color:#666666;
line-height:1.5em;
}
.sidebar ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
.sidebar li {
background:transparent url(http://2.bp.blogspot.com/_u1lLXYtR-ow/SkPbhs9ajuI/AAAAAAAAA38/wty5hfbXNfE/s1600/ico_cat.gif) no-repeat scroll left 4px;
line-height:1.5em;
margin:0;
padding:0 0 0.25em 15px;
}
.sidebar .widget, .main .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.main .Blog {
border-bottom-width:0;
}
.profile-img {
border:1px solid #CCCCCC;
float:left;
margin:0 5px 5px 0;
padding:4px;
}
.profile-data {
color:#999999;
font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
font-size:78%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:0.1em;
line-height:1.6em;
margin:0;
text-transform:uppercase;
}
.profile-datablock {
margin:0.5em 0;
}
.profile-textblock {
line-height:1.6em;
margin:0.5em 0;
}
.profile-link {
font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
font-size:78%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0.1em;
line-height:normal;
text-transform:uppercase;
}
#footer {
background:transparent url(http://3.bp.blogspot.com/_u1lLXYtR-ow/SkPb3Of5CxI/AAAAAAAAA4E/xLoSfT6L5x4/s1600/bgr_footer.png) no-repeat scroll 0 0;
height:198px;
overflow:hidden;
width:100%;
}
#footer_text {
color:#FFFFFF;
padding-left:0;
padding-right:0;
padding-top:132px;
text-align:center;
}
#footer_text p {
color:#FFFFFF;
font-size:13px;
padding:0 0 5px;
}
#footer_text a {
color:#FFFFFF;
text-decoration:underline;
}
#footer_text a:hover {
text-decoration:none;
}
#content-wrapper {
background:transparent url(http://4.bp.blogspot.com/_u1lLXYtR-ow/SkPdyyVveoI/AAAAAAAAA4M/kh1-Qt3udvo/s1600/bgr_body.png) repeat-y scroll 0 0;
}
#content-top {
background:transparent url(http://1.bp.blogspot.com/_u1lLXYtR-ow/SkPd7lxhglI/AAAAAAAAA4U/RMfhlJDGytU/s1600/bgr_body_top.png) no-repeat scroll 0 0;
}
#menu {
background:transparent url(http://2.bp.blogspot.com/_u1lLXYtR-ow/SkPeF_SVPbI/AAAAAAAAA4c/lvZCHoVgRHs/s1600/bgr_menu.png) no-repeat scroll 0 0;
height:85px;
width:100%;
}
#mainmenu {
float:left;
padding:16px 0 0 70px;
width:638px;
}
#mainmenu ul {
list-style-type:none;
margin:0;
padding:0;
z-index:1000;
}
#mainmenu ul li {
background:transparent url(http://1.bp.blogspot.com/_u1lLXYtR-ow/SkPewUiykGI/AAAAAAAAA4s/ULQX9hVHo6Q/s1600/bgr_menu_li.gif) no-repeat scroll left center;
color:#FFFFFF;
display:inline;
float:left;
font-family:Tahoma,Geneva,sans-serif;
font-size:15px;
padding:0 0 0 40px;
position:relative;
z-index:1000;
}
#mainmenu ul li.first {
background:transparent none repeat scroll 0 0;
padding:0;
}
#mainmenu ul li a {
color:#FFFFFF;
display:block;
height:20px;
padding:5px 10px;
z-index:1000;
}
* html #mainmenu ul li a {
display:inline-block;
float:left;
}
* html #mainmenu ul li ul li a {
float:none;
}
#mainmenu ul li a:link, #mainmenucat ul li a:visited {
text-decoration:none;
}
#mainmenu ul li a:hover, #mainmenu .current_page_item a, #mainmenu .select a {
background:#000000 none repeat scroll 0 0;
color:#FFFFFF;
text-decoration:none;
}
#mainmenu ul li ul {
background:#000000 none repeat scroll 0 0;
display:block;
left:0;
margin:0 0 0 41px;
padding:0 5px;
position:absolute;
visibility:hidden;
}
#mainmenu ul li ul li {
background:transparent none repeat scroll 0 0;
display:list-item;
float:none;
font-size:1em;
padding:0;
}
#mainmenu ul li ul li ul {
margin:0;
top:0;
}
#mainmenu ul li ul li a, #mainmenu ul li.current_page_item ul a, #mainmenu ul li.select ul a {
background:#000000 none repeat scroll 0 0;
border-bottom:1px dotted #666666;
border-top-width:0;
color:#999999;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
height:auto;
margin:0;
padding:7px 5px 7px 10px;
text-align:left;
text-decoration:none;
width:160px;
}
#mainmenu ul li ul li a:hover {
color:#FFFFFF;
text-decoration:none;
}
.widget-content {
padding-left:25px;
}
#header_rss {
float:right;
padding:64px 0 0;
width:168px;
}
]]></b:skin>
</head>
<body>
<div id='outer-wrapper'><div id='wrap2'>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title=' (Cabeçalho)' type='Header'/>
</b:section>
</div>
<div id='menu'>
<div id='mainmenu'>
<ul>
<li class='first current_page_item'><a href='link do dahora .net'>Inicio</a></li>
<li><a href='Link Do Post'>Editar 0</a></li>
<li><a href='Link do Post'>Editar</a></li>
<li><a href='Link Do Post'>Editar 2</a></li>
<li><a href='Link Do Post'>Editar 3</a></li>
</ul>
</div>
<div>
<form>
<div>
</div>
</form>
</div>
</div>
<div id='content-wrapper'>
<div id='content-top'>
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Visitantes' type='HTML'/>
</b:section>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
</div> </div> <!-- end content-wrapper -->
<div id='footer'>
<div id='footer_text'>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> All Rights Reserved. <br/>
<b><a href='http://www.deluxetemplates.net/'/> <a href='http://www.deluxetemplates.net/'/></b><br/>Srmichel <a href='http://webdesignlessons.com/'/> 2010 <a href='http://www.templatesblogger.net' title='Free Blogger Templates'> </a>
</div>
</div>
</div></div> <!-- end outer-wrapper -->
</body>
</html>
Agora Coloque esse codigo ae dentro e clique em salvar modelo
Ele vai perguntar se deseja manter widgets ou manter clique em excluir widgets
Depois Volte em Designe
vocês vão ver na lateral direita ali visitantes clique ali em editar
ira abrir uma janelinha em branco
adicione isso nela
depois agora caso você colocar um contador de visitas legal
eu aconselho esse site aqui http://www.histats.com/
entrem se cadastre escolha um contador
ele ira gerar o codigo ae basta você inserir embaixo do codigo
<img src="http://images.tibiabr.com/Imgs/Conteudo/criaturas/ferumbras.gif">
No Prórpio Blogger ja Tem várias ferramentas como enquetes etc e tals você pode ir inserindo na lateral do seu
site para ficar legal
ae depende do gosto de cada um
agora clique em visualizar blog para ver como esta ficando
=)
agora vamos la como Editar as paginas
(Editar 0 Editar Editar 2 Editar 3)
no codigo do site aperte CTRL +F procure por editar 0 agora mude editar 0 para o texto que quiser em link da postagem sera o link que o editar 0 que no caso que você alterou ira redirecionalo edite os outros tambem para o texto que quiser exemplo server info downloads update e etc
agora para você colocar links para eles
va no seu blogger e faça postagens com o desejado e coloque nos links de postagem de redirecionamento
pronto agora falta alterar o link .blogspot.com neh
vamos la
entre no site
em www. *************.dahora.net
bote o nome do seu ot e clique em registrar
Preencha os campos
No campo URl coloque o link da pagina inicial do seu blogger
ops para mudar no seu site aonde o inicio ta redirecionando basta ir no codigo la da CTRl F e vai ta la link do dahora.net pronto ae você bota o link que registrou no dahora.net
Muito Facil
Qualquer duvida é so postar aqui que vou esclarecer para vocês
Se meu topico estiver na seção errada por favor mude para outra seção para mim
Espero ter ajudado todos aqueles que não tinham site
Créditos 100% meu então se for postar em outro lugar fale comigo antes ok
