Layout Free: My Bunny

Bom dia bunnies!!! ♥ Bem ando meio sem ideias do que postar na verdade é mais chateada do que sem ideias. Por alguma razão as novas postagens não estão atualizando no painel direito, fui no Google Ajuda mas depois o problema voltou refiz e não deu certo. Irritada com isso fiz transferência de conta mas não sabia que isso ia diminuir quase 17% das visitas diárias do blog. Uma situação dessas chateia muito... mas espero que a nova conta não de problemas como a antiga. Para hoje venho trazer um dos meus antigos layouts, sei que a moda de layouts grande e cheio de coisas já passou, mas seria um grande desperdício não posta-lo aqui. Fiquei uns 2 meses com ele ate uma baka pegar meus códigos e postar, assim trazendo problemas para meu blog, que pendura ate hoje.

Nesse layout tinha um menu super fofo abaixo da divulgação, mas removi e não vou deixa-lo aqui na postagem. Porque foi muito tedioso e trabalhoso arrumar assim para explicar a postagem ficará muito grande e muitos não vão gostar de fazer e agora tem menus mais fáceis e práticos de arrumar.

 DEMO || DOWNLOAD

No pack se encontra: PSD de cabeçalho, arquivo do template e imagens.

Arrumando o Layout:

~Cabeçalho~

Mais uma vez ignorem o nome do layout que aparece na imagem kk Mas vamos lá, eu já o deixei todo arrumado por dentro, apenas para adicionarem os gadget. Mas para o cabeçalho e outras coisas aparecem no topo é necessário adicionarem os códigos na gadget, qual irei mostrar abaixo:

Copie todo código a baixo e cole ele dentro da gadget, arrume os links do menu, slide etc... mas cuidado para não mexer na posição e trocar tudo de lugar.

AQUI <div id='topo'> </div> <div style="position: absolute; margin-top: -311px; left: -26px;"> <div id="w2bSlideContainer"> <div id="w2bNivoSlider"> <a href="LINK_DO_SLIDE_1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8lGtwzmlXxpMkuW1zROJiOmic8-uKdvDF-vVAB2sV71O8SYGAX-FG6NutqTbnJxYuMNIYjRe3p_NhyphenhyphenOKkvFGTwI2jFQEkTgIgaUGYApDBuysfeS_489wTJrOa5rW4r6PZ_nfRBrWXjl1d/s1600/fontes.png" title="LEGENDA DA IMAGEM 1"/></a> <a href="LINK_DO_SLIDE_2"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6OasY2Cv68JWFOL9MosT_GJ1P1Rzcvsuk4QgNXLRuZZ8vSKYOcHExBCP2jLMy1ezDGYmrkt1mtwuu1bkezEOwOKPa6QKbDEVfraZ0yi_iIHFfeRio9mdsvPj64bWhYSYnAiZcWGjkGevR/s1600/tutorial.png" title="LEGENDA DA IMAGEM 2"/></a> <a href="LINK_DO_SLIDE_3"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpuP-V1tQ7hH7vr323OQr99QysdsHjDm0W9Dnjj812hPSvl-E31X0jJyIXo-bUfkefjLti3P7e1N7WzR3dqcnMQ8ayJzocgbdA1qyZbYnX7P8DGg7FX8xheAC5MpffMFf9EhhUs3iwVFeX/s1600/utilitarios.png" title="LEGENDA DA IMAGEM 3"/></a> <a href="LINK_DO_SLIDE_4"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf_7KP7_LN9790mPzrYGIphJn1qQA-XM4XutjeP2Lbsb08VTvJSmFsB3kQ0v2TWWNu6LyfZM1x5XXl3DEPmzyGh84XpgGzIupcr-WEcEJBw9FZeugghaWgqc1tz5JiOCx8OsVw28UDkn7U/s1600/animes.png" title="LEGENDA DA IMAGEM 4"/></a> </div> </div> </div> <div style="position: absolute; margin-top: -258px; left: 406px;"> <imagem class="caption"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvSC2zZ4MOXaG5GcqoYKOr9GdaQYurzFTwcRRo_ZONdGhz9KJD87m60q9w8GlLzU8b-_zOo86P0ibMnPd18EAESeb2vCb4FlpcZ7e4Ps9KAvCU71sQOKNoK0_Hck0_AoUTK8fFfdJA7B3Y/s1600/divu1.png" /> <captioon>BREVE</captioon></imagem> <imagem class="caption"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis9OPKcyiydb8axTIqF-TUIVhyNZWLs2v4L9QHqBpzFksok_6Av5FHkIosB0lNxiwEdLc-zK5gEmmsC5S5H-wF7PuHL_CKVKKW_Mie8KDWu6AkhhA3Owk-kyEeqelQXxcym_r965c8a203/s1600/divu5.png" /> <captioon>BREVE</captioon></imagem> <imagem class="caption"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvD5EZaSKLRaeOPSCGilB930znK7k7EJJ8yXYimg_Jp8xtNzVme1c1aDHqcomWviG4RXcE_KSpryWaqY_2Blbay0sy4qdV7mE65A7s04xOV3PkdsTlpGDo0iscbOS8uogm7ukgv_gSN7SJ/s1600/divu3.png" /> <captioon>BREVE</captioon></imagem> <imagem class="caption"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpclkZRh4bi7q5GcTspgKDo2H2yHspBnyiCyw9Mwea5yxBiTcfJMBjQgEp80OmSNAJ13-N71VlJ6D3dVwi2rvnO-f0xeLeic4f4Qs6NwfiA_DBDkN8HbWyUQrnva0JJK0fpeyfDndYSvnQ/s1600/divu4.png" /> <captioon>BREVE</captioon></imagem> <imagem class="caption"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCxobKnImXSe39op9XKtHVtt44uiqc_vWZOisHn2XhE4Ay3_QNSF_Ub-EZbqZjUl0enIkdHmnisxXsLKXjNX8eHVX2hFg4gxEJvk28r6uy_A0854ecQJ6oUevopGgGLRVeE-RjFKPtn3tJ/s1600/divu2.png" /> <captioon>BREVE</captioon></imagem> </div> <div style="position: absolute; margin-top: -131px; left: 770px;"> <div class="menu"> <a class="verde" href="https://twitter.com/DrwMania">Twitter</a> <a class="rosa" href="URL">FaceB</a> <a class="amarelo" href="http://drwmania.tumblr.com/">Tumblr</a> </div> </div>

