4 de nov de 2012

Código do lay + Explicações

Oi, oi, oi ♪ :3
Olá amores, esse é o meu terceiro layout free *3* bem, esse lay estava no meu blog pessoal Garota Bipolar e eu como mudei de layout, decidi disponibilizá-lo para vocês. C:
Antes de explicar o que o layout contém, darei umas breves explicações de como deve adaptá-lo ao seu blog.

MENU DESLIZANTE LATERAL

Assim que você instalar o layout, tecle ctrl + F e procure por "Nome do seu blog" e altere conforme o seu blog. Após isso, na parte de baixo, terão as opções do menu. Coloque o link e o nome de cada página onde , quando clicar, você será redirecionado.

CABEÇALHO

Antes de mais nada, vá em Layout > E edite o cabeçalho. Selecione a opção "Invés de nome e descrição", e coloque uma pequena imagem TRANSPARENTE para que ela não altere em nada da visualização. Após ter feito isso, procure no seu html por: http://2.bp.blogspot.com/-ItlZK8RI3Zo/UJZ5BtOop0I/AAAAAAAACcA/LumvNAgDcIA/s1600/7.png" E coloque no lugar, a imagem que você quer como cabeçalho. Eu fiz algumas, se você quiser, é só editar do seu gosto, e colocá-las.






Se você não quiser colocar a imagem transparente no cabeçalho, você pode exclui-lo. (: faça como achar melhor.
Agora, o que contém no layout:
- Blockquote personalizado.
- Negrito, itálico & sublinhado personalizados, com efeito hover.
- Tooltip personalizada.
- Post footer personalizado.
- Título do post personalizado.
- Links personalizados, sem sublinhado com efeito.
- Navbar oculta.
- Área dos comentários personalizada
- Gadgets personalizados, redondos, com sombra, bordas coloridas, separados e com título personalizado.
- Barra de rolagem colorida.
- Efeito hover e bordas arredondadas nas imagens.
- Início, postagem recente e antiga personalizadas.
- Leia mais personalizado.
- Data do post personalizada com efeito hover.
- Rodapé personalizado.
- Cabeçalho pelo HTML.
-Marcadores personalizados.
Acho que é só isso.
Gente, se vocês tiverem alguma dúvida de como instalar o lay, pfvr me avisem! Eu estarei tirando TODAS as dúvidas.
NUNCA, JAMAIS retire os créditos ok? u_u Eu tenho muitos ciumes desse layout. :c

Código do layout: <?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' 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'>
<link href='http://fonts.googleapis.com/css?family=Ranchers' rel='stylesheet' type='text/css'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><script language='JavaScript' src='http://dl.dropbox.com/u/35546279/qTip_pinkskulldesign.com_.js' type='text/JavaScript'/>
  <head>
<link href='http://naah-oliver.zip.net/menu2.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='http://poisonedapple.awardspace.us/tabber.js' type='text/javascript'/>

    <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
    <b:if cond='data:blog.isMobile'>
      <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
    <b:else/>
      <meta content='width=1100' name='viewport'/>
    </b:if>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>

    <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Travel
Designer: Sookhee Lee
URL:      www.plyfly.net
----------------------------------------------- */

/* Variable definitions
   ====================
   <Variable name="keycolor" description="Main Color" type="color" default="#539bcd" value="#cfd9f6"/>

   <Group description="Page Text" selector="body">
     <Variable name="body.font" description="Font" type="font"
         default="normal normal 13px 'Trebuchet MS',Trebuchet,sans-serif" value="normal normal 13px 'Trebuchet MS',Trebuchet,sans-serif"/>
     <Variable name="body.text.color" description="Text Color" type="color" default="#bbbbbb" value="#666666"/>
   </Group>

   <Group description="Backgrounds" selector=".body-fauxcolumns-outer">
     <Variable name="body.background.color" description="Outer Background" type="color" default="#539bcd" value="#cfd9f6"/>
     <Variable name="content.background.color" description="Main Background" type="color" default="transparent" value="#ffffff"/>
   </Group>

   <Group description="Links" selector=".main-outer">
     <Variable name="link.color" description="Link Color" type="color" default="#ff9900" value="#538cd6"/>
     <Variable name="link.visited.color" description="Visited Color" type="color" default="#b87209" value="#436590"/>
     <Variable name="link.hover.color" description="Hover Color" type="color" default="#ff9900" value="#ff9900"/>
   </Group>

   <Group description="Blog Title" selector=".header h1">
     <Variable name="header.font" description="Font" type="font"
         default="normal normal 60px 'Trebuchet MS',Trebuchet,sans-serif" value="normal normal 60px 'Trebuchet MS',Trebuchet,sans-serif"/>
     <Variable name="header.text.color" description="Text Color" type="color" default="#ffffff"  value="#000000"/>
   </Group>

   <Group description="Blog Description" selector=".header .description">
     <Variable name="description.text.color" description="Description Color" type="color"
         default="$(body.text.color)"  value="$(body.text.color)"/>
   </Group>

   <Group description="Tabs Text" selector=".tabs-inner .widget li a">
     <Variable name="tabs.font" description="Font" type="font"
         default="normal bold 16px 'Trebuchet MS',Trebuchet,sans-serif" value="normal bold 16px 'Trebuchet MS',Trebuchet,sans-serif"/>
     <Variable name="tabs.text.color" description="Text Color" type="color" default="#ffffff" value="#ffffff"/>
     <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#ffffff" value="#ffffff"/>
   </Group>

   <Group description="Tabs Background" selector=".tabs-outer .PageList">
     <Variable name="tabs.background.color" description="Background Color" type="color" default="transparent" value="#000000"/>
     <Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="transparent" value="#333333"/>
   </Group>

   <Group description="Date Header" selector=".main-inner h2.date-header">
     <Variable name="date.font" description="Font" type="font"
         default="normal normal 14px 'Trebuchet MS',Trebuchet,sans-serif" value="normal normal 14px 'Trebuchet MS',Trebuchet,sans-serif"/>
     <Variable name="date.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
   </Group>

   <Group description="Post Title" selector="h3.post-title a">
     <Variable name="post.title.font" description="Font" type="font"
         default="normal bold 20px 'Trebuchet MS',Trebuchet,sans-serif" value="normal bold 20px 'Trebuchet MS',Trebuchet,sans-serif"/>
     <Variable name="post.title.text.color" description="Text Color" type="color"
         default="#ffffff" value="#000000"/>
   </Group>

   <Group description="Post Background" selector=".column-center-inner">
     <Variable name="post.background.color" description="Background Color" type="color"
         default="transparent" value="transparent"/>
     <Variable name="post.background.url" description="Post Background URL" type="url" default="none" value="none"/>
   </Group>

   <Group description="Gadget Title Color" selector="h2">
     <Variable name="widget.title.font" description="Font" type="font"
        default="normal bold 14px 'Trebuchet MS',Trebuchet,sans-serif" value="normal bold 14px 'Trebuchet MS',Trebuchet,sans-serif"/>
     <Variable name="widget.title.text.color" description="Title Color" type="color" default="#ffffff" value="$(post.title.text.color)"/>
   </Group>

   <Group description="Gadget Text" selector=".footer-inner .widget, .sidebar .widget">
     <Variable name="widget.font" description="Font" type="font"
        default="$(body.font)" value="$(body.font)"/>
     <Variable name="widget.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
   </Group>

   <Group description="Gadget Links" selector=".sidebar .widget">
     <Variable name="widget.link.color" description="Link Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
     <Variable name="widget.link.visited.color" description="Visited Color" type="color" default="$(link.visited.color)" value="$(link.visited.color)"/>
     <Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#ffffff" value="#000000"/>
   </Group>

   <Group description="Sidebar Background" selector=".column-left-inner .column-right-inner">
     <Variable name="widget.outer.background.color" description="Background Color" type="color" default="transparent"  value="transparent"/>
     <Variable name="widget.border.bevel.color" description="Bevel Color" type="color" default="transparent"  value="#000000"/>
   </Group>

   <Variable name="body.background" description="Body Background" type="background"
       color="$(body.background.color)" default="$(color) none repeat-x scroll top center" value="#cfd9f6 url(//themes.googleusercontent.com/image?id=0BwVBOzw_-hbMZDgyZmJiZTMtNWUxNC00NjA1LWJhZWMtODc3ZWQwMzZiYjcz) repeat fixed top center"/>
   <Variable name="content.background" description="Content Background" type="background"
       color="$(content.background.color)" default="$(color) none repeat scroll top center" value="#ffffff url(//www.blogblog.com/1kt/travel/bg_container.png) repeat-x scroll top left"/>
   <Variable name="comments.background" description="Comments Background" type="background"
       default="#cccccc none repeat scroll top center" value="#cccccc none repeat scroll top center"/>

   <Variable name="content.imageBorder.top.space" description="Content Image Border Top Space" type="length" default="0" value="5px"/>
   <Variable name="content.imageBorder.top" description="Content Image Border Top" type="url" default="none" value="url(//www.blogblog.com/1kt/travel/bg_container.png)"/>

   <Variable name="content.margin" description="Content Margin Top" type="length" default="20px" value="20px"/>
   <Variable name="content.padding" description="Content Padding" type="length" default="20px" value="20px"/>
   <Variable name="content.posts.padding" description="Posts Content Padding" type="length" default="10px" value="10px"/>

   <Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"
       default="url(//www.blogblog.com/1kt/travel/bg_black_50.png)" value="none"/>
   <Variable name="tabs.selected.background.gradient" description="Tabs Selected Background Gradient" type="url"
       default="url(//www.blogblog.com/1kt/travel/bg_black_50.png)" value="none"/>
   <Variable name="widget.outer.background.gradient" description="Sidebar Gradient" type="url"
       default="url(//www.blogblog.com/1kt/travel/bg_black_50.png)" value="none"/>
   <Variable name="footer.background.gradient" description="Footer Background Gradient" type="url" default="none" value="none"/>
   <Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
       default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>
   <Variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff"  value="#ffffff"/>
   <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"/>
*/

/* Content
----------------------------------------------- */
body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
}

