7 de ago. de 2015

Layout Feminino Free

Olá pessoal, hoje eu vim liberar o Layout que eu estava sorteando o nele contem:
Gadgets Personalizado
Menu Personalizado
Data Personalizada
Últimos posts no topo
Comentários Personalizado
Marcadores Personalizado
Perfil Personalizado
Botão subir ao topo 
Temos que editar algumas coisas, clique em Leia Mais para ver como editar

Barra fixa no topo

 Vá em Layout >> Em HTML/JavaScript e cole esse código:
<div style=" background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_NP4r1ZPziXLLIcgY2f8iXvAOGi8yGaxJ0kidkGEiY7p5cceCBSwvpG9xthJ8cehXJZZByhZBcO3wK8d2hkyqsM7r9RjZ7h4rMnYVP86hD4cQNWa8XrwDnetN1AmoFBTYuwZwXwXKVnsS/s1600/barrinha01.gif'); top: 0px; left: 0px; width: 100%; height: 25px; z-index: 100; position: fixed;"></div>

Últimos posts no topo do blog

Vá em Layout >> Em HTML/JavaScript e cole esse código:
<div id='box_recentes'>
<div class="recentes">
<img src="URL DA IMAGEM" />
<div class="mask">
<p>TITULO DO POST</p>
<a href="LINK DO POST" class="info">Leia Mais</a>
</div></div>
<div class="recentes">
<img src="IMAGEM DO POST" />
<div class="mask">
<p>TITULO DO POST</p>
<a href="LINK DO POST" class="info">Leia Mais</a>
</div></div>
<div class="recentes">
<img src="IMAGEM DO POST" />
<div class="mask">
<p>TITULO DO POST</p>
<a href="LINK DO POST" class="info">Leia mais</a>
</div></div>
<div class="recentes">
<img src="IMAGEM DO POST" />
<div class="mask">
<p>TITULO DO POST</p>
<a href="LINK DO POST" class="info">Leia Mais</a>
</div></div>
<div class="recentes">
<img src="IMAGEM DO POST" />
<div class="mask">
<p>TITULO DO POST</p>
<a href="LINK DO POST" class="info">Leia Mais</a>
</div></div>
</div>
Edite onde está em negrito

Perfil

Em Layout onde está Perfil cole esse código:
<center>
<img src="IMAGEM DO PERFIL" style="-moz-border-radius: 200px; -webkit-border-radius: 200px; -o-border-radius: 200px; width:240px; heigh:auto;" />
<br />
 SOBRE VOCÊ <br />
<center><a href="ENDEREÇO-DA-REDE-SOCIAL-FACEBOOK"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirLSIpTsTcKY-HKBTD-m_fXcCWvvMHVYl7P_932DaVo0dJocgTW2K1MNQcF2zxDWpKM6uAfCkFt-RodBBcRw8EnB22m5JldiT61DuZ6h3WhU0hZcG1mDsBcxGoztSumAvXWjAvxSKUYvM/s1600/bbs.png"/></a><a href="ENDEREÇO-DA-REDE-SOCIAL-INSTAGRAM"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQUKAGvwB5dSIkAk_CtfcGzaJEAZLnhIqgRDqqUR1HCu3tRvqLD1dcPuGJ_OI3F5e76yyi9W6ZQYFgJXJQ8OTyx1CRt6iwfki6eMht99k1TfcnVja5AZnv96X7S6YexUqbRjRDHjlcXyo/s1600/ii.png"/></a><a href="ENDEREÇO-DA-REDE-SOCIAL-TWITTER"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAZYNDktrveGT-pImOLAhxp-DbgaW2U1kqpbkxlUhMQbLUZMshFuaMtvds5QJCMgz49Uo_GB4bFFnmV_RveC2lc1RPm0mnHVXuQCs4fJG4LjXETbMoZ6a7HvDpQp2SVlGQYViSg0NsnEA/s1600/tttt.png"/></a></center></center>

Edite onde está em Negrito

Marcadores
Deixe assim:

Botão Voltar ao Topo

Em Layout clique em editar no HTML/JavaScript e cole esse código:
<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://i1291.photobucket.com/albums/b550/BlogJessicaMelo/seta_zps979e0ad6.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:'Scroll Back to Top'})
.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>

Prontinho, salve e visualize gostou? 

7 comentários:

  1. Adorei todas as dicas, bjus

    www.garotadecabeloveremlho.blogspot.com.br

    ResponderExcluir
  2. Já pensou em receber milhares de visitas diariamente em seu site, blog ou vídeo do YouTube?
    Agora é possível, graças ao mais novo e melhor sistema de divulgação da PORTAL MAIS VISITAS.
    Acesse nosso site e confira!
    http://portalmaisvisitas.blogspot.com

    EM PARCERIA COM Tony Tec

    JUNTOS TRAZENDO MUITO MAIS TRAFEGO PARA SEU SITE!!

    ResponderExcluir
  3. Amei suas dicas super legais beijinhos

    http://blogdameeninamooca.blogspot.com.br/

    ResponderExcluir
  4. Já pensou em receber milhares de visitas diariamente em seu site, blog?
    Agora é possível, graças ao mais novo e melhor sistema de divulgação PORTAL MAIS VISITAS.
    Acesse nosso site e confira!
    http://portalmaisvisitas.blogspot.com

    ResponderExcluir
  5. Você merece um premio nobel por me ajudar tanto!!! Muito obrigada ;3

    ResponderExcluir

Copyright © 2014 | Design e C�digo: Sanyt Design | Tema: Viagem - Blogger | Uso pessoal • voltar ao topo