Banner em PNG

BANNER 1 || BANNER2

Wellcome

<div id="aparece"><img src="http://static.tumblr.com/zwx9
bqk/wrKms1j60/well_2.png" /><div id="menu">

<a href="LINK">About</a>

<a href="LINK">Creditos</a><a href="LINK">TAG's</a>

Pesquisa

<div class="separator" style="clear: both; text-align: center;"><form action="/search" class="search" method="get"> <input class="searchbar" id="s" name="q" placeholder='Digite o que procura' type="text" value="" /> <input class="searchbut" type="submit" value="" /> </form><center></center></div>

Estatística

<div class="heart">Digite aqui</div>
<div class="heart">Digite aqui</div>
<div class="heart">Digite aqui</div>

TAGS

<div class="menututos">

<a href="LINK AQUI">NOME DA TAG</a></div>

<div class="menututos"> 

<a href="LINK AQUI">NOME DA TAG</a></div>

<div class="menututos">

<a href="LINK AQUI">NOME DA TAG</a></div> 

Afiliados em imagem

Imagem 1 || Imagem 2

<a href="LINK" none;="" target="_blank" text-decoration:="" title="NOME"><img class="borderimage" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="IMAGEM" /></a>

Afiliados em lista

<form><select onchange="window.open(this.options[this.selectedIndex].value)" style="text-align: center; color: #FFF; border: 2px solid #f5cde2; background: #9A7A92" nam
e="links"><option selected />Veja Todos os Afiliados||Tem Vagas

<option style="background: #F2ADC9; border: 1px solid #C0A6BD" value="LINK AQUI" />NOME

<option style="background: #9A7A92" value="LINK" />NOME

<option style="background: #F2ADC9; border: 1px solid #C0A6BD" value="LINK" />NOME<option style="background: #9A7A92" value="LINK" />NOME<option style="background: #F2ADC9; border: 1px solid #C0A6BD" value="LINK" />NOME

Bye

<img style="width: 244px; height: 119px;" src="http://static.tumblr.com/zwx9bqk/vDKms1k3n/bye.png" class="efeitoimagem" />

É isso pessoal espero que gostem, sei que são poucos que usam lays assim,  mas sempre tem os que gostam. Os créditos eu não lembro quais são porque perdi... mas tinha a CherryB e KawaiiW, é isso ate a próxima pessoal. Bye bye!!!