Layout free Coreanas: Como usar o Layout Free

Hooy~Vamos aprender a como usar o Lay....o

Welcome:

<div style="text-align: justify;"></div>

<a href="/" target="blank" title="Bem vindos"><img class="sugarblur" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju7H9YYd4i8dpAQ_ddlFg1Lj7OVYaggLeGiQYYFPXFXTTW2kDE5mW0-akYYv75l6p14gI_g04DwD7hIjbmiB1CxJeYUXuZIqK0F9NeMgDYgSf7jK3M4PvwQLCzjqQaKyi7wH8m81E_sJM/s1600/tumblr_m9vf63lpel1rbavh7o1_500_large.png" /></a><br />

<a href="LINK DA PAGINA"><st>Menu</st></a>

<a href="LINK DA PAGINA"><st>Menu</st></a>

-----Seu texto aqui----

O Pesquise:

<form action="/search" class="search" method="get">

<input class="searchbar" id="s" name="q" type="text" value="" />

<input class="searchbut" type="submit" value="GO" />

</form>

Afiliados:

<a href="Link do Blog Irmão"><div class="afiliados">teste</div></a><div style="float: left; width: 20%"><a href="Link "><div class="afiliados">?</div></a><a href="Link"><div class="afiliados">?</div></a></div><div style="float: left; width: 20%"><a href="Link"><div class="afiliados">?</div></a><a href="Link "><div class="afiliados">?</div></a></div><div style="float: left; width: 20%"><a href="Link"><div class="afiliados">?</div></a><a href="LINK DO BLOG"><div class="afiliados">?</div></a></div><div style="float: left; width: 20%"><a href="LINK DO BLOG"><div class="afiliados">?</div></a><a href="LINK DO BLOG"><div class="afiliados">?</div></a></div><div style="float: left; width: 20%"><a href="LINK DO BLOG"><div class="afiliados">?</div></a><a href="LINK DO BLOG"><div class="afiliados">?</div></a></div><div style="float: left; width: 20%"><a href="LINK DO BLOG"><div class="afiliados">?</div></a><a href="LINK DO BLOG"><div class="afiliados">?</div></a></div><div style="float: left; width: 20%"><a href="LINK DO BLOG"><div class="afiliados">?</div></a><a href="LINK DO BLOG"><div class="afiliados">?</div></a></div><div style="float: left; width: 20%"><a href="LINK DO BLOG"><div class="afiliados">?</div></a><a href="LINK DO BLOG"><div class="afiliados">?</div></a></div><div style="float: left; width: 20%"><a href="LINK DO BLOG"><div class="afiliados">?</div></a><a href="LINK DO BLOG"><div class="afiliados">?</div></a></div><div style="float: left; width: 20%"><a href="LINK DO BLOG"><div class="afiliados">?</div></a><a href="LINK DO BLOG"><div class="afiliados">?</div></a></div>

O Slide:

</div>

Caso necessário....mude o link do Slide de cada imagem:

O código inteiro do Lay Free:

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html>

<head>

<b:if cond='data:blog.isMobile'>

<b:else/>

</b:if>

<b:include data='blog' name='all-head-content'/>

<b:skin><![CDATA[/*

-----------------------------------------------

Blogger Template Style

Name: Travel

Designer: Sookhee Lee

URL: www.plyfly.net

----------------------------------------------- */

/* Variable definitions

====================

<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"/>

</Group>

</Group>

</Group>

<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"/>

</Group>

<Variable name="description.text.color" description="Description Color" type="color"

default="$(body.text.color)" value="#666666"/>

</Group>

<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"/>

</Group>

</Group>

<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"/>

</Group>

<Variable name="post.title.font" description="Font" type="font"

default="normal bold 20px 'Trebuchet MS',Trebuchet,sans-serif" value="normal bold 20px Lobster"/>

<Variable name="post.title.text.color" description="Text Color" type="color"

default="#ffffff" value="#7fb2ff"/>

</Group>

<Variable name="post.background.color" description="Background Color" type="color"

default="transparent" value="transparent"/>

</Group>

<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"/>

</Group>

<Variable name="widget.font" description="Font" type="font"

default="$(body.font)" value="$(body.font)"/>

</Group>

</Group>

</Group>

<Variable name="body.background" description="Body Background" type="background"

color="$(body.background.color)" default="$(color) none repeat-x scroll top center" value="$(color) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAt2GYVdBD2on3_A77Gj4aMIlQo8QG4f-7kU2SrqfgAzPDAY0zMQlLnJz_htU1h8nXMdMlVlatlT_uH1c7PiXCxQHty3x10xHR0bPvLnWp7WXe4UB-NMhLOx2jPF-mHX22C0bRhSpBpLU/s0/capture-20140502-113024.png) repeat scroll top left"/>

<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="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="mobile.background.overlay" description="Mobile Background Overlay" type="string"

default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>

/* Content

----------------------------------------------- */

body {

font: $(body.font);

color: $(body.text.color);

background: $(body.background);

}

html body .region-inner {

min-width: 0;

max-width: 100%;

width: auto;

}

a:link {

text-decoration:none;

color: $(link.color);

}

a:visited {

text-decoration:none;

color: $(link.visited.color);

}

a:hover {

text-decoration:underline;

color: $(link.hover.color);

}

.content-outer .content-cap-top {

height:

background:

}

.content-outer {

margin: 0 auto;

padding-top:

}

.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 {

margin: 1em 0 0;

padding: 0;

}

.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: $(widget.title.font);

color: $(widget.title.text.color);

}

.main-inner h2.date-header {

font: georgia;

color: #fff;

margin-right: -100px;

background: #FF69B4;

float: right;

font-size: 11px;

padding: 4px;

}

.main-inner h2.date-header:hover {

background: #00BFFF;

}

.footer-inner .widget h2,

.sidebar .widget h2 {

padding-bottom: .5em;

}

/* Main

----------------------------------------------- */

.main-inner {

padding: $(content.padding) 0;

}

.main-inner .column-center-inner {

padding: $(content.posts.padding) 0;

}

.main-inner .column-center-inner .section {

margin: 0 $(content.posts.padding);

}

.main-inner .column-right-inner {

margin-left: $(content.padding);

}

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

margin-left: $(content.padding);

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

}

