Clique em Mais Informacoes para ver s codigos dos gadgets do lay free
Vá no seu Layout, e cole os codigos nos titulos indicados, vc pode mudar os titulos, a organizacao dos gadgets e add mais gadgets...
HTML/JS SEM TITULO ( PRIMEIRO )
<a href="http://www.blogger.com/follow-blog.g?blogID=xxxxxxxxxxxxxxxxxxx" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCXxaBWjnlcK_f5T9cZaNqrWUagAwBwFFUeuKRoP-9GgYBPnyi50kybrQOZG_l3gCglWpjlB-fmN8_hUDdzLQyGzFnDjN7EaPEYKuhur9pIqqDL03dR7NgTMZV15utLjSE79EAOodjOPo/s1600/f4.png" /></a>TAGS
BEM-VINDO<center/><a href="LINK"target="blank" title="NOME"><img src="http://4.bp.blogspot.com/-i8yg2R0MHAg/Ucn-SW0zsrI/AAAAAAAAHlg/ESpzZIilK3Y/s1600/5.png"class = "opacidade2" /></a>
Escreva o que quiser aqui!
<div style='image-align:center;margin-left:8px;margin-top:2px;margin-bottom:2px;'>
<a href="LINK"><bola>vaga</bola></a>
<a href="LINK"><bola>vaga</bola></a>
<a href="LINK"><bola>vaga</bola></a>
<a href="LINK"><bola>vaga</bola></a>
<a href="LINK"><bola>vaga</bola></a>
<a href="LINK"><bola>vaga</bola></a>
<br />
</div></center>
<style>AGENDINHA
.direita { float:right; width:49%; text-align:justify; }
.esquerda { float:left; width:49%; text-align:justify; }
#menutags20{
background-color: #ffeaee;
width: 91%;
height: 11px;
float: left;
font: 11px arial;
color: #e6adb9;
padding: 2px 0 6px 0;
text-align: center;
margin: 1px;
margin-bottom: 4px;
border-top: 1px solid #f7d0d8;
border-bottom: 1px solid #f7d0d8;
border-left: 3px solid #f7d0d8;
border-right: 3px solid #f7d0d8;
text-shadow: 1px 1px 0 #fff2f4;
} </style>
<div class="esquerda">
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
</div>
<div class="direita">
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
<a href="SEU LINK AQUI" id="menutags20">Nome</a>
</div>
<div class="agenda">?/? - Breve</div>BYE BYE :)
<div class="agenda">?/? - Breve</div>
<div class="agenda">?/? - Breve</div>
<div class="agenda">?/? - Breve</div>
<div class="agenda">?/? - Breve</div>
<div class="agenda">?/? - Breve</div>
<center/>ABOUT
<a href="LINK"target="blank" title="NOME"><img src="http://4.bp.blogspot.com/-z_a7j9uTUWs/Ucn-TQTm6_I/AAAAAAAAHl4/YhWH4zFegk0/s1600/9.png"class = "opacidade2" /></a>
Escreva o que quiser aqui!
<br />
Créditos: <center/><div style='image-align:center;margin-left:8px;margin-top:px;'>
<a href="http://www.garota-no-mundohtml.net/"><c4>✚</c4></a>
<a href="http://www.l-o-v-e-teens.blogspot.com"><c4>✚</c4></a>
</div></center>
</center>
<center/>AMIGUINHOS
<a href="LINK"target="blank" title="NOME"><img src="http://2.bp.blogspot.com/-8SxrRDKpQoM/Ucn-PavcfaI/AAAAAAAAHko/iOH4ZAsyP_E/s1600/11.png"class = "opacidade2" /></a>
Escreva o que quiser aqui!
<form action="/search" class="search" method="get"> <input class="searchbar" id="s" name="q"
placeholder='digite o que procura e dê enter' type="text" value="" /> <input class="searchbut" type="submit" value="" /> </form></center>
<style>
@font-face { font-family: "wish"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
#afiliados{
background-color: #FFE4E1;
width: 23px;
height: 10px;
font-family: wish;
font-size: 8px;
float: left;
padding: 2px 0 6px 0;
text-align: center;
margin-left: 5px;
margin-bottom: 4px;
color: #f49dc1;
line-height: 13px;
border: 1px solid #f49dc1;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
return: false;
}
#afiliados:hover {
opacity: .50;
}
</style>
<a href="LINK" title="NOME" id="afiliados">VG</a>
<a href="LINK" title="NOME" id="afiliados">VG</a>
<a href="LINK" title="NOME" id="afiliados">VG</a>
<a href="LINK" title="NOME" id="afiliados">VG</a>
<a href="LINK" title="NOME" id="afiliados">VG</a>
<a href="LINK" title="NOME" id="afiliados">VG</a>
<a href="LINK" title="NOME" id="afiliados">VG</a>
<a href="LINK" title="NOME" id="afiliados">VG</a>
<a href="LINK" title="NOME" id="afiliados">VG</a>
<a href="LINK" title="NOME" id="afiliados">VG</a>
<a href="LINK" title="NOME" id="afiliados">VG</a>
<a href="LINK" title="NOME" id="afiliados">VG</a>
<a href="LINK" title="NOME" id="afiliados">VG</a>
<a href="LINK" title="NOME" id="afiliados">VG</a>
<a href="LINK" title="NOME" id="afiliados">VG</a>
<a href="LINK" title="NOME" id="afiliados">VG</a>
<a href="LINK" title="NOME" id="afiliados">VG</a>
<a href="LINK" title="NOME" id="afiliados">VG</a>
<a href="LINK" title="NOME" id="afiliados">VG</a>
<a href="LINK" title="NOME" id="afiliados">VG</a>
<a href="LINK" title="NOME" id="afiliados">VG</a>
<a href="LINK" title="NOME" id="afiliados">VG</a>
<a href="LINK" title="NOME" id="afiliados">VG</a>
<a href="LINK" title="NOME" id="afiliados">VG</a>
STATUS
<div class="agenda">?/? - Breve</div>
<div class="agenda">?/? - Breve</div>
<div class="agenda">?/? - Breve</div>
<div class="agenda">?/? - Breve</div>
<div class="agenda">?/? - Breve</div>
<div class="agenda">?/? - Breve</div>
HTML/JS SEM TITULO ( ULTIMO )
<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7Tz0Fq62lzu09__zafNJ13ERb0vu2vecnxPo-lRggSrFlQCxODBlSuqJNJKNrQRtc9z0SxkncGB1wqgtw68p0njQUxwHLfo2lx1JDP83Z5jqp1MZFJVAMTY-_b6H8pEwLazSwVd7dogY/s1600/ballon2.gif"/>', //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:'SUBIR'})
.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{cursor: url("http://i205.photobucket.com/albums/bb186/mhilkas/favoicons/ribbonfaviconpng.png"), auto;}</style>
<div style=" background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg18AFSCQ4SJgho8MilFugt2DJUxBj6iphALGaNeQKG9fH0JXCOz9qOsoe5Or4-BFtcaCLTK-sVzO25sTsArPe4mySyQ1od2M9ODtKxPsZtyxMjNFePalKg9lTaUCY06HiGODlKFu9XPKA/s1600/jjdndv.png'); top: 0px; left: 0px; width: 100%; height: 21px; z-index: 100; position: fixed;"></div>
As coisas que precisam ser editadas esta bem facil de achar, mais qualquer coisa é só avisar que vejo se posso ajudar



que layout *-*perfeito eu vou baixar
ResponderExcluirAmeei o lay ^.^
ResponderExcluir