4/01/2015

Avatar Do Autor Ao Lado Do Título Da Postagem (Ao Lado Da Postagem)+Call Me Baby Exo (。♥‿♥。)

                       
Annyeong (^▽^)gostosos,como vão nessa quarta-feira iluminada...Eu?Vou ótima,acabei de saber que não terei aula amanhã {Por conta de uma manifestação dos teachers *professores*} e sexta-feira também não por causa da Sexta-feira Santa.É,além disso hoje recebi a notícia do Comeback do BIGBANG,ai meu hearth *coração*,eu até achei que era mentira por que hoje é o dia primeiro de Abril (dia da mentira),mas é verdade,gente eu soltei fogos (ノ◕ヮ◕)ノ e agora saiu o MV do EXO esses gostosos,bixas lacrosas,parece que tudo está vindo ao meu favor <3.Certo vamos ao ~tutorial de hoje ^.^.
O tuto é super personalizado e vai deixar seu blog super diferente e fofo (◠ω◠) eu ensinarei como a colocar seu avatar (a foto de perfil) ai lado do título do Post,fica muito perfeito,aigoo!!,Follow me?

Créditos::・゚✧Bunny Crazy:・゚✧
                                                              Preview:
                                                     
Vá até a pagina chamada Modelo > (Botão cinza) Editar HTML. Depois que abrir os códigos procure pela tag:
</head>

 Apos achar acima dela cole:
<script> //<![cdata[ function av(a){var b=a.entry.author[0];c=b.name.$t;d=b.gd$image.src.replace(/\/s[0-9]+(-*c*)\//,'/s30$1/');document.write('<img alt="'+c+'" class="avatar-author" src="'+d+'" title="'+c+'"/>')} //]]> </script>
Agora procure por:
 <b:if cond='data:post.title'>
E acima dele cole:
 <script expr:src='&quot;/feeds/posts/default/&quot; + data:post.id + &quot;?alt=json-in-script&amp;amp;callback=av&quot;'/>
 Dentro de cada template existe dois códigos desse ou mais, cole acima do segundo código que encontrar. Ou em todos para não haver complicações, não se preocupe não acontecerá erros ou conflitos no seu código de template (◠‿◕).
Agora continuando no HTML,procure por:
]]></b:skin>
 Agora é só personalizar como desejar (^∇^). Lembrando as imagens dos avatares são as mesmas do perfil do Google, mas pode arrumar o tamanho delas no código de personalização.Tem uns modelinhos que vocês podem usar,basta pegar o código:
                                                                       Efeito de bordas+Hover:
                                                                     