.main-inner .column-left-inner {

margin-right: $(content.padding);

}

.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 {

text-align: center;

margin-top: 20px;

}

h3.post-title a {

font: $(post.title.font);

color: $(post.title.text.color);

}

h3.post-title a:hover {

text-decoration: underline;

}

.main-inner .column-center-outer {

background: $(post.background.color) $(post.background.url) repeat scroll top left;

_background-image: none;

}

.post-body {

line-height: 1.4;

position: relative;

}

.post-header {

margin: 0 0 1em;

line-height: 1.6;

}

.post-footer {

margin-top: 15px; /* espaço entre o rodapé e o post */

padding: 0;

}

.post-footer-line-1, .post-footer-line-2 {

border-bottom: 1px solid #FCADAD; /* cor, espessura e tipo da borda */

color:#fff;

text-shadow: 1px 1px 1px #FCADAD;

background: #fcd9d9;border: 1px solid #FCADAD;

background: -moz-radial-gradient(center, ellipse cover, #fcd9d9 0%, #f9d6d6 45%, #ffcccc 100%);

background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#fcd9d9), color-stop(45%,#f9d6d6), color-stop(100%,#ffcccc));

background: -webkit-radial-gradient(center, ellipse cover, #fcd9d9 0%,#f9d6d6 45%,#ffcccc 100%);

background: -o-radial-gradient(center, ellipse cover, #fcd9d9 0%,#f9d6d6 45%,#ffcccc 100%);

background: -ms-radial-gradient(center, ellipse cover, #fcd9d9 0%,#f9d6d6 45%,#ffcccc 100%);

background: radial-gradient(ellipse at center, #fcd9d9 0%,#f9d6d6 45%,#ffcccc 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd9d9', endColorstr='#ffcccc',GradientType=1 );

border-radius:3px;

padding-left: 10px;

line-height: 8px;

margin-bottom: 5px;

font-family: 'Sofia';

font-size:13px;

text-transform: none; /* transformação do texto */

word-spacing: .5em; /* espaço entre palavras */

text-align: center;

-webkit-border-radius: 1px;

-moz-border-radius: 1px;

border-radius: 1px;

}

/* Navegação com efeito hover degradê - http://goimagines.blogspot.com.br */

#blog-pager {

clear:both;

text-align: center;

margin:0px auto;

padding:10px;

}

#blog-pager a:link, #blog-pager a:visited{

color: #ffffff; /* cor da fonte */

font-size: 16px; /* tamanho da fonte */

padding:5px;

background-color: #FF69B4; /* cor do fundo */

-moz-border-radius:10px; /* bordas arredondas, apague se não quiser */

-khtml-border-radius:10px;

-webkit-border-radius:10px;

border-radius:10px;

}

#blog-pager a:hover{

color: #ffffff; /* cor da fonte hover*/

padding:5px;

background: #FF69B4; /* fundo hover, apague o código abaixo até } se não quiser degradê */

background: -webkit-gradient(linear, left top, left bottom, from(#FF69B4), to(#FF69B4));/* webkit browsers */

background: -moz-linear-gradient(top, #FF69B4, #FF69B4);/* firefox3.6+ */

filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FF69B4', EndColorStr=' #FF69B4');/* IE */

}

#blog-pager-newer-link {

float: left;

}

#blog-pager-older-link {

float: right;

}

#blog-pager {

font-size: 140%;

}

#comments {

background: $(comments.background);

padding: 15px;

}

#comments .comment-author {

padding-top: 1.5em;

}

#comments h4,

#comments .comment-author a,

#comments .comment-timestamp a {

color: $(post.title.text.color);

}

#comments .comment-author:first-child {

padding-top: 0;

border-top: none;

}

.avatar-image-container {

margin: .2em 0 0;

}

.post-outer {

background:#fff;

border-top: 6px solid #FF69B4;

border-bottom: 2px solid #FF69B4;

padding: 2px;

margin-top: 2px;

margin-bottom:20px;

box-shadow: 0 0 2px #FF69B4;

-webkit-transition-duration: .60s;

}

.post-outer:hover {

border-top: 2px solid #FF69B4;

border-bottom: 6px solid #FF69B4;

box-shadow: 0 0 6px #FF69B4;

-webkit-transition-duration: .60s;

}

/* 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 {

-webkit-border-radius: 0px;

-moz-border-radius: 0px;

border-radius: 0px;

padding-bottom: 12px;

margin: 0px 0;

Background: #ffffff;

border-bottom:5px #FF69B4 solid;

margin-top:41px;

padding:11px;

box-shadow: 1px 2px 3px 1px #e1dddd;

}

.sidebar h2 {

text-align:center;

color: #fff;

background-color: #FF69B4;

-moz-box-shadow: inset 0 0 10px #87CEFA;

-webkit-box-shadow: inset 0 0 10px #87CEFA;

box-shadow: inset 0 0 10px #FF69B4;

padding:2px;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

-moz-border-radius-topleft: 4px;

-moz-border-radius-topright: 4px;

border-top-left-radius: 4px;

border-top-right-radius: 4px;

display:inline;

float:right;

margin-top:-38px;

}

border-bottom: 2px solid $(widget.border.bevel.color);

padding-bottom: 10px;

margin: 10px 0;

}

.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: $(widget.font);

color: $(widget.text.color);

}

.sidebar .widget a:link {

color: $(widget.link.color);

text-decoration: none;

}

.sidebar .widget a:visited {

color: $(widget.link.visited.color);

}

.sidebar .widget a:hover {

color: $(widget.link.color);

text-decoration: underline;

}

.footer-inner .widget a:link {

color: $(link.color);

text-decoration: none;

}

.footer-inner .widget a:visited {

color: $(link.visited.color);

}

.footer-inner .widget a:hover {

color: $(link.color);

text-decoration: underline;

}

.widget .zippy {

color: $(widget.alternate.text.color);

}

.footer-inner {

background: transparent $(footer.background.gradient) repeat scroll top center;

}

/* Mobile

----------------------------------------------- */

