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

Como faço para criar um blog que o Blogger hospede Gratuitamente

Antes de criar um blog no Blog * Spot, o serviço de hospedagem do Blogger, você precisa já ter criado uma conta no blogger.com . Uma vez que você acessar o blogger.com, clique noCriar um Blog link abaixo a lista de blogs:

Na Etapa 2, digite um título e endereço (URL). Você também vai precisar digitar a palavra de verificação exibido nesta página, para confirmar que você é uma pessoa real e não um computador. Quando estiver pronto, clique em continuar:

Na Etapa 3, você pode escolher um modelo para o seu blog, esta é a forma como ele aparecerá quando você publicá-lo. Em seguida, o Blogger vai criar seu novo blog e reservar o seu lugar no BlogSpot. Assim que você faz o seu primeiro post, a página aparecerá no endereço que você escolheu. Você está tudo pronto para blog!

Read More

Widget: Google Tradutor

Traduz Google widget é a maneira fácil de dar a seus visitantes a possibilidade de traduzir o conteúdo do blog em outra língua. Google Translate Página oficial

Permite uma fácil, com um clique tradução de sua página da web quando você distribuir este gadget em sua página.

Para instalar o widget em seu blog, basta copiar e colar o golpe código em um elemento HTML / JavaScript:

Read More

Tradutor para o Blog

Um tradutor simples e eficiente para o seu blog.
Testei do português para o espanhol e ficou perfeito.
Basta copiar este código e inserir nos elementos de página>html/javascript.
Não esqueçam de substituir SEUBLOG pelo endereço do seu.


<center><img
src="http://img176.imageshack.us/img176/6091/84056383at1.png"/></center>
<form id="translateForm"
action="http://www.worldlingo.com/S1790.5/translation"
target="_blank">
<input value="PT" name="wl_srclang" type="hidden"/>
<select style="font-size: 70%; width: 160px;"
name="wl_trglang">
<option value="EN"/>Português - Inglês
<option value="FR"/>Português -
Francês
<option value="DE"/>Português -
Alemão
<option value="IT"/>Português - Italiano
<option value="PT"/>Português -
Português
<option value="RU"/>Português - Russo
<option value="ES"/>Português - Espanhol
</select>
<input value="http://SEUBLOG.blogspot.com/" name="wl_url"
type="hidden"/>
<input style="font-size: 70%; width: 50px;" value="Traduza"
type="submit"/>
</form>

Read More