Colocar função "Leia Mais" "Continue Lendo"

Esta função já está disponível há algum tempo no editor de texto do Blogger in Draft, pra quem não sabe o que é Blogger in Draft, ele é a versão de testes do Blogger, onde a equipe do Google acrescenta novas funções no Blogger, uma destas novas funções é a função "Leia Mais" ou também conhecida como "Continue Lendo", vamos ver agora com inserir esta nova função facilmente.

Como podem ver uso esta função aqui no Soluções Blog.

Esta função ajuda a diminuir espaço em sua pagina, assim por sua vez obter mais espaço na pagina inicial, desta maneira aumentara o numero de posts por pagina.

Além disso esta função também fará seu leitor visitar mais paginas, aumentando seu trafego.

Continue Lendo

Read More

Personalizar o link "Leia Mais"

Se você utiliza esta função sabe de sua importância tanto para economizar espaço, melhorar a exibição de sua pagina, chamar a atenção do leitor para mais posts e gerar maior trafego em seu Blog, porém talvez o link "Leia Mais" não esteja chamando a atenção devida, Vamos ver agora como personalizar o Link "Leia Mais" mudando o texto e até mesmo acrescentando uma imagem em seu lugar.

Personalizando o link "Leia Mais"

1. Se você pretende mudar apenas o que esta escrito no link, vá até "Layout" e siga as imagens abaixo:
Na janela seguinte altere o texto no local indicado na imagem:

2. Salve e veja o resultado.

Adicionando imagem no Link "Leia Mais"

1. Para substituir o link "leia mais" por uma imagem, primeiramente você deve criar a imagem e depois hospeda-lá na internet.

2. Agora vá até "Layout" > "Editar Html" e marque a opção "Expandir modelos de Widget" e procure pelo código abaixo:

<b:if cond='data:post.hasJumpLink'>

<div class='jump-link'>

<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>

</div>

</b:if >

3. Substitua a parte em vermelho pelo código abaixo:

<p align='right'><a expr:href='data:post.url'><img src='URL_da_IMAGEM'/></a></p>

4. Onde está em vermelho deve ser substituído pelo Url da imagem que você criou e hospedou na internet.

5. Salve o modelo e veja o resultado!

Read More

Como Por Slider igual a Bcreate

Olá Galera Galera estarei enssinando como criar um slideigual da Bcreate

Primeiro Pegue o Codigo logo abaixo 1  e Coloque antes de   ]]></b:skin>

#JANIO__QUADROS-RENUNCIA{        background:url(http://bcreate-utilys.webs.com/Images/JANIO_-_Quadros-Renuncia.png) no-repeat;               position: relative;        width:600px;      height:300px;        float:right;            margin:-120px 90px 0px 0px;        padding:0px 0 0 0px;}
#JANIO__QUADROS{        background:url(http://bcreate-utilys.webs.com/Images/JANIO_-_Quadros.png) no-repeat;        width:600px;      height:300px;        float:right;            margin:-300px 58px 0 0px;        padding:24px 0 0 32px;}
#JANIO_-_QUADROS{        width:551px;      height:263px;    }
#JANIO_-_QUADROS img{         width:551px;      height:263px;}
#JANIO_-_QUADROS ul, #JANIO_-_QUADROS li{    margin:0;    padding:0;    list-style:none;    }
#JANIO_-_QUADROS li{         width:551px;      height:263px;    overflow:hidden;     }

Segundo Pegue o Codigo logo abaixo 2 e Coloque Depois de   ]]></b:skin>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>

<script src='http://bcreate-utilys.webs.com/JS/cufon-yui.js' type='text/javascript'/> 
<script src='http://bcreate-utilys.webs.com/JS/cufon-replace.js' type='text/javascript'/> 
<script src='http://bcreate-utilys.webs.com/JS/Myriad_Pro_700_BC.font.js' type='text/javascript'/> 
<script src='http://bcreate-utilys.webs.com/Slider/js/jquery.js' type='text/javascript'/> 
<script src='http://bcreate-utilys.webs.com/Slider/js/easySlider1.5.js' type='text/javascript'/> 
<script src='http://bcreate-utilys.webs.com/JS/friend-connect.js' type='text/javascript'/> 
<script type='text/javascript'> 
$(document).ready(function(){    
    $(&quot;#JANIO_-_QUADROS&quot;).easySlider({
        auto: true,
        continuous: true 
    });
});
    </script> 