body.mobile {

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);

}

b, strong {color: #FF69B4;

text-decoration: none;

cursor: normal;

}

i {color: #4169E1;

text-decoration: none;

cursor: normal;

}

u, underline {color:#FF69B4;

text-decoration: none;

border-bottom: 1px dashed #4876FF;

cursor: normal;

}

.jump-link {

text-align: left; /* posicionamento do leia mais */

margin-top: 5px; /* espaço que fica entre o leia mais e a postagem */

}

.jump-link a {

padding: 4px; /*acolchoamento entre o fundo e o texto */

color: #fff; /* cor do texto */

background: #FF1493; /* cor do fundo */

font-family: verdana; /* tipo de letra */

-moz-border-radius: 6px; /* bordas arredondas */

-webkit-border-radius: 6px; /* bordas arredondas */

border-radius: 6px; /* bordas arredondas */

}

#footer-wrapper {background: #fff; /*** cor do fundo ***/background-repeat: no-repeat;z-index: 1000;height: 20px;clear: both;font-size: 15px; /*** tamanho da fonte ***/color: #FF1493; /*** cor da fonte ***/text-align: center; /*** alinhamento da fonte ***/padding: 5px;}

div#qTip {

padding: 3px;

border: 1px double #f5f5f5;

display: none;

background: #FF1493;

color: #ffffff; /* Cor do texto */

font-family: Century Gothic; /* Fonte */

font-size: 11px;

text-align: left; /* Alinhamento do texto */

position: absolute;z-index: 1000;

border-radius: 10px 10px 0px 10px;

box-shadow: inset 0 0 8px #f5f5f5;

}

/* -- Menu Tory - tory-spacetutorials.blogspot.com -- */

st{

text-align: center; /* Alinhamento do Texto */

width: 40%; /* Tamanho da caixa */

padding: 3px; /* Altura */

float: left; /* Posicionamento da caixa */

background: #FF69B4; /* Cor do Fundo */

color: #fff; /* Cor da Fonte */

border-radius: 0px 0px 0px; /* Bordas Arredondadas */

-webkit-transition-duration: .90s; /* Tempo de transição */

margin: 3px; /* Espaço entre uma caixa e a outra */

}

st:hover {

background: #fff; /* Cor do Fundo Hover*/

color: #FF69B4; /* Cor da Fonte Hover*/

border-radius: 0px 100px 100px 0px; /* Bordas Arredondadas Hover */

letter-spacing: 3px; /* Espaço entre as Letras */

-webkit-transition-duration: .90s; /* Tempo de transição */

/* -- Fim do Menu Tory - tory-spacetutorials.blogspot.com -- */

@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }

/** Modelo para elite de afiliados por Liah - lovelly-dream.blogspot.com.br **/

.afiliados {

text-align: center;

font-family: silkscreen; /* Fonte */

font-size: 8px; /* Tamanho da Fonte */

color: #fff; /* Cor da Fonte */

text-shadow: #C9B1C6 0px 1px 1px; /* Sombra do Texto */

background: #DDCDDB; /* Fundo do Menu */

padding: 3px;

margin: 1px;

box-shadow: inset 0 0 9px #C9B1C6; /* Sombra da Caixa */

border-radius: 3px; /* Bordas Arredondadas (Se não quiser, Apague essa linha) */

-webkit-transition-duration: .50s;

}

.afiliados:hover {

color: #fff; /* Cor da Fonte quando passa o mouse */

text-shadow: #A89DB4 0px 1px 1px; /* Sombra do Texto quando passa o mouse */

background: #C4BDCC; /* Fundo do Menu quando passa o mouse */

box-shadow: inset 0 0 9px #A89DB4; /* Sombra da Caixa quando passa o mouse */

border-radius: 3px; /* Bordas Arredondadas (Se não quiser, Apague essa linha) */

-webkit-transition-duration: .50s;

}

/** Modelo para elite de afiliados por Liah - lovelly-dream.blogspot.com.br **/

.search{ /* Geral */

float: left; /* Flutuando a esquerda, poderá também mudar para Right (Direita) e Left (Esquerda) */

margin-left: 0px;

margin-top: 6px; /* Margem superior, edite se precisar, - sobe e + desce */

font-family: Tahoma, Tahoma; /* Fonte da letra que será escrita quando procurarmos por algo */

}

