Códigos do Layout

|| || 4 comentários:


Olá, esse é o layout free do blog Lovely Milkshake. O tamanho da área da postagem ficou meio diferente, então para a imagem encaixar direitinho é preciso que ela tenha 638px de largura. A que usei é 638x300. A margem foi feita com o editor Photofiltre. Fiz uma nova camada (transparente) e apliquei uma borda de 1px preta. Depois fiz mais uma, só que dessa vez 6px menor, tanto na largura quanto na altura, e apliquei uma borda de 1px preta. Uni essas duas camadas e usai a função Overlay. A margem que usei deixei prontinha e disponível aqui. Bem, esse é o negrito, o sublinhado, o itálico e o tachado, o link já utilizei antes, mas é assim. Ainda não sei bem quantas linhas seria ideal para cada nivelação, depende do tamanho da imagem que for utilizada >< e também não sei qual modelo de gadget inicial cada um vai usar, então fica difícil de dizer. Ah, uma informação, sabem o arquivo no calendário ali? Então, as postagens em rascunho aparecem ali @_@ só para que saibam, caso quiserem podem retirá-lo. CLIQUE AQUI PARA FAZER DOWNLOAD. E é claro, se usar, credite.

Só uma relembrada nas regras:

 Não use como um layout base, de jeito nenhum faça isso;
 Não copie nenhum código sem pedir permissão, quer um código, pergunte para mim e eu tentarei te ajudar;
 Não diga que foi você quem criou, muito menos repasse;
 Credite e não retire os créditos presentes no layout;
 Se for usar o layout, por favor, siga publicamente o Lovely Milkshake e comente aqui que está usando;

Cabeçalho (opcional) - é opcional, mas se quiser colocar o nome do blog, crie uma imagem png de 940px de largura, com a altura que quiser. Escreva o título do post, centralizado, e corte a imagem com a altura rente à fonte. A letra que usei é a "Always In My Heart". Mas pode deixar sem, ou então colocar qualquer coisa de cabeçalho.

1) Welcome + gadget de seguidores (flutuante) *arrume a parte dos seus seguidores, para que a caixinha fique certa, siga esse tutorial*

Modelo 1:
<div class="caixa1">
<div class="descr">Bem, aqui fica uma pequena introdução. O gadget fofo onde se deseja as boas vindas. Não coloquei, mas se quiser, pode adicionar um gadget abaixo com um pequeno texto sobre a autora :3</div>
</div>
<div style="margin-top: -8px;">
<a href="#" title="título" id="menupink">1</a>
<a href="#" title="título" id="menupink">2</a>
<a href="#" title="título" id="menupink">3</a>
<a href="#" title="título" id="menupink">4</a>
<a href="#" title="título" id="menupink">5</a>
<a href="#" title="título" id="menupink">6</a>
<a href="#" title="título" id="menupink" style="margin-right: -2px;">7</a>
</div>





<div class="slide_likebox"><div class='likeboxwrap'>
<div style="margin-left: -1px; margin-top: 0px;">

<div style="position: absolute; margin-top: -1px; margin-left: -1px;">
<a href="https://www.google.com/friendconnect/signin/home?st=e%3DAOG8GaD9cChbo72tr7nbG0yFfy6GQMhRWvanQf82J%252Be12B6xcuNmUopQLK78Boxv%252Fr%252BU878axwNqrwY6%252FdTrtChDjH%252F%252BUO0d1O2nslT4%252By6oiTy1cYxgXLjrwz9JwflRqMzuKUmaTpGVBD5SnE%252Fueg6KAezxiIpXRHT9kirbtFFo09stc8URnb9XCGvW9ebL2jtVdzaBsi8zGKtS20YghwiMzy6DZapPtPOd1SXBq9njvTSMwG7iHDVD7GKMYvpKIKHclb4JDBz0KNl8MTneRi2PNrCW%252F4zloA%253D%253D%26c%3Dpeoplesense&psinvite=&subscribeOnSignin=1" onclick="window.open(this.href,'galeria','width=878,height=550'); return false;" title="follow this blog"><img src="http://static.tumblr.com/5hnnnp2/cHpnk525r/follow.png"/></a>
</div>

<div id='Followers1-wrapper'>
<div style='margin-right:2px;'>
<script type="text/javascript">
        if (!window.google || !google.friendconnect) {
          document.write('<script type="text/javascript"' +
              'src="//www.google.com/friendconnect/script/friendconnect.js">' +
              '</scr' + 'ipt>');
        }
      </script>