html body .region-inner {
  min-width: 0;
  max-width: 100%;
  width: auto;
}

:link {
color: #ff7fb2;     /* -------- COR DO LINK ----------*/
text-decoration: none;
-webkit-transition: color 0.7s ease-out;-moz-transition:
color 0.7s ease-out;transition: color 0.7s ease-out;
}

a:visited {
color: #FF6EB4;   /*------ COR DOS LINKS VISITADOS -----*/
text-decoration:none;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}

a:hover {
color: #dee3c8;    /*----- COR DOS LINKS AO PASSAR O MOUSE -----*/
text-decoration:none;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
  text-decoration:none;
}
.content-outer .content-cap-top {
  height:;
  background: ;
}

.content-outer {
  margin: 0 auto;
}

.content-inner {
  background: ;
  background-position:;
  background-color: ;
  padding: ;
}

.main-inner .date-outer {
  margin-bottom: 2em;
}

/* Header
----------------------------------------------- */
.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
  padding-left: 10px;
  padding-right: 10px;
}

.Header h1 {
  font: $(header.font);
  color: $(header.text.color);
}

.Header h1 a {
  color: $(header.text.color);
}

.Header .description {
  font-size: 130%;
}

/* Tabs
----------------------------------------------- */
.tabs-inner {
  padding: 0;
background: url(http://2.bp.blogspot.com/-ItlZK8RI3Zo/UJZ5BtOop0I/AAAAAAAACcA/LumvNAgDcIA/s1600/7.png) no-repeat;
background-position:left;
padding-top: 300px;
margin-top: -40px;
}

.tabs-inner .section {
  margin: 0;
}

.tabs-inner .widget ul {
  padding: 0;
  background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll top center;
}

.tabs-inner .widget li {
  border: none;
}

.tabs-inner .widget li a {
  display: inline-block;
  padding: 1em 1.5em;
  color: $(tabs.text.color);
  font: $(tabs.font);
}

.tabs-inner .widget li.selected a,
.tabs-inner .widget li a:hover {
  position: relative;
  z-index: 1;
  background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
  color: $(tabs.selected.text.color);

}
/* Headings
----------------------------------------------- */
h2 {
font: normal bold 14px 'Trebuchet MS',Trebuchet,sans-serif;
color: #000000;
}
.main-inner h2.date-header {
/* Personalização de data by Garota do Olhar Sincero */
font: arial; /* Fonte da Data */
color: #FFFAFA; /* Cor da Fonte */
margin-left: -65px; /* Alinhamento da Data , pode trocar para right se quiser na direita */
background: #FF6EB4; /* Fundo da data */
float: left; /* Se você mudou acima para right , mude aqui tambem */
font-size: 11px; /* Tamanho da Fonte */
padding: 4px;
-webkit-border-radius: 15px; */ Estilo, não mude */
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-transition-duration: .30s;
}
.main-inner h2.date-header:hover {
background: #dee3c8; /* Fundo quando o passa o mouse */
-webkit-transition-duration: .30s;
/* Fim da data personalizada, não reblogue ou pegue como base o código e credite se usar */
}
font: normal normal 14px 'Trebuchet MS',Trebuchet,sans-serif;
color: #666666;
}
.footer-inner .widget h2,
.sidebar .widget h2 {
padding-bottom: .5em;
}

/* Main
----------------------------------------------- */

.main-inner {
margin-top: -20px;
  padding: $(content.padding) 0;
}

.main-inner .column-center-inner {
  padding: $(content.posts.padding) 0;
margin-top: -28px;
}

.main-inner .column-center-inner .section {
  margin: 0 $(content.posts.padding);
}

.main-inner .column-right-inner {

}

.main-inner .fauxcolumn-right-outer .fauxcolumn-inner {

  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
}

.main-inner .column-left-inner {
}

.main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
  margin-right: $(content.padding);
  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
}

.main-inner .column-left-inner,
.main-inner .column-right-inner {
  padding: 15px 0;
}