.searchbar{ /* Barrinha onde se digita */

height: 18px; /* Altura da barrinha */

width: 230px; /* Largura da barrinha */

margin-left:0px;

margin-top:-45px; /* Margem superior, edite se precisar, - sobe e + desce */

margin-bottom:-18px; /* Margem inferior, edite se precisar, - sobe e + desce */

color: #ccc; /* Cor da fonte da letra que será escrita quando procurarmos por algo */

border:solid 1px #ddd; /* Borda */

padding:3px 5px;

border-radius:2em; /* Bordas Arredondadas */

box-shadow:0 1px 0px rgba(0,0,0,.1); /* Sombra interna */

background: #fff; /* Cor do fundo */

background:-webkit-gradient(linear, left top, left bottom,from(#fff),to(#ededed));

background:-moz-linear-gradient(top, #fff, #ededed);

filter:progidXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed');

-ms-filter:progidXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed')

}

.searchbut{ /* Botão */

border:0 !important;

float: right;

background: #D9D9D9; /* Cor do fundo do botão */

cursor: pointer;

color:#fff; /* Cor do texto */

padding:0 5px 2px 5px;

height:26px; /* Altura do botão */

margin-top: -20px; /* Margem superior, edite se precisar, - sobe e + desce */

margin-right: -35px; /* Margem direita, edite se precisar */

border-radius:25px; /* Bordas Arredondadas */

box-shadow:0 0 2px #aaa; /* Sombra */

text-shadow:0 -1px #aaa; /* Sombra no texto Go */

}

.searchbut:hover { /* Botão Hover */

background:#F3A7C2; /* Cor do fundo do botão hover */

}

.widget ul, .widget #ArchiveList ul.flat {

list-style: none;

padding: 5px;

}

.widget ul li, .widget #ArchiveList ul.flat li {

background-color: #f4f4f4;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

padding: 5px;

margin: 2px;

border-bottom: solid 1px #e3e1e2;

text-align: center;

-webkit-transition-duration: .50s;

}

.widget ul li:hover {

background: #ffcad4;

border-bottom: solid 1px #fcb0be;

-webkit-transition-duration: .50s;

}

@font-face { font-family: Smallest ; src: url('http://static.tumblr.com/aicgjw6/7VGmoaydh/smallest_pixel-7.ttf') }

blockquote {

font-family: Smallest;

font-size: 10px;

color: #C71585; /* Cor da Fonte */

text-shadow: 1px 1px 0px #fff;

background: #FF69B4; /* Cor do Fundo da Blockquote */

padding: 9px;

outline-offset: -4px;

outline: 1px dashed #fff; /* Cor e Espessura da Borda */

-webkit-border-radius: 2px;

-moz-border-radius: 2px;

-o-border-radius: 2px;

-webkit-transition-duration: .50s;

}

]]></b:skin>

<b:template-skin>

<b:variable default='960px' name='content.width' type='length' value='920px'/>

<b:variable default='0' name='main.column.left.width' type='length' value='300px'/>

<b:variable default='310px' name='main.column.right.width' type='length' value='0px'/>