<script src='http://bcreate-utilys.webs.com/IMG/jquery.easing.1.3.js' type='text/javascript'/><!-- only needed for demo 5 --> 
<script src='http://bcreate-utilys.webs.com/IMG/jquery.imgslide.min.js' type='text/javascript'/> 
<script type='text/javascript'> 
        $(function(){

            $(&#39;.DILMA_ROUSSEFF img&#39;).imgslide({
                top: &#39;-130px&#39;,
                duration: 400
            });
            
        });
                $(function(){

            $(&#39;.JUCELINO_KUBITSCHEK img&#39;).imgslide({
                top: &#39;-130px&#39;,
                duration: 400
            });
            
        });
                $(function(){

            $(&#39;.JOAO_FIGUEREDO img&#39;).imgslide({
                top: &#39;-130px&#39;,
                duration: 400
            });
            
        });
                $(function(){

            $(&#39;.CASTELO_-BRANCO img&#39;).imgslide({
                top: &#39;-130px&#39;,
                duration: 400
            });
            
        });
$(function(){

            $(&#39;.MARECHAL_-DEODORO img&#39;).imgslide({
                top: &#39;-130px&#39;,
                duration: 400
            });
            
        });
$(function(){

            $(&#39;.JOAO_-GOULART img&#39;).imgslide({
                top: &#39;-130px&#39;,
                duration: 400
            });
            
        });
$(function(){

            $(&#39;.CAFE_-FILHO img&#39;).imgslide({
                top: &#39;-130px&#39;,
                duration: 400
            });
            
        });
$(function(){

            $(&#39;.CAMPOS_-SALES img&#39;).imgslide({
                top: &#39;-130px&#39;,
                duration: 400
            });
            
        });
$(function(){

            $(&#39;.JULIO_-PRESTES img&#39;).imgslide({
                top: &#39;-130px&#39;,
                duration: 400
            });
            
        });
$(function(){

            $(&#39;.WASHIGNTON_-LUIZ img&#39;).imgslide({
                top: &#39;-130px&#39;,
                duration: 400
            });
            
        });
    </script> 

Terceiro Pegue o Codigo logo abaixo Depois procure por  <body>  e Coloque o Codigo 3

<center>

 <div id='JANIO__QUADROS-RENUNCIA'>
</div>
<div id='JANIO__QUADROS'>
<div id='JANIO_-_QUADROS'>
<ul>
<li>
<img alt='TutorialBlogBr- O Maior Portal De Designer Do Brasil' src='http://bcreate-utilys.webs.com/01.jpg'/>
</li>
<li>
<img alt=''TutorialBlogBr Usar? Criar!!' src='http://bcreate-utilys.webs.com/02.jpg'/>
</li>
<li>
<img alt='TutorialBlogBr - Css Template Preview' src='http://bcreate-utilys.webs.com/03.jpg'/>
</li>
<li>
<img alt='TutorialBlogBr- Css Template Preview' src='http://bcreate-utilys.webs.com/04.jpg'/>
</li>
</ul>
</div>
</div>
</center>

E Pronto

Nao Estaremos tirando os Creditos

Creditos : Bcreate

Creditos Por Postagem : Tutorial Blog BR

Read More

Como criar uma Pagina no blog

Como criar uma pagina no blog : 


1º Click em Nova Postagem

2º Click em Editar Pagina

3º Click em NOVA PÁGINA

4º Escreve o Texto da sua pagina e o Titulo

5º E clica em Publicar Página e Está Publicada a Página


Criado Por : Ruffle , TutorialBlogBR

Read More