/* Posts
----------------------------------------------- */
h3.post-title {
  margin-top: -15px;
border-bottom: 1px solid #FF6EB4;
text-align: center;
-webkit-transition-duration: .30s;
}
.post-header, .dados {
border-bottom: solid 1px #FF6EB4; /*cinza*/
padding: 1px 0 1px 12px; /*espaço topo direita baixo esquerda/*
margin: 0;
border-bottom: solid 1px #000000; /*cinza*/
text-align: center;
}
h3.post-title a {
text-align: center;
font-family: 'Ranchers', cursive;
color: #FF6EB4;
font-size: 25px;
-webkit-transition-duration: .30s;
}
h3.post-title a:hover {
letter-spacing: 3px;
text-align: center;
color: #dee3c8;}
.post-outer {
margin: 4px 2px 30px;
background:#fffff;
padding: 10px 10px;
background:#ffffff;
border-left: 2px solid #FF6EB4;
border-right: 2px solid  #dee3c8;
border-top:2px solid #FF6EB4;
border-bottom: 2px solid #dee3c8;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-family: Arial;
color: #000000;
font-size: 12px;
}
body, html {
 height: 300px;
 margin: 0;
 padding: 0;  }

body {
 font: $(body.font);
color: $(body.text.color);
background: url("http://media.tumblr.com/tumblr_lzz40xECSN1r3wscg.png") repeat; }

.post-header {
margin: 0 0 1em;
line-height: 1.6;
}
.post-footer {
margin: .5em 0;
line-height: 1.6;
}
#blog-pager {
font-size: 140%;
}

/* Comments
----------------------------------------------- */
#comments a {
  color: $(post.title.text.color);
}

.comments .comments-content .icon.blog-author {
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
}

.comments .comments-content .loadmore a {
  border-top: 1px solid $(post.title.text.color);
  border-bottom: 1px solid $(post.title.text.color);
}

.comments .comment-thread.inline-thread {
  background: $(post.background.color);
}

.comments .continue {
  border-top: 2px solid $(post.title.text.color);
}


/* Widgets
----------------------------------------------- */
.sidebar .widget {
border-bottom: 2px solid transparent;
padding-bottom: 10px;
margin: 10px 0;
background: #ffffff;
border-left: 2px solid #FF6EB4;
border-right: 2px solid  #dee3c8;
border-top:2px solid #FF6EB4;
border-bottom: 2px solid #dee3c8;
padding: 4px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: 1px 3px 15px 2px #ccc; /*---- sombra da caixa ----*/
}
.sidebar .widget:first-child {
margin-top: 0;
}
.sidebar .widget:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.footer-inner .widget,
.sidebar .widget {
font: normal normal 13px 'Trebuchet MS',Trebuchet,sans-serif;
color: #666666;
}
.widget .zippy {
color: #000000;
}
.footer-inner {
background: transparent none repeat scroll top center;
}

/* Mobile
----------------------------------------------- */
body.mobile  {
  padding: 0 10px;
  background-size: 100% auto;
}

body.mobile .AdSense {
  margin: 0 -10px;
}

.mobile .body-fauxcolumn-outer {
  background: $(mobile.background.overlay);
}

.mobile .footer-inner .widget a:link {
  color: $(widget.link.color);
  text-decoration: none;
}

.mobile .footer-inner .widget a:visited {
  color: $(widget.link.visited.color);
}

.mobile-post-outer a {
  color: $(post.title.text.color);
}

.mobile-link-button {
  background-color: $(link.color);
}

.mobile-link-button a:link, .mobile-link-button a:visited {
  color: $(mobile.button.color);
}

.mobile-index-contents {
  color: $(body.text.color);
}

.mobile .tabs-inner .PageList .widget-content {
  background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
  color: $(tabs.selected.text.color);
}

.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
  border-$startSide: 1px solid $(tabs.selected.text.color);
}