<![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 {

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>

<b:include data='blog' name='google-analytics'/>

/* <![CDATA[ */

#w2bSlideContainer {position: relative;display: block; top:0px; left:0px; right:0px;/*Ajuste as posição do slide*/}

#w2bNivoSlider { position:relative;

width:385px !important; /*largura do slide*/height:115px !important; /*Altura do slide*/

background: #fff url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi54cWkmtWQhk_kPDXxJCsBXeL58MO1w73-M7xCn2gMu4Tu8AacmjA0dVh6RNSDkaMnTu-7SQ9y_WqoeJ6EzffVIw_GVnRbb4N0iT5wn26oRk0Bn0-muiED2N0Tk1yOKXh8LZ-IiWRk9dQ3/s1600/w2bLoader.gif") no-repeat 50% 50%;

margin: 20px auto 35px;

border: 3px solid #FF69B4;/*Coloque borda se quiser*/ }

#w2bNivoSlider img {position:absolute; top:0; left:0; display:none}

.nivoSlider {position:relative;width:100%;height:auto;}

.nivoSlider img {position:absolute;top:0;left:0}

.nivo-main-image {display:block!important;position:relative!important;width:100%!important}

.nivoSlider a.nivo-imageLink {position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none}

.nivo-slice {display:block;position:absolute;z-index:5;height:100%;top:0}

.nivo-box {display:block;position:absolute;z-index:5;overflow:hidden}

.nivo-box img {display:block}

.nivo-caption {padding: 5px;

font-family: Arial,sans-serif;position:absolute; /*Fonte da legenda*/Font-size: 14px; /*Tamanho da fonte da legenda*/background:#FF69B4; /*Cor de fundo da legenda*/color:#FFF; /*Cor do texto da legenda*/-ms-filter:"alpha(opacity=80)";filter:alpha(opacity=80);opacity:.8; width: 385px;/*Largura da legenda*/ z-index:8;}

.nivo-caption p {padding:2px;margin:0}

.nivo-caption a {display:inline!important}

.nivo-html-caption {display:none}

.nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;display:block;width:30px;height:30px;

background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxqNvgOvFFFDfLadcc0T_hYP9C4jI09owiYIEsr6BNezjp66oojeRQKV2bpAHv7UstbGBKcq81BQxfnZAUPPfHyGu9zOgyjwYL_1wG1UFX16I1F4XJhInsdp_EP2GoQ1bKpje4fgqETXHq/s1600/s-5.png") no-repeat;text-indent:-9999px;border:0}

.nivo-prevNav {left:10px}

.nivo-nextNav {background-position:-30px 0!important;right:10px}

.nivo-controlNav {position:absolute;left:0;right:0;bottom:-35px;text-align:center}

.nivo-controlNav a {position:relative;z-index:9;cursor:pointer;display:inline-block;width:22px;height:22px;

background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtjLuy8yPo5Fo6t0Ahyphenhyphen51JoW0clE39nyr4DUnf4DHYlmBTsvnL_LGiUge62YmUFNzzKZJs2QgGcsUfHg7q24-OrjHWq-Yx5ULYPkWpe9TMqjWoT4DZuzJx1qfdGPf0POS5kFU2JuQKofyD/s1600/b-1.png") no-repeat;text-indent:-9999px;border:0;margin-right:3px}

.nivo-controlNav a.active {font-weight:bold;background-position:0 -22px}

/* ]]> */

</style>

/* <![CDATA[ */

jQuery(document).ready(function($) {

$('#w2bNivoSlider').nivoSlider({

effect : 'random',

slices : 10,

boxCols : 8,

boxRows : 4,

animSpeed : 500,

pauseTime : 4000,

startSlide : 0,

directionNav : true,

directionNavHide : true,

controlNav : true,

keyboardNav : false,

pauseOnHover : true,

captionOpacity : 0.8

});

/* ]]> */

</script>

</head>

<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>

<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>

<b:includable id='main'><script type="text/javascript">

function setAttributeOnload(object, attribute, val) {

if(window.addEventListener) {

window.addEventListener('load',

function(){ object[attribute] = val; }, false);

} else {

window.attachEvent('onload', function(){ object[attribute] = val; });

}

</script>

gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {

if (gapi.iframes && gapi.iframes.getContext) {

gapi.iframes.getContext().openChild({

url: 'https://www.blogger.com/navbar.g?targetBlogID\0755000307412903869808\46blogName\75Layout+free+Coreanas\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75DISABLED\46layoutType\75LAYOUTS\46searchRoot\75http://layoutfreecoreanasby-neterine.blogspot.com/search\46blogLocale\75pt_BR\46v\0752\46homepageUrl\75http://layoutfreecoreanasby-neterine.blogspot.com/\46readAccessMode\75PRIVATE\46vt\0756600876752617417450',

where: document.getElementById("navbar-iframe-container"),

id: "navbar-iframe"

});

}

});

</script><script type="text/javascript">

(function() {

var script = document.createElement('script');

script.type = 'text/javascript';

script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';

var head = document.getElementsByTagName('head')[0];

if (head) {

head.appendChild(script);

}})();

</script>

</b:includable>

</b:widget>

</b:section>

<b:if cond='data:blog.pageType == "index"'>

<b:if cond='data:blog.metaDescription'>

</b:if>

</div>

</b:if>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'/>

</div>

</div>

</header>

</div>

<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'/>

<b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Image1' locked='false' title='.' type='Image'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<b:if cond='data:link != ""'>

</a>

<b:else/>

</b:if>

<br/>

<b:if cond='data:caption != ""'>

</b:if>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='HTML4' locked='false' title='' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'>

<b:includable id='main' var='top'>

<b:if cond='data:mobile == "false"'>

<b:include data='top' name='status-message'/>

<data:defaultAdStart/>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.isDateStart'>

<b:if cond='data:post.isFirstPost == "false"'>

</div></div>

</b:if>

<b:if cond='data:post.isDateStart'>

</b:if>

<b:if cond='data:post.dateHeader'>

</b:if>

<b:if cond='data:post.isDateStart'>

</b:if>

<b:include data='post' name='post'/>

<b:if cond='data:blog.pageType == "static_page"'>

<b:include data='post' name='comment_picker'/>

</b:if>

<b:if cond='data:blog.pageType == "item"'>

<b:include data='post' name='comment_picker'/>

</b:if>

</div>

<b:if cond='data:post.includeAd'>

<b:if cond='data:post.isFirstPost'>

<data:defaultAdEnd/>

<b:else/>

<data:adEnd/>

</b:if>

<data:adCode/>

</div>

<data:adStart/>

</b:if>

</b:loop>

<b:if cond='data:numPosts != 0'>

</div></div>

</b:if>

<data:adEnd/>

</div>

<b:include name='nextprev'/>

<b:if cond='data:top.showStars'>

google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});

function initialize() {

google.annotations.setApplicationId(<data:top.blogspotReviews/>);

google.annotations.createAll();

google.annotations.fetch();

}

google.setOnLoadCallback(initialize);

</script>

</b:if>

<b:else/>

<b:include name='mobile-main'/>

</b:if>

<b:if cond='data:top.showDummy'>

<data:top.dummyBootstrap/>

</b:if>

</b:includable>

<b:includable id='backlinkDeleteIcon' var='backlink'>

</a>

</span>

</b:includable>

<b:includable id='backlinks' var='post'>

<b:if cond='data:post.numBacklinks != 0'>

<b:loop values='data:post.backlinks' var='backlink'>

<b:include data='backlink' name='backlinkDeleteIcon'/>

</dt>

<data:backlink.snippet/>

</dd>

</dd>

</div>

</b:loop>

</dl>

</b:if>

</p>

</b:includable>

<b:includable id='comment-form' var='post'>

<b:if cond='data:mobile'>

<data:blogTeamBlogMessage/>

<b:else/>

<data:blogTeamBlogMessage/>

</b:if>

<data:post.friendConnectJs/>

<data:post.cmtfpIframe/>

BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');

</script>

</div>

</b:includable>

<b:includable id='commentDeleteIcon' var='comment'>

<b:if cond='data:showCmtPopup'>

</div>

<b:else/>

</a>

</b:if>

</span>

</b:includable>

<b:includable id='comment_count_picker' var='post'>

<b:if cond='data:post.commentSource == 1'>

</span>

<b:else/>

<data:post.commentLabelFull/>:

</a>

</b:if>

</b:includable>

<b:includable id='comment_picker' var='post'>

<b:if cond='data:post.commentSource == 1'>

<b:include data='post' name='iframe_comments'/>

<b:else/>

<b:if cond='data:post.showThreadedComments'>

<b:include data='post' name='threaded_comments'/>

<b:else/>

<b:include data='post' name='comments'/>

</b:if>

</b:includable>

<b:includable id='comments' var='post'>

<b:if cond='data:post.allowComments'>

<b:if cond='data:post.commentPagingRequired'>

<b:if cond='data:post.hasOlderLinks'>

</b:if>

<data:post.commentRangeText/>

<b:if cond='data:post.hasNewerLinks'>

</b:if>

</span>

</b:if>

<b:loop values='data:post.comments' var='comment'>

<b:if cond='data:comment.favicon'>

</b:if>

<b:if cond='data:blog.enabledCommentProfileImages'>

<data:comment.authorAvatarImage/>

</b:if>

<b:if cond='data:comment.authorUrl'>

<b:else/>

<data:comment.author/>

</b:if>

<data:commentPostedByMsg/>

</dt>

<b:if cond='data:comment.isDeleted'>

<b:else/>

<p>

<data:comment.body/>

</p>

</b:if>

</dd>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>

</span>

</dd>

</b:loop>

</dl>

</div>

<b:if cond='data:post.commentPagingRequired'>

<data:post.oldestLinkText/>

</a>

<data:post.olderLinkText/>

</a>

<data:post.commentRangeText/>

<data:post.newerLinkText/>

</a>

<data:post.newestLinkText/>

</a>

</span>

</b:if>

<b:if cond='data:post.embedCommentForm'>

<b:if cond='data:post.allowNewComments'>

<b:include data='post' name='comment-form'/>

<b:else/>

<data:post.noNewCommentsText/>

</b:if>

<b:else/>

<b:if cond='data:post.allowComments'>

</b:if>

</p>

</b:if>

<b:if cond='data:showCmtPopup'>

</iframe>

</div>

</b:if>

<b:if cond='data:post.showBacklinks'>

<b:include data='post' name='backlinks'/>

</b:if>

</div>

</b:includable>

<b:includable id='feedLinks'>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:feedLinks'>

<b:include data='feedLinks' name='feedLinksBody'/>

</div>

</b:if>

<b:else/>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.allowComments'>

<b:if cond='data:post.feedLinks'>

<b:include data='post.feedLinks' name='feedLinksBody'/>

</b:if>

</b:loop>

</div>

</b:if>

</b:includable>

<b:includable id='feedLinksBody' var='links'>

<data:feedLinksMsg/>

<b:loop values='data:links' var='f'>

</b:loop>

</div>

</b:includable>

<b:includable id='iframe_comments' var='post'>

<b:if cond='data:post.allowIframeComments'>

<b:if cond='data:post.embedCommentForm == "false"'>

</b:if>

</b:includable>

<b:includable id='mobile-index-post' var='post'>

<b:if cond='data:post.dateHeader'>

</div>

</b:if>

<data:post.title/>

</h3>

<div class='mobile-index-arrow'>&rsaquo;</div>

<b:if cond='data:post.thumbnailUrl'>

</div>

</b:if>

<b:if cond='data:post.snippet'><data:post.snippet/></b:if>

</div>

</a>

<b:if cond='data:blog.pageType != "static_page"'>

<b:if cond='data:post.allowComments'>

<b:if cond='data:post.numComments != 0'>

<b:include data='post' name='comment_count_picker'/>

</b:if>

</div>

</b:includable>

<b:includable id='mobile-main' var='top'>

<b:include data='top' name='status-message'/>

<b:if cond='data:blog.pageType == "index"'>

<b:loop values='data:posts' var='post'>

<b:include data='post' name='mobile-index-post'/>

</b:loop>

<b:else/>

<b:loop values='data:posts' var='post'>

<b:include data='post' name='mobile-post'/>

</b:loop>

</b:if>

</div>

<b:include name='mobile-nextprev'/>

</b:includable>

<b:includable id='mobile-nextprev'>

<b:if cond='data:newerPageUrl'>

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>

</div>

</b:if>

<b:if cond='data:olderPageUrl'>

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>

</div>

</b:if>

</div>

</div>

</b:includable>

<b:includable id='mobile-post' var='post'>

<b:if cond='data:post.dateHeader'>

</b:if>

<b:if cond='data:post.thumbnailUrl'>

</b:if>

<b:if cond='data:post.title'>

<b:if cond='data:post.link'>

<b:else/>

<b:if cond='data:post.url'>

<b:if cond='data:blog.url != data:post.url'>

<b:else/>

<data:post.title/>

</b:if>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

</div>

<data:post.body/>

</div>

<b:if cond='data:top.showAuthor'>

<b:if cond='data:post.authorProfileUrl'>

</a>

</span>

<b:else/>

</span>

</b:if>

</span>

<b:if cond='data:top.showTimestamp'>

<data:top.timestampLabel/>

<b:if cond='data:post.url'>

</b:if>

</span>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:blog.pageType != "static_page"'>

<b:if cond='data:post.allowComments'>

<b:include data='post' name='comment_count_picker'/>

</b:if>

</span>

</div>

<b:if cond='data:top.showMobileShare'>

</div>

</b:if>

<b:if cond='data:top.showDummy'>

</b:if>

</div>

<b:if cond='data:blog.pageType == "static_page"'>

<b:include data='post' name='comment_picker'/>

</b:if>

<b:if cond='data:blog.pageType == "item"'>

<b:include data='post' name='comment_picker'/>

</b:if>

</div>

</b:includable>

<b:includable id='nextprev'>

<b:if cond='data:newerPageUrl'>

</span>

</b:if>

<b:if cond='data:olderPageUrl'>

</span>

</b:if>

<b:if cond='data:mobileLinkUrl'>

</div>

</b:if>

</div>

</b:includable>

<b:includable id='post' var='post'>

<b:if cond='data:post.firstImageUrl'>

</b:if>

<b:if cond='data:post.title'>

<b:if cond='data:post.link'>

<b:else/>

<b:if cond='data:post.url'>

<b:if cond='data:blog.url != data:post.url'>

<b:else/>

<data:post.title/>

</b:if>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

</div>

<b:if cond='data:blog.metaDescription == ""'>

<!-- Then use the post body as the schema.org description,

for good G+/FB snippeting. -->

<data:post.body/>

</div>

<b:else/>

<data:post.body/>

</div>

</b:if>

<b:if cond='data:post.hasJumpLink'>

</div>

</b:if>

<b:if cond='data:top.showAuthor'>

<data:top.authorLabel/>

<b:if cond='data:post.authorProfileUrl'>

</a>

</span>

<b:else/>

</span>

</b:if>

</span>

<b:if cond='data:top.showTimestamp'>

<data:top.timestampLabel/>

<b:if cond='data:post.url'>

</b:if>

</span>

<b:if cond='data:top.showReactions'>

<data:top.reactionsLabel/></span> </td>

</tr></table>

</b:if>

</span>

<b:if cond='data:top.showStars'>

</b:if>

</span>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:blog.pageType != "static_page"'>

<b:if cond='data:post.allowComments'>

<b:include data='post' name='comment_count_picker'/>

</b:if>

</span>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:blog.pageType != "static_page"'>

<b:if cond='data:post.showBacklinks'>

</b:if>

</span>

<b:if cond='data:post.emailPostUrl'>

</a>

</span>

</b:if>

<b:include data='post' name='postQuickEdit'/>

</span>

<b:if cond='data:post.sharePostUrl'>

<b:include data='post' name='shareButtons'/>

</b:if>

</div>

<b:if cond='data:post.labels'>

<data:postLabelsLabel/>

<b:loop values='data:post.labels' var='label'>

</b:loop>

</b:if>

</span>

</div>

<b:if cond='data:top.showLocation'>

<b:if cond='data:post.location'>

<data:postLocationLabel/>

</b:if>

</span>

</div>

<b:if cond='data:post.authorAboutMe'>

<b:if cond='data:post.authorPhoto.url'>

</b:if>

<div>

</a>

</div>

</div>

</b:if>

</div>

</b:includable>

<b:includable id='postQuickEdit' var='post'>

<b:if cond='data:post.editUrl'>

</a>

</span>

</b:if>

</b:includable>

<b:includable id='shareButtons' var='post'>

<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>

</b:includable>

<b:includable id='status-message'>

<b:if cond='data:navMessage'>

<data:navMessage/>

</div>

</div>

</b:if>

</b:includable>

<b:includable id='threaded-comment-form' var='post'>

<b:if cond='data:mobile'>

<data:blogTeamBlogMessage/>

<b:else/>

<data:blogTeamBlogMessage/>

</b:if>

<data:post.friendConnectJs/>

<data:post.cmtfpIframe/>

BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');

</script>

</div>

</b:includable>

<b:includable id='threaded_comment_js' var='post'>

(function() {

var items = <data:post.commentJso/>;

var msgs = <data:post.commentMsgs/>;

var config = <data:post.commentConfig/>;

// <![CDATA[

var cursor = null;

if (items && items.length > 0) {

cursor = parseInt(items[items.length - 1].timestamp) + 1;

}

var bodyFromEntry = function(entry) {

if (entry.gd$extendedProperty) {

for (var k in entry.gd$extendedProperty) {

if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {

return '<span class="deleted-comment">' + entry.content.$t + '</span>';

}

return entry.content.$t;

}

var parse = function(data) {

cursor = null;

var comments = [];

if (data && data.feed && data.feed.entry) {

for (var i = 0, entry; entry = data.feed.entry[i]; i++) {

var comment = {};

// comment ID, parsed out of the original id format

var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);

comment.id = id ? id[2] : null;

comment.body = bodyFromEntry(entry);

comment.timestamp = Date.parse(entry.published.$t) + '';

if (entry.author && entry.author.constructor === Array) {

var auth = entry.author[0];

if (auth) {

comment.author = {

name: (auth.name ? auth.name.$t : undefined),

profileUrl: (auth.uri ? auth.uri.$t : undefined),

avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)

};

}

if (entry.link) {

if (entry.link[2]) {

comment.link = comment.permalink = entry.link[2].href;

}

if (entry.link[3]) {

var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);

if (pid && pid[1]) {

comment.parentId = pid[1];

}

comment.deleteclass = 'item-control blog-admin';

if (entry.gd$extendedProperty) {

for (var k in entry.gd$extendedProperty) {

if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {

comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;

} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {

comment.displayTime = entry.gd$extendedProperty[k].value;

}

comments.push(comment);

}

return comments;

};

var paginator = function(callback) {

if (hasMore()) {

var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';

if (cursor) {

url += '&published-min=' + new Date(cursor).toISOString();

}

window.bloggercomments = function(data) {

var parsed = parse(data);

cursor = parsed.length < 50 ? null

: parseInt(parsed[parsed.length - 1].timestamp) + 1

callback(parsed);

window.bloggercomments = null;

}

url += '&callback=bloggercomments';

var script = document.createElement('script');

script.type = 'text/javascript';

script.src = url;

document.getElementsByTagName('head')[0].appendChild(script);

}

};

var hasMore = function() {

return !!cursor;

};

var getMeta = function(key, comment) {

if ('iswriter' == key) {

var matches = !!comment.author

&& comment.author.name == config.authorName

&& comment.author.profileUrl == config.authorUrl;

return matches ? 'true' : '';

} else if ('deletelink' == key) {

return config.baseUri + '/delete-comment.g?blogID='

+ config.blogId + '&postID=' + comment.id;

} else if ('deleteclass' == key) {

return comment.deleteclass;

}

return '';

};

var replybox = null;

var replyUrlParts = null;

var replyParent = undefined;

var onReply = function(commentId, domId) {

if (replybox == null) {

// lazily cache replybox, and adjust to suit this style:

replybox = document.getElementById('comment-editor');

if (replybox != null) {

replybox.height = '250px';

replybox.style.display = 'block';

replyUrlParts = replybox.src.split('#');

}

if (replybox && (commentId !== replyParent)) {

document.getElementById(domId).insertBefore(replybox, null);

replybox.src = replyUrlParts[0]

+ (commentId ? '&parentID=' + commentId : '')

+ '#' + replyUrlParts[1];

replyParent = commentId;

}

};

var hash = (window.location.hash || '#').substring(1);

var startThread, targetComment;

if (/^comment-form_/.test(hash)) {

startThread = hash.substring('comment-form_'.length);

} else if (/^c[0-9]+$/.test(hash)) {

targetComment = hash.substring(1);

}

// Configure commenting API:

var configJso = {

'maxDepth': config.maxThreadDepth

};

var provider = {

'id': config.postId,

'data': items,

'loadNext': paginator,

'hasMore': hasMore,

'getMeta': getMeta,

'onReply': onReply,

'rendered': true,

'initComment': targetComment,

'initReplyThread': startThread,

'config': configJso,

'messages': msgs

};

var render = function() {

if (window.goog && window.goog.comments) {

var holder = document.getElementById('comment-holder');

window.goog.comments.render(holder, provider);

}

};

// render now, or queue to render when library loads:

if (window.goog && window.goog.comments) {

render();

} else {

window.goog = window.goog || {};

window.goog.comments = window.goog.comments || {};

window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];

window.goog.comments.loadQueue.push(render);

}

})();

// ]]>

</script>

</b:includable>

<b:includable id='threaded_comments' var='post'>

<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='threaded_comment_js'/>

</b:if>

<data:post.commentHtml/>

</div>

<b:if cond='data:post.allowNewComments'>

<b:include data='post' name='threaded-comment-form'/>

<b:else/>

<data:post.noNewCommentsText/>

</b:if>

</p>

<b:if cond='data:showCmtPopup'>

</iframe>

</div>

</b:if>

<b:if cond='data:post.showBacklinks'>

<b:include data='post' name='backlinks'/>

</b:if>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

<aside>

<macro:include id='main-column-left-sections' name='sections'>

<macro:param default='0' name='num' value='1'/>

<macro:param default='sidebar-left' name='idPrefix'/>

<macro:param default='sidebar' name='class'/>

<macro:param default='true' name='includeBottom'/>

</macro:include>

</aside>

</div>

<aside>

<macro:include id='main-column-right-sections' name='sections'>

<macro:param default='2' name='num' value='0'/>

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

</div>

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

<b:section class='foot' id='footer-3' showaddelement='no'/>

</div>

</div>

</footer>

</div>

</div>

window.setTimeout(function() {

document.body.className = document.body.className.replace('loading', '');

}, 10);

</script>

</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 + "-1"' preferred='yes' showaddelement='yes'/>

<macro:if cond='data:col.num >= 2'>

<tbody>

<tr>

<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-1"'/>

</td>

<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-2"'/>

</td>

<macro:if cond='data:col.num >= 3'>

<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-3"'/>

</td>

</macro:if>

<macro:if cond='data:col.num >= 4'>

<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-2-4"'/>

</td>

</macro:if>

</tr>

</tbody>

</table>

<macro:if cond='data:col.includeBottom'>

<b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + "-3"' showaddelement='no'/>

</macro:if>

</macro:includable>

<b:section-contents id='sidebar-left-1'>

<b:widget id='HTML1' locked='false' title='Welcome' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='HTML3' locked='false' title='Pesquise!' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

<b:widget id='Label1' locked='false' title='Marcadores' type='Label'>

<b:includable id='main'>

<b:if cond='data:title'>

</b:if>

<b:if cond='data:display == "list"'>

<ul>

<b:loop values='data:labels' var='label'>

<li>

<b:if cond='data:blog.url == data:label.url'>

<b:else/>

</b:if>

<b:if cond='data:showFreqNumbers'>

</b:if>

</li>

</b:loop>

</ul>

<b:else/>

<b:loop values='data:labels' var='label'>

<b:if cond='data:blog.url == data:label.url'>

<b:else/>

</b:if>

<b:if cond='data:showFreqNumbers'>

</b:if>

</span>

</b:loop>

</b:if>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

<b:widget id='BlogArchive1' locked='false' title='Arquivo do blog' type='BlogArchive'>

<b:includable id='main'>

<b:if cond='data:title'>

</b:if>

<b:if cond='data:style == "HIERARCHY"'>

<b:include data='data' name='interval'/>

</b:if>

<b:if cond='data:style == "FLAT"'>

<b:include data='data' name='flat'/>

</b:if>

<b:if cond='data:style == "MENU"'>

<b:include data='data' name='menu'/>

</b:if>

</div>

<b:include name='quickedit'/>

</div>

</b:includable>

<b:includable id='flat' var='data'>

<b:loop values='data:data' var='i'>

<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)

</li>

</b:loop>

</ul>

</b:includable>

<b:includable id='interval' var='intervalData'>

<b:loop values='data:intervalData' var='i'>

<b:include data='i' name='toggle'/>

<b:if cond='data:i.data'>

<b:include data='i.data' name='interval'/>

</b:if>

<b:if cond='data:i.posts'>

<b:include data='i.posts' name='posts'/>

</b:if>

</li>

</ul>

</b:loop>

</b:includable>

<b:includable id='menu' var='data'>

<b:loop values='data:data' var='i'>

</b:loop>

</select>

</b:includable>

<b:includable id='posts' var='posts'>

<b:loop values='data:posts' var='i'>

</b:loop>

</ul>

</b:includable>

<b:includable id='toggle' var='interval'>

<b:if cond='data:interval.toggleId'>

<b:if cond='data:interval.expclass == "expanded"'>

</a>

<b:else/>

<b:if cond='data:blog.languageDirection == "rtl"'>

◄ 

<b:else/>

► 

</b:if>

</span>

</a>

</b:if>

</b:includable>

</b:widget>

<b:widget id='HTML2' locked='false' title='Afiliados' type='HTML'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section-contents><b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'/><b:section-contents id='footer-2-2'/></html>

.

03/05/2014

Como usar o Layout Free

Um comentário: