xTibia

.com
SR

Site Para Ot Server So Para Divulgação

Por srmadara, 12 de nov. de 2010 em Archived

tibia
otserv
script
18
6.2k
srmadaraS
12 de novembro de 2010 às 14:59

Tutorial Site apenas para divulgação

 

 

Site sem Account Maker apenas para divulgação

 

sitek.jpg



    •  
    • 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

 

imagem+1-blogger.png

 

 

Clique em Criar Blog

 

crie-nome-blogger.JPG

 

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

 

http://www.dahora.net

 

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

Natanael BeckmanN
12 de novembro de 2010 às 16:56

Legal seria com o acc maker ficaria da hora...

2 semanas depois...
JoazanJ
25 de novembro de 2010 às 23:09

Pior q eh verdade so falto ter account maker no site , creio q isso seja dificil nao impossivel mais falta

srmadaraS
26 de novembro de 2010 às 00:01

vou ver se consigo colocar account maker

caso consiga postarei aqui novo topico do mesmo site com account maker blz

6 meses depois...
milbradtM
17 de maio de 2011 às 00:22

Gostei Muito meo!! Show de Bola!!!

 

Mas sera que tem como adicionar rank la.. colokar imagens dos items e do lado explicações??

Vlw ae mesmo cara.. ja ta valendo Rep :button_ok:

 

Bom Trabalho!

1 mês depois...
merda12M
01 de junho de 2011 às 16:46

Não irei dar REP porque quando eu fasso meu site fica preto :*



Os outros nem testaram ainda e dizem, REP+ muito bom , aplausos...

 

Eu testei e não funcionou;

 

semdd.png

3 semanas depois...
BazzingaB
21 de junho de 2011 às 18:16

aff cara quie coisa feia

yumarcelY
22 de junho de 2011 às 13:22

verdadeeee !!

o site fica td preto ¬¬

1 mês depois...
TrileT
05 de julho de 2011 às 03:03

AFF O SITE FIKA TODO PRETO , TESTEM PRIMEIRO ANTES DE FALAR QUE FICOU BOM --'button_cancel.png

2 meses depois...
sadrakedruidS
15 de setembro de 2011 às 19:24

Por ser um blogger nao , há como adicionar um sistema de acc maker . nem rank , apenas texto/imagens ou plugins proprio do blogger e etc,

Editado Setembro 15 por sadrakedruid

1 mês depois...
BaiakZikB
24 de outubro de 2011 às 11:38

Eu Não Entendi Nada Disso Mas Mesmo Assim Obrigado Por Tentar Explica +Rep Ja Dei Ali!

 

Meus Trabalhos

 

http://www.xtibia.com/forum/topic/170408-mapa-baiak-com-vip3/

 

1 mês depois...
CastielRxC
04 de novembro de 2011 às 13:24

Bugou tudo o tema do meu fórum o tema ficou todo preto ¬¬

d05m02D
06 de novembro de 2011 às 11:07

muita gente reclamo mais ta tudo certo o site mais as img tão abreviadas, só precisa altera isso.

gostei da ideia do site mais poderia ser um pouco mais bonitinho kkk

REP +

2 semanas depois...
milbradtM
13 de novembro de 2011 às 23:21

Para os mlk que mal sabem fazer um otserver, obviamente ficou tudo preto mesmo, tentem fazer passo a passo primeiro.. depois voces reclamao!!! Antes de Postar e dar o REP + eu testei tudin.. e funcionou perfeitamente!!!

MatheussRgM
20 de novembro de 2011 às 22:28

Cara deu esse erro aqui

Não foi possível salvar o modelo

 

Corrija o erro abaixo e envie o seu modelo novamente.

Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.

Mensagem de erro em XML: Content is not allowed in prolog.

Fiz tudo como você mandou ali /\