12/28/2014

Modelos Para Leia Mais (Largura Total Da Postagem Igual a Minha).


 ~Yoo!Como vão bolinhos?Bem?Então eu andei percebendo que agora esses blogs de Goodies e Tutoriais,animes,Kawaii enfim tipo o nosso Café com Baunilha agora estão usando o ''Leia Mais'' ou ''Continue a Ler'' ''Mais Informações'' todos em toda a largura da postagem,tipo igual o que eu tenho aqui,e hoje eu estou trazendo direto do Breathing Again esses modelos fofos e Kawaii para seu leia mais!Let's Go?
                                         
(◠︿◠✿)~Yoo de novo,pois é como vocês leram ali em cima a explicação,hoje eu estou trazendo utilitários para seu ''Leia Mais'' ficar ainda personalizado e fofo!Bom todas as imagens são do Breathing Again,então caso usar credite ao nosso Café com Baunilha e ao Breathing Again okay?
Mas chega de lero-lero e vamos as imagens e ao tutorial de como coloca-las.

1.Vá em modelo e clique em ''editar Html'',agora aperte as teclas Ctrl+f e vai abrir uma caixa de pesquisa,então procure por
]]></b:skin>
2.Agora para que apareça a imagem,cole o código da imagem que você mais gostou antes do código achado.Por exemplo se eu gostei da imagem 1 eu vou copiar seu código e colar antes de ]]></b:skin> que foi o código procurado.
Ai estão as imagens e os códigos das imagens:

                                                                  
.jump-link { text-align: center; background-color: #fff; border: 3px double #ebebeb; } .jump-link a{ color: #705587; }
 
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); } .jump-link { color:#fff; padding: 3px; margin: 2px; text-align: center; font-size: 8px; background: #fcd6db;-webkit-box-shadow: inset 0px 0px 6px #fbbbc3, inset 1px 0px 0px #fff, inset 0px 1px 0px #fff;-moz-box-shadow: inset 0px 0px 6px #fbbbc3, inset 1px 0px 0px #fff, inset 0px 1px 0px #fff;-o-box-shadow: inset 0px 0px 6px #fbbbc3, inset 1px 0px 0px #fff, inset 0px 1px 0px #fff;border: 1px solid #fcd6db;-webkit-border-radius: 200px;-moz-border-radius: 200px;-o-border-radius: 200px;} .jump-link a { color:#fff;font-size: 8px;font-family: "silkscreen";word-spacing: -2px;}
 
.jump-link { text-align: center; margin-top: 3px; padding:2px;} .jump-link a { padding:2px; font-size:14px; text-transform:uppercase; display:block; padding:2px; margin:1px; color:#bbb; background:#eee; border:1px solid #f5f5f5;}
 
.jump-link { text-align: center; margin-top: 3px; padding:2px;} .jump-link a { text-transform:uppercase; display:block; padding:2px; margin:1px; background: #dcf8f1; border: 1px solid #b7ece4;box-shadow: inset 1px 1px 0 #fef8f9; color: #fff; font-size: 11px;}

Essas são as imagens,e os seus códigos estão abaixo de cada imagem!Use-os bastante mas credite viu.
~Kisses bolinhos

6 comentários :