<script type="text/javascript">
      if (!window.registeredBloggerCallbacks) {
        window.registeredBloggerCallbacks = true;

     

     
        gadgets.rpc.register('requestReload', function() {
          document.location.reload();
        });

     
        gadgets.rpc.register('requestSignOut', function(siteId) {
       
          google.friendconnect.container.openSocialSiteId = siteId;
          google.friendconnect.requestSignOut();
        });
      }
    </script>
<script type="text/javascript">
 
    function registerGetBlogUrls() {
      gadgets.rpc.register('getBlogUrls', function() {
        var holder = {};
     
       
       
       
            holder.postFeed = "http://www.blogger.com/feeds/5599000370496765597/posts/default";
       
       
       
            holder.commentFeed = "http://www.blogger.com/feeds/5599000370496765597/comments/default";
       
          holder.currentBlogUrl = "http://l-ayoutfree.blogspot.com/";
          holder.currentBlogId = "5599000370496765597";
     
        return holder;
      });
    }
  </script>
<script type="text/javascript">
  if (!window.registeredCommonBloggerCallbacks) {
    window.registeredCommonBloggerCallbacks = true;

    gadgets.rpc.register('resize_iframe', function(height) {
      var el = document.getElementById(this['f']);
      if (el) {
        el.style.height = height + 'px';
      }
    });

 
    gadgets.rpc.register('set_pref', function() {});

    registerGetBlogUrls();
  }
  </script>
<div id="div-anvonzx3xvsb" style="width: 100%; "></div>
<script type="text/javascript">
    var skin = {};
    skin['FACE_SIZE'] = '32';
    skin['HEIGHT'] = "260";
    skin['TITLE'] = "Seguidores";
    skin['BORDER_COLOR'] = "transparent";
    skin['ENDCAP_BG_COLOR'] = "transparent";
    skin['ENDCAP_TEXT_COLOR'] = "#ffffff";
    skin['ENDCAP_LINK_COLOR'] = "#ed78a7";
    skin['ALTERNATE_BG_COLOR'] = "transparent";
 
    skin['CONTENT_BG_COLOR'] = "transparent";
    skin['CONTENT_LINK_COLOR'] = "#E0B3C4";
    skin['CONTENT_TEXT_COLOR'] = "#BEC09B";
    skin['CONTENT_SECONDARY_LINK_COLOR'] = "#E0B3C4";
    skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#BEC09B";
    skin['CONTENT_HEADLINE_COLOR'] = "#BEC09B";
    skin['FONT_FACE'] = "normal normal 13px \x27Trebuchet MS\x27, Trebuchet, sans-serif";
    google.friendconnect.container.setParentUrl("/");
    google.friendconnect.container["renderMembersGadget"](
    {id: "div-anvonzx3xvsb",
     height: 260,
   
   
   
     site: "03451148478875614635",
   
     locale: 'pt_BR' },
     skin);
  </script>
</div>
</div>
</div>
</div></div>






<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type='text/javascript' language='Javascript'>
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="http://static.tumblr.com/5hnnnp2/OkNnk8ndw/up.png"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:''})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>



<style>HTML,BODY, form, input {cursor: url("http://static.tumblr.com/5hnnnp2/3Ernk3f06/cursor.png"), auto;}</style>
<style>A:hover{cursor:
url("http://static.tumblr.com/5hnnnp2/3Ernk3f06/cursor.png"), auto;}</style>

Modelo 2:
<div class="caixa1">
<img src="http://static.tumblr.com/5hnnnp2/1Ftnk4r6y/welcome.png" class="tulip" style="margin-bottom: -3px;"/>

<div style="margin-left: -1px;">
<a href="#" title="título" id="menupink">1</a>
<a href="#" title="título" id="menupink">2</a>
<a href="#" title="título" id="menupink">3</a>
<a href="#" title="título" id="menupink">4</a>
<a href="#" title="título" id="menupink">5</a>
<a href="#" title="título" id="menupink">6</a>
<a href="#" title="título" id="menupink" style="margin-right: -2px;">7</a>
</div>

Bem, aqui fica uma pequena introdução. O gadget fofo onde se deseja as boas vindas. Não coloquei, mas se quiser, pode adicionar um gadget abaixo com um pequeno texto sobre a autora :3





<div class="slide_likebox"><div class='likeboxwrap'>
<div style="margin-left: -1px; margin-top: 0px;">

<div style="position: absolute; margin-top: -1px; margin-left: -1px;">
<a href="https://www.google.com/friendconnect/signin/home?st=e%3DAOG8GaD9cChbo72tr7nbG0yFfy6GQMhRWvanQf82J%252Be12B6xcuNmUopQLK78Boxv%252Fr%252BU878axwNqrwY6%252FdTrtChDjH%252F%252BUO0d1O2nslT4%252By6oiTy1cYxgXLjrwz9JwflRqMzuKUmaTpGVBD5SnE%252Fueg6KAezxiIpXRHT9kirbtFFo09stc8URnb9XCGvW9ebL2jtVdzaBsi8zGKtS20YghwiMzy6DZapPtPOd1SXBq9njvTSMwG7iHDVD7GKMYvpKIKHclb4JDBz0KNl8MTneRi2PNrCW%252F4zloA%253D%253D%26c%3Dpeoplesense&psinvite=&subscribeOnSignin=1" onclick="window.open(this.href,'galeria','width=878,height=550'); return false;" title="follow this blog"><img src="http://static.tumblr.com/5hnnnp2/cHpnk525r/follow.png"/></a>
</div>

<div id='Followers1-wrapper'>
<div style='margin-right:2px;'>
<script type="text/javascript">
        if (!window.google || !google.friendconnect) {
          document.write('<script type="text/javascript"' +
              'src="//www.google.com/friendconnect/script/friendconnect.js">' +
              '</scr' + 'ipt>');
        }
      </script>
<script type="text/javascript">
      if (!window.registeredBloggerCallbacks) {
        window.registeredBloggerCallbacks = true;

     

     
        gadgets.rpc.register('requestReload', function() {
          document.location.reload();
        });

     
        gadgets.rpc.register('requestSignOut', function(siteId) {
       
          google.friendconnect.container.openSocialSiteId = siteId;
          google.friendconnect.requestSignOut();
        });
      }
    </script>
<script type="text/javascript">
 
    function registerGetBlogUrls() {
      gadgets.rpc.register('getBlogUrls', function() {
        var holder = {};
     
       
       
       
            holder.postFeed = "http://www.blogger.com/feeds/5599000370496765597/posts/default";
       
       
       
            holder.commentFeed = "http://www.blogger.com/feeds/5599000370496765597/comments/default";
       
          holder.currentBlogUrl = "http://l-ayoutfree.blogspot.com/";
          holder.currentBlogId = "5599000370496765597";
     
        return holder;
      });
    }
  </script>
<script type="text/javascript">
  if (!window.registeredCommonBloggerCallbacks) {
    window.registeredCommonBloggerCallbacks = true;

    gadgets.rpc.register('resize_iframe', function(height) {
      var el = document.getElementById(this['f']);
      if (el) {
        el.style.height = height + 'px';
      }
    });

 
    gadgets.rpc.register('set_pref', function() {});

    registerGetBlogUrls();
  }
  </script>
<div id="div-anvonzx3xvsb" style="width: 100%; "></div>
<script type="text/javascript">
    var skin = {};
    skin['FACE_SIZE'] = '32';
    skin['HEIGHT'] = "260";
    skin['TITLE'] = "Seguidores";
    skin['BORDER_COLOR'] = "transparent";
    skin['ENDCAP_BG_COLOR'] = "transparent";
    skin['ENDCAP_TEXT_COLOR'] = "#ffffff";
    skin['ENDCAP_LINK_COLOR'] = "#ed78a7";
    skin['ALTERNATE_BG_COLOR'] = "transparent";
 
    skin['CONTENT_BG_COLOR'] = "transparent";
    skin['CONTENT_LINK_COLOR'] = "#E0B3C4";
    skin['CONTENT_TEXT_COLOR'] = "#BEC09B";
    skin['CONTENT_SECONDARY_LINK_COLOR'] = "#E0B3C4";
    skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#BEC09B";
    skin['CONTENT_HEADLINE_COLOR'] = "#BEC09B";
    skin['FONT_FACE'] = "normal normal 13px \x27Trebuchet MS\x27, Trebuchet, sans-serif";
    google.friendconnect.container.setParentUrl("/");
    google.friendconnect.container["renderMembersGadget"](
    {id: "div-anvonzx3xvsb",
     height: 260,
   
   
   
     site: "03451148478875614635",
   
     locale: 'pt_BR' },
     skin);
  </script>
</div>
</div>
</div>
</div></div>






<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type='text/javascript' language='Javascript'>
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="http://static.tumblr.com/5hnnnp2/OkNnk8ndw/up.png"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:''})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>



<style>HTML,BODY, form, input {cursor: url("http://static.tumblr.com/5hnnnp2/3Ernk3f06/cursor.png"), auto;}</style>
<style>A:hover{cursor:
url("http://static.tumblr.com/5hnnnp2/3Ernk3f06/cursor.png"), auto;}</style>

2) Tags
<a href="#" id="flower" title="título">diy</a>
<a href="#" id="flower" title="título" style="margin-right: 0px;">nail art</a>

<a href="#" id="flower" title="título">maquiagem</a>
<a href="#" id="flower" title="título" style="margin-right: 0px;">looks</a>

<a href="#" id="flower" title="título">música</a>
<a href="#" id="flower" title="título" style="margin-right: 0px;">filmes</a>

<a href="#" id="flower" title="título">livros</a>
<a href="#" id="flower" title="título" style="margin-right: 0px;">playlist</a>


<input type="text" name="s" id="s" value="search!" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/>

3) Afiliados
<div style=" margin-top: 3px;"></div>
<div style="text-align:center; margin-left: 1px; margin-right: -1px;">
<a href="#" title="Vaga"><img src="http://static.tumblr.com/5hnnnp2/wlznk4quz/afiliados_001.png" class="afili" style="margin-left: -2px;"/></a>
<a href="#" title="Vaga"><img src="http://static.tumblr.com/5hnnnp2/ojQnk4qvc/afiliados_002.png" class="afili"/></a>
<a href="#" title="Vaga"><img src="http://static.tumblr.com/5hnnnp2/Vqonk4qvi/afiliados_003.png" class="afili"/></a>
<a href="#" title="Vaga"><img src="http://static.tumblr.com/5hnnnp2/PSknk4qvr/afiliados_004.png" class="afili"/></a>
<a href="#" title="Vaga"><img src="http://static.tumblr.com/5hnnnp2/ADhnk4qw8/afiliados_005.png" class="afili"/></a>


<a href="#" title="Vaga"><img src="http://static.tumblr.com/5hnnnp2/zGTnk4qwk/afiliados_006.png" class="afili" style="margin-left: -2px;"/></a>
<a href="#" title="Vaga"><img src="http://static.tumblr.com/5hnnnp2/SmBnk4qww/afiliados_007.png" class="afili"/></a>
<a href="#" title="Vaga"><img src="http://static.tumblr.com/5hnnnp2/9cfnk4qxa/afiliados_008.png" class="afili"/></a>
<a href="#" title="Vaga"><img src="http://static.tumblr.com/5hnnnp2/mPXnk4qxo/afiliados_009.png" class="afili"/></a>
<a href="#" title="Vaga"><img src="http://static.tumblr.com/5hnnnp2/HDqnk4qxx/afiliados_010.png" class="afili"/></a>


<a href="#" title="Vaga"><img src="http://static.tumblr.com/5hnnnp2/Fdnnk4qy9/afiliados_011.png" class="afili" style="margin-left: -2px;"/></a>
<a href="#" title="Vaga"><img src="http://static.tumblr.com/5hnnnp2/9x7nk4qyj/afiliados_012.png" class="afili"/></a>
<a href="#" title="Vaga"><img src="http://static.tumblr.com/5hnnnp2/RUYnk4qyt/afiliados_013.png" class="afili"/></a>
<a href="#" title="Vaga"><img src="http://static.tumblr.com/5hnnnp2/7Yqnk4qyz/afiliados_014.png" class="afili"/></a>
<a href="#" title="Vaga"><img src="http://static.tumblr.com/5hnnnp2/r2ynk4qze/afiliados_015.png" class="afili"/></a>

<a href="javascript: abrir();" id="flower" title="todos os afiliados" style="width: 242px; margin-right: 0px; margin-left: -2px;">more</a>

</div>









<div id="popup">
<br /><br /><popuptitle>Todos os Afiliados</popuptitle>
<br />

<div class="fundobranco">

<img src="http://static.tumblr.com/5hnnnp2/GlWnk50bc/popupimage.png" class="tulip" style="margin-left: -1px; margin-top: 2px; margin-bottom: -2px;"/>

<a href="#" id="flower" title="vaga">Vaga</a>
<a href="#" id="flower" title="vaga">Vaga</a>
<a href="#" id="flower" title="vaga">Vaga</a>
<a href="#" id="flower" title="vaga" style="margin-right: 0px;">Vaga</a>

<a href="#" id="flower" title="vaga">Vaga</a>
<a href="#" id="flower" title="vaga">Vaga</a>
<a href="#" id="flower" title="vaga">Vaga</a>
<a href="#" id="flower" title="vaga" style="margin-right: 0px;">Vaga</a>