.post img {
cursor:crosshair;
transition-duration: 1s;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.post img:hover{
opacity: 0.7;
}

.sidebar h2 {
background:#dee3c8;
-webkit-border-radius: 20px;
padding: 5px 0px 0px 18px;
border-right: 5px solid #FF6EB4;
border-left: 5px solid #FF6EB4;
height: 25px;
margin-bottom: 15px;
text-align: center;
color: #000000;
-webkit-transition-duration: .30s;
}
.sidebar h2:hover {
text-shadow:0 2px 2px #dee3c8;
letter-spacing: 3px;
-webkit-transition-duration: .30s;
text-align: center;
}

b {color: #FF6EB4; text-decoration: none; cursor: crosshair; -webkit-transition-duration: .70s; } /* Estilo do negrito */
b:hover {
color: #dee3c8;
text-decoration: none;
cursor: crosshair;
-webkit-transition-duration: .70s;} /* Estilo hover do negrito */
i {color: #dee3c8; text-decoration: none; cursor: move; -webkit-transition-duration: .70s;}
/* Estilo do italico */
i:hover {color: #FF6EB4; text-decoration: none; cursor: move; -webkit-transition-duration: .70s; } /* Estilo hover do italico */
u {color: #000000; text-decoration: none;
border-bottom: 1px dashed #dee3c8; cursor: help; -webkit-transition-duration: .70s;}/* Estilo do sublinhado */
u:hover {color: #000000; text-decoration: none; border-bottom: 1px solid #FF6EB4; cursor: help; -webkit-transition-duration: .70s;} /* Estilo hover do sublinhado */
}

/* Blockquote
----------------------------------------------- */
blockquote:hover {
border-left: 10px solid #FF6EB4; /* cor da borda quando passa o mouse */
background-color: #FFFFFF; /* fundo do blockquote */
padding: 10px;
font-size: 11px; /* tamanho da letra */
color: #5c5c5c; /* cor da letra */
text-align: left; /* alinhamento do texto */
box-shadow: inset 0px 0px 0px 12px #ccc; /* cor da sombra que fica ao redor */
-webkit-transition-duration: 1.50s;
}
blockquote {
border-left: 10px solid #dee3c8; /* cor da borda quando passa o mouse */
background-color: #FFFFFF; /* fundo do blockquote */
padding: 10px;
font-size: 11px; /* tamanho da letra */
color: #5c5c5c; /* cor da letra */
text-align: left; /* alinhamento do texto */
box-shadow: inset 0px 0px 12px #ccc; /* cor da sombra que fica ao redor */
-webkit-transition-duration: 1.50s;
}

::-webkit-scrollbar {width: 5px; height: 4px; background: #FF6EB4; }
::-webkit-scrollbar-thumb { background: #dee3c8;-webkit-border-radius: 10px; -moz-border-radius: 5px; border-radius: 5px; }

/**=========== AREA GERAL DOS COMMENTS ===========**/
.comments{
width: 95% !important; /* largura da caixa de postagem, se sair pra fora do post diminua*/
margin:0 auto;
font-style: normal !important;
font-size: 12px !important;
font-family: verdana !important;
background: url(http://1.bp.blogspot.com/-IOw455ilvZg/UCxN-il3j_I/AAAAAAAAWSg/VJyQPixBeWw/s320/fundos-para-blogs--photoscape-ilustra%C3%A7%C3%B5es-cabe%C3%A7alho--lomo-lomografia-coloridas--tumblr-post-ilustra%C3%A7%C3%A3o-postagem+eua+styles+thataschultz014.jpg) !important; /* fundo dos comentários - se desejar coloque outro background (trocando a url) */
border-radius: 10px; /* bordas arredondadas no fundo- se não quiser apague essa linha */
box-shadow:0 0 5px #aaa; /* sombra na caixa do fundo - se não quiser apague essa linha */
}
/**== HEADING DOS COMMENTS (1 comentario, 2 comentários...) ==**/
.comments h3,.comments h4{
width: 98%;
padding: 7px;
margin: 10px 0 !important;
color: #dee3c8 !important; /* cor da fonte */
text-align: center; /* alinhamento */
text-shadow:0 0 2px #ccc; /* sombra &#8211; se não quiser apague essa linha */
font-family:'Dancing Script' !important; /* fonte - se preferir troque */
font-size: 37px !important; /* tamanho do texto - se preferir troque */
}
/**= BLOCO DOS COMMENTS (engloba: botões, avatar, data, icone...) =**/
.comments .comment-block {
position:static !important; /* mantém o avatar na frente do bloco - não mude */
background: #FFFFFF; /* cor do fundo da caixinha dos comentários */
margin-left: 23px;
padding: 0 15px 0 23px;
border-top: 15px #dee3c8 solid; /* borda encima da caixinha de comentário */
border-radius: 5px; /* bordas arredondadas */
box-shadow:0 0 3px #ccc, inset 0 0 11px #eee /* sombra na caixinha &#8211; apague se não quiser */
}
.comments .comments-content .comment {
padding:20px 10px !important;
margin-bottom:15px !important
}
/* estilos para o nome do autor do comentário */
.comments .comments-content .user a{
font-style:normal;
border:0;
color: #FF6EB4 !important; /* cor da fonte do nome de quem comenta */
letter-spacing: 1px;
font-family:'Dancing Script'; /* fonte do nome de quem comenta */
font-size: 26px; /* tamanho da fonte */
text-shadow:1 1px #aaa; /* sombra na fonte do nome */
background: transparent;
padding: 4px 36px;
margin-left:-31px !important;
border-bottom-right-radius:10px;
margin-top:-2px
}
.comments .comments-content .user{
font-style:normal;
border:0;
color: #dee3c8!important;
letter-spacing:1px;
font-family:'Dancing Script';
font-size: 26px;
text-shadow: 0 1px #aaa;
background: transparent;
padding: 4px 36px;
margin-left: 11px !important;
border-bottom-right-radius:10px;margin-top:-2px
}
/*Nome do autor do comentário hover*/
.comments .comments-content .user a:hover {
text-decoration:none !important;
color: #dee3c8 !important; /* cor do nome do autor do comentário quando passa o mouse */
}
/* estilo da data */
.comments .comments-content .datetime a{
background: none !important;
font-family: times new roman; /* fonte - mude se desejar */
float: right; /* posicionamento */
font-size: 12px; /* tamanho da fonte da data */
color: #fff !important; /* cor da data */
border:0 !important;
margin-top: -15px; /*aumente/diminua o nº para mover a data &#8211; negativo sobe e positivo desce*/
}
/* estilo do avatar */
.avatar-image-container {
min-width: 60px; /* determina um mínimo de largura */
min-height: 60px; /* determina um mínimo de altura */
padding:0 !important;
margin-left: 30px!important; /*aumente/diminua o nº para mover o avatar p/ os lados */
margin-top: 20px !important; /*aumente/diminua o nº para mover p/ cima/baixo */
position: absolute !important;
overflow: hidden !important;
background: #fff;
}
.avatar-image-container img {
border: 3px #FF6EB4 solid; /* borda do avatar */
margin:0;
max-height: 48px;
min-height: 48px;
max-width: 48px;
min-width: 48px;
}
.comments p{
font-size: 14px !important; /* tamanho da fonte do comentário */
font-family: Times new roman !important; */ fonte do comentário */
text-shadow: 0 1px #eee !important; /* sombra na fonte */
padding-left: 55px !important;
padding-bottom: 20px;
color: #000000 !important /* cor do texto */
}
/* botão responder do segundo nível */
.comments .continue a {
background: #dee3c8 !important; /* cor do fundo */
color: #fff !important; /* cor da fonte */
float: right; /* posicionamento */
padding: 8px !important;
height: 10px !important;
line-height: 15px !important;
margin-top: -35px !important;
}
/* botão responder do primeiro nível, mais estilos para o botão do segundo nível */
.comments .comment .comment-actions a,.comments .continue a {
font-size: 11px !important;
float: right;
height: 10px !important; /* altura do botão */
color: #fff !important; /* cor da fonte */
padding: 6px;
border: 0 !important;
line-height: 10px;
margin: 5px;
margin-left: 40px;
font-family: helvetica; /* fonte - mude se desejar*/
text-shadow: 0 0;
border-radius: .5em; /* bordas arredondadas */
background: #FF6EB4; /* cor do fundo */
font-weight: 800;
box-shadow: 0 1px 2px #666 /* sombra no botão - apague a linha se não quiser */
}
/* botão hover*/
.comments .comment .comment-actions a:hover {
text-decoration:none !important;
background: #dee3c8; /* cor do fundo do botão hover */
}
/* estilos para bloco de respostas */
.comments .comment-thread.inline-thread {
background-color: transparent !important;
margin-top: 40px;
padding: 0.5em 1em;
border-radius: 5px; /* bordas arredondadas &#8211; apague a linha se não quiser */
}
.comments .comments-content .comment-replies {
margin-top:1em;
margin-left:56px !important
}
.comments .continue {border-top:0 !important}
.comments .thread-toggle,.icon.blog-author {display:none !important}
/**======= Fim [candylland.org] [goimagines.blogspot.com] =======**/

.menuam {
width: 185px;
padding: 13px;
height: 100%;
border-right: 8px solid #cbd6df;
background: #efefef;
color: #;
top: 0;
margin: 0;
position: fixed;
left: -200px;
height: 100%;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; overflow: hidden; cursor: default; font-weight: normal;  z-index: 12345; }

.menuam:hover {
left: 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out; }

.menuam a {
border: none;
background: #FF6EB4;
color: #fff;
padding: 5px;
display: block;
width: 100%;
text-transform: uppercase;
-webkit-transition: all .1s ease-out;
-moz-transition: all .1s ease-out;
-o-transition: all .1s ease-out; transition: all .1s ease-out;
font-size: 7pt;
margin: 5px -10px; text-shadow: 0 1px 1px #; }

.menuam a:hover { background: #dee3c8; color: #000000;-webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; padding-left: 20px; }

.menuam a:first-child { margin-top: 10px; } .menuam a:last-child { margin-bottom: 0px; }

.menuam a { padding: 4px 6px; }

div#qTip {
margin:3px;
padding: 8px 22px;
border-right-width: 2px;
border-bottom-width: 2px;
display: none;
color:#000000;
background: #dee3c8;
font: Arial;
font-size: 11px;
background:#fff url(http://drikoti.net/Goodies/Favicons/Gifs/041.gif)
no-repeat 5%;
text-align: left;
position: absolute;
z-index: 1000;
box-shadow: inset 0 0 4px #dee3c8, 0 0 4px #dee3c8;
}

*::-moz-selection {
background:#dee3c8;
color:#FF6EB4;
}
*::selection {
background:#dee3c8;
color:#FF6EB4;
}

.jump-link{
background: #dee3c8;
padding-top: 5px;
color: #FF6EB4;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
margin-left: -10px; padding-left: 10px; width: 70px; height: 25px;
-webkit-transition-duration: .80s; }
.jump-link:hover {
color: #dee3c8;
background: #FF6EB4; -webkit-transition-duration: .80s;}

.feed-links{display:none !important;}

.label-size span, .label-size a{
color: #000;
background: #dee3c8;
padding:2px 3px;
margin:  1px;
display:inline-block;
font-size:15px;
-webkit-border-radius: 5px;
-moz-border-radius:5px;
border-radius: 5px;
}
.label-size span, .label-size a:hover{
background: #FF6EB4;
color: #FFFFFF;
}

#afiliados {
opacity: .99;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
border-radius:15px;}
#afiliados:hover a
    {border-radius:15px; opacity: .20;}
#afiliados a
    {border-radius:15px; border-radius:15px; opacity: .80;
    -webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;}
#afiliados a:hover
    {border-radius:15px; opacity: .99;}

.elite {
width: 270px;
height: 50px;
opacity: 0.6;
-webkit-transition: 0.9s;
text-align: center;
}
.elite:hover {
opacity: 1.0;
border-radius: 35px;
}

.elites {
width: 85px;
height: 85px;
opacity: 0.6;
-webkit-transition: 0.9s;
text-align: center;
}
.elites:hover {
opacity: 1.0;
border-radius: 35px;
}

.eelites {
width: 270px;
height: 150px;
opacity: 0.6;
-webkit-transition: 0.9s;
text-align: center;
}
.eelites:hover {
opacity: 1.0;
border-radius: 35px;
}

.efeitos{
width: 75px;
height: 75 px;
-webkit-transition: 0s linear;
-webkit-transition: opacity 0.6s linear;
-webkit-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.1s linear;
padding: 5px;
}
.efeitos:hover {
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
padding: 5px;
}

.efeitoscalebord{
width: 45px;
height: 45px;
opacity: 0.6;
 -moz-border-radius: 4px;
-webkit-border-radius: 4px;
-webkit-transition: 0s linear;
-webkit-transition: opacity 0.6s linear;
-webkit-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
background-color: #FF6EB4; /* Cor da Borda */
padding: 2px;
}
.efeitoscalebord:hover {
opacity: 1.0;
 -webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
background-color: #dee3c8; /* Cor da Borda quando passa o mouse */
padding: 2px;
}

.wishlist {
background: #dee3c8;
font-family:  Arial;
font-size: 10px;
margin: 1px;
color: #000000;
display: block;
-moz-box-shadow: inset 3px 0 0px 0 #FF6EB4;
-webkit-box-shadow: inset 3px 0 0px 0 #FF6EB4;
box-shadow: inset 3px 0 0px 0 #FF6EB4;
padding: 3px 3px 3px 6px;
-moz-transition: all 0.4s ease-out;
-webkit-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;}
.wishlist:hover {
-moz-box-shadow: inset 550px 0 0px 0 #FFB5C5;
-webkit-box-shadow: inset 550px 0 0px 0 #FFB5C5;
box-shadow: inset 550px 0 0px 0 #FFB5C5;
color: #FFFFFF;}

/*--Container geral--*/
.main_view {
float: left;
position: relative;
}
/*--Estilos do container das imagens--*/
.window {
height:120px; /*-- Altura do Slide (as imagens devem ter a mesma altura */
width: 270px;  /*-- Largura do Slide (as imagens devem ter a mesma largura)-- */
overflow: hidden;
position: relative;
}.image_reel {
position: absolute;
top: 0; left: 0;
}
.image_reel img {
float: left;
}
/*--Estilos do container da numeração(Não precisa mudar nada aqui)--*/
.paging {
position: absolute;
bottom: 40px;
right: -1px;
width: 220px;
height:41px;
z-index: 100;
text-align: center;
line-height: 40px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
-webkit-border-radius-topleft: 15px;
display: none;
}
/*--Estilos do link da numeração (Estilo dos numeros)--*/
.paging a {
outline:none;
padding: 5px 10px;
text-decoration: none;
color: #000000;
background: #dee3c8;
-moz-border-radius: 17px;
-khtml-border-radius: 17px;
-webkit-border-radius: 17px;
}
/*--Estilos do link ativo da numeração--*/
.paging a.active {
font-weight: bold;
color: #FFFFFF;
background: #FF6EB4;
-moz-border-radius: 17px;
-khtml-border-radius: 17px;
-webkit-border-radius: 17px;
}
/*--Estilos do link hover da numeração--*/
.paging a:hover {
font-weight: bold;
}.feed-links {
 display: none; }

#footer-wrapper { background:  #FF1493 ; background-repeat: no-repeat; z-index: 1000; height: 20px; clear: both; font-size: 90%; color: #fff; text-align: center; padding: 5px; }

]]></b:skin>

    <b:template-skin>
      <b:variable default='960px' name='content.width' type='length'/>
      <b:variable default='0' name='main.column.left.width' type='length'/>
      <b:variable default='310px' name='main.column.right.width' type='length'/>

      <![CDATA[
      body {
        min-width: $(content.width);
      }

      .content-outer, .content-fauxcolumn-outer, .region-inner {
        min-width: $(content.width);
        max-width: $(content.width);
        _width: $(content.width);
      }

      .main-inner .columns {
        padding-left: $(main.column.left.width);
        padding-right: $(main.column.right.width);
      }

      .main-inner .fauxcolumn-center-outer {
        left: $(main.column.left.width);
        right: $(main.column.right.width);
        /* IE6 does not respect left and right together */
        _width: expression(this.parentNode.offsetWidth -
            parseInt("$(main.column.left.width)") -
            parseInt("$(main.column.right.width)") + 'px');
      }

      .main-inner .fauxcolumn-left-outer {
        width: $(main.column.left.width);
      }

      .main-inner .fauxcolumn-right-outer {
        width: $(main.column.right.width);
      }

      .main-inner .column-left-outer {
        width: $(main.column.left.width);
        right: 100%;
        margin-left: -$(main.column.left.width);
      }

      .main-inner .column-right-outer {
margin-top: -300px;
        width: $(main.column.right.width);
        margin-right: -$(main.column.right.width);
      }

      #layout {
        min-width: 0;
      }

      #layout .content-outer {
        min-width: 0;
        width: 800px;
      }

      #layout .region-inner {
        min-width: 0;
        width: auto;
      }
      ]]>
    </b:template-skin>
<link href='http://drikoti.net/Goodies/Favicons/Gifs/041.gif' rel='icon' type='image/x-icon'/><br/> <link href='http://drikoti.net/Goodies/Favicons/Gifs/041.gif' rel='shortcut icon' type='image/x-icon'/>
<!--- MENU DESLIZANTE -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://static.tumblr.com/ghoye6x/xBmloszst/colpaso.js' type='text/javascript'>
</script>
<script type='text/javascript'>
animatedcollapse.addDiv(&#39;jason&#39;, &#39;fade=1,height=80px&#39;)
animatedcollapse.addDiv(&#39;kelly&#39;, &#39;fade=1,height=100px&#39;)
animatedcollapse.addDiv(&#39;michael&#39;, &#39;fade=1,height=120px&#39;)
animatedcollapse.addDiv(&#39;cat&#39;, &#39;fade=0,speed=400,group=pets&#39;)
animatedcollapse.addDiv(&#39;dog&#39;, &#39;fade=0,speed=400,group=pets,persist=1,hide=1&#39;)
animatedcollapse.addDiv(&#39;rabbit&#39;, &#39;fade=0,speed=400,group=pets,hide=1&#39;)
animatedcollapse.addDiv(&#39;lion&#39;, &#39;fade=0,speed=400,group=pets,persist=1,hide=1&#39;)
animatedcollapse.ontoggle=function($, divobj, state){ //fires each time a DIV is expanded/contracted
 //$: Access to jQuery
 //divobj: DOM reference to DIV being expanded/ collapsed. Use &quot;divobj.id&quot; to get its ID
 //state: &quot;block&quot; or &quot;none&quot;, depending on state
}
animatedcollapse.init()
</script>
<!-- JavaScript Slider Horizontal - Inicio-->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {

 //Set Default State of each portfolio piece
 $(&quot;.paging&quot;).show();
 $(&quot;.paging a:first&quot;).addClass(&quot;active&quot;);

 //Get size of images, how many there are, then determin the size of the image reel.
 var imageWidth = $(&quot;.window&quot;).width();
 var imageSum = $(&quot;.image_reel img&quot;).size();
 var imageReelWidth = imageWidth * imageSum;

 //Adjust the image reel to its new size
 $(&quot;.image_reel&quot;).css({&#39;width&#39; : imageReelWidth});

 //Paging + Slider Function
 rotate = function(){
  var triggerID = $active.attr(&quot;rel&quot;) - 1; //Get number of times to slide
  var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

  $(&quot;.paging a&quot;).removeClass(&#39;active&#39;); //Remove all active class
  $active.addClass(&#39;active&#39;); //Add active class (the $active is declared in the rotateSwitch function)

  //Slider Animation
  $(&quot;.image_reel&quot;).animate({
   left: -image_reelPosition
  }, 500 );

 };

 //Rotation + Timing Event
 rotateSwitch = function(){
  play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
   $active = $(&#39;.paging a.active&#39;).next();
   if ( $active.length === 0) { //If paging reaches the end...
    $active = $(&#39;.paging a:first&#39;); //go back to first
   }
   rotate(); //Trigger the paging and slider function
  }, 7000); //Timer speed in milliseconds (3 seconds)
 };

 rotateSwitch(); //Run function on launch

 //On Hover
 $(&quot;.image_reel a&quot;).hover(function() {
  clearInterval(play); //Stop the rotation
 }, function() {
  rotateSwitch(); //Resume rotation
 });

 //On Click
 $(&quot;.paging a&quot;).click(function() {
  $active = $(this); //Activate the clicked paging
  //Reset Timer
  clearInterval(play); //Stop the rotation
  rotate(); //Trigger rotation immediately
  rotateSwitch(); // Resume rotation
  return false; //Prevent browser jump to link anchor
 });

});

</script>
<!-- JavaScript Slider Horizonta - Fim-->
  </head>

<script>
var tit = document.title; var c = 0; function writetitle() { document.title = tit.substring(0,c);
if(c==tit.length) { c = 0; setTimeout(&quot;writetitle()&quot;, 500) }
else
{ c++; setTimeout(&quot;writetitle()&quot;, 300) } } writetitle()
</script>
<script type='text/javascript'>
if (window.jstiming) window.jstiming.load.tick(&#39;headEnd&#39;);
</script>

<div class='menuam'>
<a rel='nofollow'><font style=' text-transform: none; font: italic 20px georgia;'><div align='left'>&#9829; NOME DO SEU BLOG &#9829;</div></font></a>
<a href='/'>Volte ao início</a>
<a href='LINK' onClick='changeNavigation(&apos;profile&apos;);'>NOME</a>
<a href='LINK' onClick='changeNavigation(&apos;ask&apos;);'>NOME</a>
<a href='LINK' onClick='changeNavigation(&apos;extras&apos;);'>NOME</a>
<a href='LINK' onClick='changeNavigation(&apos;extras&apos;);'>NOME</a>          
</div>

  <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
</b:section>

  <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
      <meta expr:content='data:blog.title' itemprop='name'/>
      <b:if cond='data:blog.metaDescription'>
        <meta expr:content='data:blog.metaDescription' itemprop='description'/>
      </b:if>
    </div>
  </b:if>

  <div class='body-fauxcolumns'>
    <div class='fauxcolumn-outer body-fauxcolumn-outer'>
    <div class='cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left'>
    <div class='fauxborder-right'/>
    <div class='fauxcolumn-inner'>
    </div>
    </div>
    <div class='cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
  </div>

  <div class='content'>
  <div class='content-fauxcolumns'>
    <div class='fauxcolumn-outer content-fauxcolumn-outer'>
    <div class='cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left'>
    <div class='fauxborder-right'/>
    <div class='fauxcolumn-inner'>
    </div>
    </div>
    <div class='cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
  </div>

  <div class='content-outer'>
  <div class='content-cap-top cap-top'>
    <div class='cap-left'/>
    <div class='cap-right'/>
  </div>
  <div class='fauxborder-left content-fauxborder-left'>
  <div class='fauxborder-right content-fauxborder-right'/>
  <div class='content-inner'>

    <header>
    <div class='header-outer'>
    <div class='header-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left header-fauxborder-left'>
    <div class='fauxborder-right header-fauxborder-right'/>
    <div class='region-inner header-inner'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Nome do blog (Cabeçalho)' type='Header'/>
</b:section>
    </div>
    </div>
    <div class='header-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
    </header>

    <div class='tabs-outer'>
    <div class='tabs-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left tabs-fauxborder-left'>
    <div class='fauxborder-right tabs-fauxborder-right'/>
    <div class='region-inner tabs-inner'>
      <b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'/>
      <b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
    </div>
    </div>
    <div class='tabs-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>

    <div class='main-outer'>
    <div class='main-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>

    <div class='fauxborder-left main-fauxborder-left'>
    <div class='fauxborder-right main-fauxborder-right'/>
    <div class='region-inner main-inner'>

      <div class='columns fauxcolumns'>

        <div class='fauxcolumn-outer fauxcolumn-center-outer'>
        <div class='cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left'>
        <div class='fauxborder-right'/>
        <div class='fauxcolumn-inner'>
        </div>
        </div>
        <div class='cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>

        <div class='fauxcolumn-outer fauxcolumn-left-outer'>
        <div class='cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left'>
        <div class='fauxborder-right'/>
        <div class='fauxcolumn-inner'>
        </div>
        </div>
        <div class='cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>

        <div class='fauxcolumn-outer fauxcolumn-right-outer'>
        <div class='cap-top'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        <div class='fauxborder-left'>
        <div class='fauxborder-right'/>
        <div class='fauxcolumn-inner'>
        </div>
        </div>
        <div class='cap-bottom'>
          <div class='cap-left'/>
          <div class='cap-right'/>
        </div>
        </div>

        <!-- corrects IE6 width calculation -->
        <div class='columns-inner'>

        <div class='column-center-outer'>
        <div class='column-center-inner'>
          <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'/>
</b:section>
        </div>
        </div>

        <div class='column-left-outer'>
        <div class='column-left-inner'>
          <aside>
          <macro:include id='main-column-left-sections' name='sections'>
            <macro:param default='0' name='num'/>
            <macro:param default='sidebar-left' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
          </aside>
        </div>
        </div>

        <div class='column-right-outer'>
        <div class='column-right-inner'>
          <aside>
          <macro:include id='main-column-right-sections' name='sections'>
            <macro:param default='2' name='num'/>
            <macro:param default='sidebar-right' name='idPrefix'/>
            <macro:param default='sidebar' name='class'/>
            <macro:param default='true' name='includeBottom'/>
          </macro:include>
          </aside>
        </div>
        </div>

        </div>

        <div style='clear: both'/>
      <!-- columns -->
      </div>

    <!-- main -->
    </div>
    </div>
    <div class='main-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>

    <footer>
    <div class='footer-outer'>
    <div class='footer-cap-top cap-top'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    <div class='fauxborder-left footer-fauxborder-left'>
    <div class='fauxborder-right footer-fauxborder-right'/>
    <div class='region-inner footer-inner'>
      <macro:include id='footer-sections' name='sections'>
        <macro:param default='2' name='num'/>
        <macro:param default='footer' name='idPrefix'/>
        <macro:param default='foot' name='class'/>
        <macro:param default='false' name='includeBottom'/>
      </macro:include>
      <!-- outside of the include in order to lock Attribution widget -->
      <b:section class='foot' id='footer-3' showaddelement='no'/>
    </div>
    </div>
    <div class='footer-cap-bottom cap-bottom'>
      <div class='cap-left'/>
      <div class='cap-right'/>
    </div>
    </div>
    </footer>

  <!-- content -->
  </div>
  </div>
  <div class='content-cap-bottom cap-bottom'>
    <div class='cap-left'/>
    <div class='cap-right'/>
  </div>
  </div>
  </div>

  <script type='text/javascript'>
    window.setTimeout(function() {
        document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
      }, 10);
  </script>
  <b:include data='blog' name='google-analytics'/>
<script type='text/javascript'>
//<![CDATA[
a = document.getElementsByTagName('LABEL');
if(a) {
for(i=0; i < a.length; i++) {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' alt='' class='smiley'/>")


a.item(i).innerHTML = _str;
}
}

a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'comment-body') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}

a = document.getElementById('comments');
if(a) {
c = a.getElementsByTagName("DD");
for(i=0; i < c.length; i++) {
if (c.item(i).getAttribute('CLASS') == 'owner-Body') {
_str = b.item(i).innerHTML.replace(/:a:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-005.gif'' class='smiley'/>");
_str = _str.replace(/:c:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-013.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-014.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-020.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/boy-emoticon-018.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-001.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-002.gif' alt='' class='smiley'/>");
_str = _str.replace(/:j:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-005.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-007.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-009.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-008.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n:/gi, "<img src='http://i306.photobucket.com/albums/nn252/cebong_ipit/templateanna/emo-girl-012.gif' alt='' class='smiley'/>")
c.item(i).innerHTML = _str;
}
}
}
//]]>
</script>
<div id='footer-wrapper'><div align='center'>Design by <a href='http://girl-bipolar.blogspot.com/' target='_blank'>Isabela Carolina</a></div>
</div>
</body>

<macro:includable id='sections' var='col'>
  <macro:if cond='data:col.num == 0'>
  <macro:else/>
    <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-1&quot;' preferred='yes' showaddelement='yes'/>

    <macro:if cond='data:col.num &gt;= 2'>
      <table border='0' cellpadding='0' cellspacing='0' mexpr:class='&quot;section-columns columns-&quot; + data:col.num'>
      <tbody>
      <tr>
        <td class='first columns-cell'>
          <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-1&quot;'/>
        </td>

        <td class='columns-cell'>
          <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-2&quot;'/>
        </td>

        <macro:if cond='data:col.num &gt;= 3'>
          <td class='columns-cell'>
            <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-3&quot;'/>
          </td>
        </macro:if>

        <macro:if cond='data:col.num &gt;= 4'>
          <td class='columns-cell'>
            <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>
          </td>
        </macro:if>
      </tr>
      </tbody>
      </table>

      <macro:if cond='data:col.includeBottom'>
        <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-3&quot;' showaddelement='no'/>
      </macro:if>
    </macro:if>
  </macro:if>
</macro:includable>

<b:section-contents id='sidebar-right-1'>
<b:widget id='HTML2' locked='false' title='Aceita um chocolate? :3' type='HTML'/>
<b:widget id='Label1' locked='false' title='Tags' type='Label'/>
<b:widget id='HTML3' locked='false' title='Votação!' type='HTML'/>
<b:widget id='HTML5' locked='false' title='Extra' type='HTML'/>
<b:widget id='HTML1' locked='false' title='Destaques' type='HTML'/>
<b:widget id='Followers1' locked='false' title='Lovers' type='Followers'/>
</b:section-contents><b:section-contents id='sidebar-right-2-1'/><b:section-contents id='sidebar-right-2-2'/><b:section-contents id='sidebar-right-3'/><b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'/><b:section-contents id='footer-2-2'/></html>


Sidebar: Aceita um chocolate?:

<marquee direction="left" scrollamount="8" width="100%" behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">
<img src="http://1.bp.blogspot.com/-arRsNrK6bo8/UF909t-AH3I/AAAAAAAAB70/-vdoAmI2uHM/s1600/2.jpg" />
<img src="http://2.bp.blogspot.com/-t_F_Y47Z-mw/UF90-HGy7QI/AAAAAAAAB78/Z3_jCQj046E/s1600/3.jpg" />
<img src="http://2.bp.blogspot.com/-gDs2_6QdlPo/UF909KLKemI/AAAAAAAAB7s/CF1Ldl3LKyI/s1600/1.jpg" />
<img src="http://3.bp.blogspot.com/-DVEdcc5Dkdc/UF90-1T5fWI/AAAAAAAAB8E/kpED9xtMbrk/s1600/4.jpg" /> </marquee>

Escreva aqui sobre o blog ou sobre você.
<div class="wishlist"><b>Nome:</b> </div>
<div class="wishlist"><b>Sigla:</b> </div>
<div class="wishlist"><b>Meta:</b> </div>
<div class="wishlist"><b>Cores: </b> </div>


Sidebar: Extra:

<!-- Ínicio Menu Abas ~ By Drikoti.Net -->
<div class="tabber">
<div class="tabbertab" title="Aba 1">

<br>
Conteúdo 1

</>
</div>
<div class="tabbertab" title="Aba 2">

<br />
Conteúdo 2
</div>
<div class="tabbertab" title="Créditos">

<br />
<img src="http://3.bp.blogspot.com/-hJru8sb1Qcw/UF9j5-WIITI/AAAAAAAAB7M/AQHhZADsaMc/s1600/1.jpg" class="eelites" />

Quero agradecer a todos os blogs <u>diwos</u> que me ajudaram na construção desse layout! Design feito por mim, <u>proibida</u> cópia, <i>inspirações</i> devem ser creditadas! Me inspirei em dois blogs lindos: <a href="http://the-lovers-official.blogspot.com.br/">♥</a>
<a href="http://garotavertigem.blogspot.com.br/">♥</a>
<blockquote><i>Ajudas em geral: </i>
<a href="http://gatinhomustache.blogspot.com.br/">♥</a>
<a href="http://blog-sweetpoison.blogspot.com.br/">♥</a>
<a href="http://wehearthtml.blogspot.com.br/">♥</a>
<a href="http://cherry-liah.blogspot.com.br/">♥</a>
<a href="http://chovendoemparis.blogspot.com.br/">♥</a>
<a href="http://bad-reputation-13.blogspot.com.br/">♥</a>
<a href="http://www.candylland.org/">♥</a>
<a href="http://www.spaziodm.com/">♥</a>
<a href="http://sorvete--de--morango.blogspot.com.br/">♥</a>
</blockquote>
Se eu tiver esquecido alguém, me avise.
Muito <b>obrigada</b> pela ajuda, de todos. <b>s2</b>
</div>
</div>
<!-- Fim Menu Abas ~ By Drikoti.Net -->
<center><br />

Bem, é isso. Espero que usem! E se usarem, comentem, ;3
Beijos ♥

47 comentários:

  1. ESTE LAY VAI SER MINHA ESPIRAÇÃO

    vou colocar seu crédito

    ResponderExcluir
  2. Que liindo layout.Vou usar ele no meu outro blog.
    Beijos
    Mundo das meninas(clica no perfil)

    ResponderExcluir
  3. Isa, queria saber se pode mudar as cores? >..<
    Pois é muito lindo, mais queria mudar as cores, pode ou não? ....

    ResponderExcluir
  4. Usei no meu novo blog I Love My Pet BR, ainda estou arrumando umas coisas, tá perfeito *u* Usei porque sempre num começo de um blog eu uso um layout free por ter menos inspiração hihi'

    ResponderExcluir
    Respostas
    1. Só mudei as imagens do "Aceita um chocolate?" e o nome do "Aceita um chocolate?", espero que não se importe *-*

      Excluir
  5. Amei o layout

    s2devidro-oficial.blogspot.com

    ResponderExcluir
  6. achei muito lindo mas quando fui tentar botar deu erro! alguém pode me ajudar?

    ResponderExcluir
  7. Pois é , quero tentar colocar no blog , consigo mais o Layout , na parte onde adiciona os gadjets ficam tudo embaralhados o q faço ????

    ResponderExcluir
  8. Lindo!Vou usar no meu blog!!!
    garota-doce-oficial.blogspot.com.br

    ResponderExcluir
  9. estou usando flor
    meu mundo retrô
    www.meumundoretro.blogspot.com

    ResponderExcluir
  10. Peguei.... Esta lindo, amei... vê. imaginebrasiliebers.blogspot.com

    ResponderExcluir
  11. Heey flor, muito lindo o lay, ia usar, mas deu erro, apareceu:

    Erro ao analisar XML, linha 1561, coluna 1: Content is not allowed in trailing section.

    ResponderExcluir
  12. Eu fui usar, Mais deu Erro:

    Erro ao analisar XML, linha 1561, coluna 1: Content is not allowed in trailing section.

    ResponderExcluir
  13. Oi, tudo bom? Eu estou tentando colocar o layout free no meu blog, mas não está aparecendo o nome do blog no cabeçalho...Sabe resolver isso? Aguardo sua resposta. Beijos, Luuh.

    ResponderExcluir
  14. to usando mtt lindoo ele PERFEITOO <33

    ResponderExcluir
  15. Estou usando, parabéns!
    www.longliveandbeginagain.blogspot.com.br

    ResponderExcluir
  16. Erro ao analisar XML, linha 1571, coluna 1: Content is not allowed in trailing section.

    ResponderExcluir
  17. Posso mudar as cores do layout? Só as cores. Ficaria assim:

    http://3.bp.blogspot.com/-Tj6eDUeD5Ic/US0M47vBO_I/AAAAAAAAFbg/9bMuTqcl5Ks/s1600/Sem+t%C3%ADtulo.png

    Eu deixaria os créditos, claro.

    ResponderExcluir
  18. O meu deu erro :(
    este blog é de teste de lays e tal,é com ele que eu testo pra depois por no meu blog mesmo
    Beijos

    ResponderExcluir
  19. Ai,que lindo!Estarei usando no meu blog de Monster High!

    ResponderExcluir
    Respostas
    1. Eu poderia colocar umas images e títulos diferentes(na sidebar e image no welcome)?Obrigada!

      Excluir
  20. PERFEITO! Mais deu erro.....ajuda?

    ResponderExcluir
  21. Liamda vou usar no blog que eu e minha amiga temos :) , parabéns esse lay é divo

    ResponderExcluir
  22. oi o Layout e lindo mas está dando erro quando eu faço as edições e vou salvar aparece essa mensagem ("Erro ao analisar XML, linha 1, coluna 1: Content is not allowed in prolog.") você pode me ajudar por favor ^.^

    ResponderExcluir
  23. OOi o lay eu amei jah estou usando okk? Beijoos, Bye

    ResponderExcluir
  24. To usando amor > http://dreams-with-beliebers.blogspot.com.br/ Mto obg <33

    ResponderExcluir
  25. to usando no meu blog :http://casamento-acidental.blogspot.com.br/

    ResponderExcluir
  26. Anjoooo me respondeee ! Por faor tem como você me dar o email e senha desse blog com o layout ? O código que você me deu não ta entrando ,pode por favor me ajudar ?! To esperando sua resposta a um tempão , por favorrrr !

    ResponderExcluir
  27. Como eu instalo ? Me ajudem por favor !

    ResponderExcluir
  28. tipo assim, eu estou me afogando em lágrimas de emoção, esse lay é muito lindo, visita o meu blog para você ver como ficou s2
    http://coisasdegarotacaprichada.blogspot.com.br/

    ResponderExcluir
  29. sigam o meu blog hihihi se não for muito encomodo http://coisasdegarotacaprichada.blogspot.com.br/

    ResponderExcluir
  30. Isa, se não importar eu usei uns gadgets ok? mas os créditos estão lá

    ResponderExcluir
  31. Oi amor, amei o layout, vou usar em meu blog. Eu mudei apenas a sidebar, pois estava muito alta. Obrigado e Beijos <3

    http://eteernarebelde.blogspot.com/

    ResponderExcluir
  32. Pode trocar algumas coisas? Se não me avisa: http://rmonsterhighr.blogspot.com.br/

    ResponderExcluir
  33. Oi amor,eu coloquei no meu blog,só que como eu mudo as paginas onde que está ''Nome do seu blog''
    '' Volte ao inicio''
    ''Nome''
    ''Nome''
    Etc aonde que eu mudo isso?

    ResponderExcluir