.avatar-author { float: left; /* mude para right ou left dependendo do seu modelo*/ width: 36px; /* mude para a largura que você quer que tenha a imagem */ height: 36px; /* mude para a altura que você quer que tenha a imagem */ border: none; /* nao mexa */ padding: 2px; /* nao mexa */ margin-top: 14px; /* arrumar se necessario */ margin-left: -55px; /* arrumar se necessario */ background-color:#bfcaa2; /* cor de fundo */ outline: 1px solid #b1c6b5; outline-offset: -5px; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; -webkit-transition:all 1s; } .avatar-author:hover { float: left; /* mude para right ou left dependendo do seu modelo*/ width: 36px; /* mude para a largura que você quer que tenha a imagem */ height: 36px; /* mude para a altura que você quer que tenha a imagem */ border: none; /* nao mexa */ padding: 2px; /* nao mexa */ margin-top: 14px; /* arrumar se necessario */ margin-left: -55px; /* arrumar se necessario */ background-color:#bfcaa2; /* cor de fundo */ outline: 1px solid #b1c6b5; outline-offset: -21px; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; -webkit-transition:all 1s; }

                                                                       Redondo+Hover:                                                                                                                                                   
.avatar-author { float: left; /* mude para right ou left dependendo do seu modelo*/ width: 50px; /* mude para a largura que você quer que tenha a imagem */ height: 50px; /* mude para a altura que você quer que tenha a imagem */ border: none; /* nao mexa */ padding: 2px; /* nao mexa */ margin-top: 14px; /* arrumar se necessario */ margin-left: -55px; /* arrumar se necessario */ border: 2px solid #544465; /*borda */ background-color:#ea7373; /* cor de fundo */ border-radius: 30px; -moz-border-radius: 30px; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; -webkit-transition:all 1s; } .avatar-author:hover { float: left; /* mude para right ou left dependendo do seu modelo*/ width: 39px; /* mude para a largura que você quer que tenha a imagem */ height: 39px; /* mude para a altura que você quer que tenha a imagem */ border: none; /* nao mexa */ padding: 2px; /* nao mexa */ margin-top: 14px; /* arrumar se necessario */ margin-left: -55px; /* arrumar se necessario */ background-color:#544465; /* cor de fundo */ border-radius: 30px; -moz-border-radius: 30px; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; -webkit-transition:all 1s; }

                                                                            Opacidade:
                                                                                
.avatar-author { float: left; /* mude para right ou left dependendo do seu modelo*/ width: 36px; /* mude para a largura que você quer que tenha a imagem */ height: 36px; /* mude para a altura que você quer que tenha a imagem */ border: none; /* nao mexa */ padding: 2px; /* nao mexa */ margin-top: 14px; /* arrumar se necessario */ margin-left: -55px; /* arrumar se necessario */ background-color:#ea7373; /* cor de fundo */ opacity: 0.3; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; -webkit-transition:all 1s; } .avatar-author:hover { float: left; /* mude para right ou left dependendo do seu modelo*/ width: 36px; /* mude para a largura que você quer que tenha a imagem */ height: 36px; /* mude para a altura que você quer que tenha a imagem */ border: none; /* nao mexa */ padding: 2px; /* nao mexa */ margin-top: 14px; /* arrumar se necessario */ margin-left: -55px; /* arrumar se necessario */ background-color:#ea7373; /* cor de fundo */ opacity: 0.9; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; -webkit-transition:all 1s; }
~Yoo!E ai,oque acharam do tutorial?Super personalizado né?Adoro tutoriais diferentes e difíceis  (¬_¬) ,agora tchau que eu vou assistir o MV Call Me Baby dos divosos do EXO (。♥‿♥。),sim Exols saiu,quem quiser ver tá ai:
Ain me core,eu amei a música o MV,tudo (o Kai dançando ♥),gente só falta agora lançar logo o Comeback do BIGBANG porque a YG adora zuar nós VIPs.




10 comentários :

  1. Oin - (◎`・ω・´)人(´・ω・`*) 。*:★(´・ω・人・ω・`)。:゜★。 não cheguei a ver o video (parece ser divo) até porque a caixa de som pifou. Ain eu amo quando você posta, surgi uma luz aqui no meu sinjang! Antes eu não tinha tanta intimidade assim. Te achava uma abusada (o;TωT)o ヽ(;^o^ヽ) Mentira migs calma ae #Zueraneverend! Espero continuar com essa amizade. Eu já tentei fazer esse tuto mas ele não deu certo. Eu poderia até tentar de novo mas não vou. Não é nem porque achei feio simplesmente acho que não iria combinar.

    Vai ocupar espaço demais. Vou tentar denovo e ver se combina. Kissus da titia fofa (me convide para o seu casamento futuro) Izaberu! (ી(΄◞ิ౪◟ิ‵)ʃ)♥ (´◡`❁)*✲゚* (ღ˘⌣˘ღ) Vamos aprender o beabá? B com a faz ba B com e faz be etc. etc. Estou brincando não sou assim tão bebada msuahsuahsuahsa. Beijos da tia!

    By ◎ 。◕௰◕。 ◎ Hi Tokki ◎ 。◕௰◕。 ◎

    ResponderExcluir
    Respostas
    1. Sobre o beabá não entendi nada (΄◞ิ౪◟ิ‵),e sim o vídeo deles tá divoso colega se tem que ver,ain que bom que me considera amiga,criar amizades virtuais são tão perfeitas <3,mas relaxa quando se trata do meu BIAS (GD) sou abusadona e do Jay,hahaha briks.O tuto é perfeito mesmo Iza ^.^

      Excluir
  2. Chegou a ver o dorama? (eu puxa saco) heuehuehue

    ResponderExcluir
    Respostas
    1. Estou tendo problemas pra conseguir abaixar -_- ,infelizmente mas já assisti outros no YouTube <3

      Excluir
  3. Outro aqui: http://unicornioskawaii.blogspot.com.br/2015/03/yamada-kun-to-7-nin-no-majo.html

    A menina falou que ela nunca gostou de doramas, ela disse que achou esse legal e se viciou. Será?

    ResponderExcluir
  4. Respostas
    1. Divos,lacrosos bixas poderosas (▰˘◡˘▰)

      Excluir
  5. Lovely blog
    would you like to follow each other ? I'll follow back after it

    Www.miharujulie.com

    ResponderExcluir
    Respostas
    1. Absolutely! What a surprise people of another country visiting my blog ! (╯3╰)
      (Claro que sim!Que surpresa pessoas de outra país visitando meu blog!)

      Excluir