<a href="#" id="flower" title="vaga">Vaga</a>
<a href="#" id="flower" title="vaga">Vaga</a>
<a href="#" id="flower" title="vaga">Vaga</a>
<a href="#" id="flower" title="vaga" style="margin-right: 0px;">Vaga</a>

<a href="#" id="flower" title="vaga">Vaga</a>
<a href="#" id="flower" title="vaga">Vaga</a>
<a href="#" id="flower" title="vaga">Vaga</a>
<a href="#" id="flower" title="vaga" style="margin-right: 0px;">Vaga</a>

<a href="#" id="flower" title="vaga">Vaga</a>
<a href="#" id="flower" title="vaga">Vaga</a>
<a href="#" id="flower" title="vaga">Vaga</a>
<a href="#" id="flower" title="vaga" style="margin-right: 0px;">Vaga</a>


</div>


<a href="javascript: fechar();"><popuptitle>Fechar</popuptitle></a>

</div>

4) Change the Background
<div id="backgrounds">

<script src='http://code.jquery.com/jquery-1.6.2.min.js' type='text/javascript'></script>

<script>
$(document).ready(function(){
 $("#background01").click(function(){


$("html").css({"background":"url(http://static.tumblr.com/5hnnnp2/n1Inl7hzm/bgflower.png) fixed"});
 });
});
$(document).ready(function(){
 $("#background02").click(function(){


$("html").css({"background":"url(http://static.tumblr.com/5hnnnp2/Aaunl7iam/floral_wallpaper.png) fixed"});
 });
});
$(document).ready(function(){
 $("#background03").click(function(){


$("html").css({"background":"url(http://static.tumblr.com/5hnnnp2/Ybdnl7i1e/bg.png) repeat fixed center"});
 });
});

$(document).ready(function(){
 $("#background04").click(function(){


$("html").css({"background":"url(http://static.tumblr.com/5hnnnp2/sbtnkt0g9/27.png) fixed"});
 });
});

</script>

<center>
<a href="javascript:void(O)" id='background01' title="Cute Flowers"><img src="http://static.tumblr.com/5hnnnp2/RXhnjvlqt/forumfundofloridorosa3-foreversapo.png" /></a>

<a href="javascript:void(O)" id='background02' title="Vintage Flowers"><img

src="http://static.tumblr.com/5hnnnp2/WjQnjxm3f/floral_wallpaper.jpg" /></a>

<a href="javascript:void(O)" id='background03' title="classic & vintage"><img

src="http://static.tumblr.com/5hnnnp2/Ybdnl7i1e/bg.png"

/></a>
<a href="javascript:void(O)" id='background04' title="original background"><img

src="http://static.tumblr.com/5hnnnp2/sbtnkt0g9/27.png"

/></a>
</center></div>
5) Arquivos
Vá no layout, adicione o gadget de arquivos e configure-o da seguinte maneira: Lista simples > Mostrar título das postagens > Deixe a opção "Mostrar as postagens mais antigas primeiro" desligada > Mensal > Formato com o mês escrito por extenso (Janeiro)
6) Goodbye
Aqui seria a despedida, como: "obrigada por visitar meu blog, não se esqueça de deixar um comentário. Espero que tenha gostado do blog, volte sempre" E por favor, coloque algo como: "Layout desenvolvido por Amy, <a href="http://l-ovelymilkshake.blogspot.com.br/">Lovely Milkshake</a>, com a ajuda dos seguintes blogs:", é importante ter isso <br/>

<a href="http://www.kawaii-world.net/" title="Kawaii World" id="menupink">KW</a>
<a href="http://the-moon-reverse.blogspot.com.br/" title="The Moon Reverse" id="menupink">TMR</a>
<a href="http://www.g-nmh.com/" title="Garota no Mundo HTML" id="menupink" style="width: 35px;">GNMH</a>
<a href="http://adolescentenerd.blogspot.com.br/" title="adolescente nerd" id="menupink">AN</a>
<a href="http://wehearthtml.blogspot.com/" title="We Heart HTML" id="menupink">WHH</a>
<a href="http://www.bunnycrazy.net/" title="Bunny Crazy" id="menupink">BC</a>
<a href="https://www.tumblr.com/themes/upload_static_file" title="Tumblr upload static file" id="menupink" style="padding-top: 0px; width: 15px; margin-right: 0px;">☆</a>

7) Footer
Layout por <a href="http://l-ovelymilkshake.blogspot.com.br/">Lovely Milkshake</a> || Tecnologia do <a href="https://www.blogger.com/home">Blogger</a> || Favor não retirar os créditos, plágio é crime

4 comentários, também deixe seu comentário! \(^▽^@)ノ