Twitter Facebook We Heart It Google+ Instagram Tumblr

13 de junho de 2014

Layout Katy Perry

Rabiscado por» claudine ribeiro || Tags» ||
Olá, este é mais um layout em comemoração aos 127 seguidores do Princess Tutoriais. Fiz em tons lilas bem clarinho e dei o nome de Katy Perry.
No cabeçalho coloque só as iniciais de seu blog, fica mais alinhado.
Este layout vem com: Negrito, ítalico, sublinhado e tachado, redes sociais no cabeçalho,  menus na sidebar, afiliados com efeito expansível, área das postagens e sidebar separadas, título do blog e data em caixinhas, comentários personalizados, leia mais em caixinha, links de navegação com imagem, seleção de texto personalizada, blockquote numerado, caixinha de busca personalizada, autor, tags e comentários abaixo do título da postagem.
-PEÇO QUE NÃO RETIRE OS CRÉDITOS DO LAYOUT-
Este é o Blockquote

REDES SOCIAIS: -No html de seu blog procure por </header> e logo acima estão os códigos:
<a href='http://twitter.com/NOME-DE-USUÁRIO' target='_blank' title='Siga no Twitter'><img alt='Twitter' border='0' src='http://i765.photobucket.com/albums/xx293/Claudinenetto/Icones/twitter-2.png'/></a> <a href='http://www.facebook.com/LINK-FACEBOOK' target='_blank' title='Curta no Facebook'><img alt='Facebook' border='0' src='http://i765.photobucket.com/albums/xx293/Claudinenetto/Icones/facebook-1.png'/></a> <a href='URL-DE-PERFIM-DO-WE HEART IT' target='_blank' title='Meu Heart It'><img alt='We Heart It' border='0' src='http://i765.photobucket.com/albums/xx293/Claudinenetto/Icones/WeHeartIt.png'/></a> <a href='URL-DE-PERFIL-DO-GOOGLE+' target='_blank' title='Google+'><img alt='Google+' border='0' src='http://i765.photobucket.com/albums/xx293/Claudinenetto/Icones/google_plus-1.png'/></a><a href='URL-DE-PERFIL-DO-INSTAGRAM' target='_blank' title='Istagram'><img alt='Instagram' border='0' src='http://i765.photobucket.com/albums/xx293/Claudinenetto/Icones/instagram-01.png'/></a><a href='URL-DO-TUMBLR' target='_blank' title='Visite meu Tumblr'><img alt='Tumblr' border='0' src='http://i765.photobucket.com/albums/xx293/Claudinenetto/Icones/tumblr-1.png'/>


 Modifique onde se pede:
LINK-FACEBOOK, NOME-DE-USUÁRIO DO TWITTER, URL-DE-PERFIM-DO-WE HEART IT, URL-DE-PERFIL-DO-GOOGLE+, 'URL-DE-PERFIL-DO-INSTAGRAM, URL-DO-TUMBLR.

 GADGET WELCOME:
Coloque o código abaixo no gadget html/java script
<img src="http://i765.photobucket.com/albums/xx293/Claudinenetto/Background/Imagem%20Katy%20Perry/KatyPerry-2.png" class="border" align="left"/> Olá! Seja bem vindo ao Layout free da Katy Perry. Fiz esse layout para que você possa modificá-lo e usá-lo, mas sempre lembre de não retirar os créditos. Esse layout foi feito em comemoração aos 120 seguidores do <a href="http://princesstutoriais.blogspot.com">Princess Tutoriais</a>, feito por mim Claudine.♥ <br/><a href="Link"><bdg>Nome</bdg></a><a href="Link"><bdg>Nome</bdg></a><a href="Link"><bdg>Nome</bdg></a><a href="Link"><bdg>Nome</bdg></a><br />
<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>

 GADGET TAGS:
Coloque o código abaixo no gadget html/java script
<style>.direita { float:right; width:49%; text-align:justify; }.esquerda { float:left; width:49%; text-align:justify; }#menutags20{  -moz-box-shadow:inset 1px 0px 0px 0px #F7EFF2; -webkit-box-shadow:inset 1px 0px 0px 0px #F7EFF2; box-shadow:inset 1px 0px 0px 0px #F7EFF2; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #E1C9D2), color-stop(1, #F1DDE5) ); background:-moz-linear-gradient( center top, #E1C9D2 5%, #F1DDE5 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E1C9D2', endColorstr='#F1DDE5');width: 98%;height: 11px;float: left;font: 11px trebuchet ms;color: #FFF;text-shadow:1px 1px 0px #D3B7C2;padding: 1px 0 6px 0;letter-spacing: 1px;border-left: 1px solid #D3B7C2;border-top: 1px solid #D3B7C2;border-right: 1px solid #D3B7C2;border-bottom: 3px solid #D3B7C2;box-shadow: inset 1px 1px 0px #F7EFF2;text-align: center;margin: 1px;margin-bottom: 4px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-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;}#menutags20:hover{background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F1DDE5), color-stop(1, #E1C9D2) );background:-moz-linear-gradient( center top, #F1DDE5 5%, #E1C9D2 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1DDE5', endColorstr='#E1C9D2');background-color:#F1DDE5;
 </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>


GADGET AFILIADOS
Coloque o código abaixo no gadget html/java script
<a href="LINK"><menu3d1>Vaga</menu3d1></a>    <a href="LINK"><menu3d1>Vaga</menu3d1></a>    <a href="LINK"><menu3d1>Vaga</menu3d1></a>    <a href="LINK"><menu3d1>Vaga</menu3d1></a>    <a href="LINK"><menu3d1>Vaga</menu3d1></a>    <a href="LINK"><menu3d1>Vaga</menu3d1></a>
<div class="divspoiler"><a href="javascript:void(0);" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" ><center>Veja mais</center></a></div><div><div class="spoiler" style="display: none;">
    <a href="LINK"><menu3d1>Vaga</menu3d1></a>    <a href="LINK"><menu3d1>Vaga</menu3d1></a>    <a href="LINK"><menu3d1>Vaga</menu3d1></a>    <a href="LINK"><menu3d1>Vaga</menu3d1></a>    <a href="LINK"><menu3d1>Vaga</menu3d1></a>    <a href="LINK"><menu3d1>Vaga</menu3d1></a>    <a href="LINK"><menu3d1>Vaga</menu3d1></a>    <a href="LINK"><menu3d1>Vaga</menu3d1></a>    <a href="LINK"><menu3d1>Vaga</menu3d1></a>    <a href="LINK"><menu3d1>Vaga</menu3d1></a>    <a href="LINK"><menu3d1>Vaga</menu3d1></a>    <a href="LINK"><menu3d1>Vaga</menu3d1></a>
</div></div>


 -Onde tem Veja mais, coloque o nome que preferir

 GADGET THE END:
Coloque o código abaixo no gadget html/java script
<img src="http://i765.photobucket.com/albums/xx293/Claudinenetto/Background/Imagem%20Katy%20Perry/KatyPerry-2.png" class="border" align="left"/> ESCREVA AQUI SUA BREVE DESPEDIDA-ESCREVA AQUI SUA BREVE DESPEDIDA-ESCREVA AQUI SUA BREVE DESPEDIDA-ESCREVA AQUI SUA BREVE DESPEDIDA-<br/><br/>Para construir este layout utilizei tutoriais e imagens dos seguintes blogs:<center>
<a href="http://www.elainegaspareto.com"title="Elaine Gaspareto">♥</a><a href="http://www.deviantart.com">♥</a><a href="http://princesstutoriais.blogspot.com.br" title="Princess Tutoriais">♥</a><a href="http://bw-designs.tumblr.com/">♥</a></center><br/>



2 comentários:

Assinar: Postar comentários (Atom)