Como colocar barra de carregamento como a do Youtube no seu blog; Vídeo

Uma opção simples e bem elegante para o seu blog.

Como numerar as páginas de seu blog em menos de 1 minuto; Vídeo

Seu blog já possui um número razoável de páginas? hora de organiza-las sem perder tempo.




Que tal colocar aquele numerador de páginas em seu blog mas sem qualquer tipo de propaganda e totalmente customizável? Neste vídeo eu ensino como de forma muito simples e rápida. Claro que na primeira vez você vai demorar um pouco mais que um minuto, afinal, vai ter que assistir o vídeo e fazer o passo a passo, mas depois que você aprender, vai poder colocar em qualquer outro blogger em muito menos de 1 minuto. Vamos lá?



  • CÓDIGO 1
<style type="text/css">
#blog-pager{
padding:10px 0;
font-size:14px !important;
clear:both;}
.showpageArea{
font-family:verdana,arial,helvetica;
color:#000;
font-size:11px !important;
margin:10px}
.showpageArea a{
color:#000}
.showpageNum a{
padding:3px 8px;
margin:0 2px;
text-decoration:none;
border:1px solid #FFFFFF;
background:#dcf4d1;
color:#000;}
.showpageNum a:hover{
border:1px solid #6aa84f;
color: #fff !important;
background:#6aa84f}
.showpageOf{
margin:0 2px 0 0;
padding:3px 8px;
margin:0 2px;
text-decoration:none;
border:1px solid #FFFFFF;
color: #000 !important;
background:#dcf4d1}
.showpagePoint{
color:#FFFFFF;
padding:3px 8px;
margin:2px;
border:1px solid #FFFFFF;
background:#38761d;
text-decoration:none}
</style>
<br />
<script style='text/javascript'>
var numshowpage=4;
var postperpage =3;
var upPageWord="Anterior";
var downPageWord="Próxima";
var home_page="/";
var urlactivepage=location.href;
</script><br />
<script>
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('6 I;6 i;6 g;6 n;1f();C 1g(15){6 5=\'\';J=K(N/2);4(J==N-J){N=J*2+1}A=g-J;4(A<1)A=1;d=K(15/j)+1;4(d-1==15/j)d=d-1;D=A+N-1;4(D>d)D=d;5+="<3 7=\'1z\'>1A "+g+\' 1B \'+d+"</3>";6 16=K(g)-1;4(g>1){4(g==2){4(i=="o"){5+=\'<3 7="e"><a 9="\'+B+\'">\'+O+\'</a></3>\'}b{5+=\'<3 7="e"><a 9="/r/s/\'+n+\'?&c-k=\'+j+\'">\'+O+\'</a></3>\'}}b{4(i=="o"){5+=\'<3 7="e"><a 9="#" v="L(\'+16+\');w x">\'+O+\'</a></3>\'}b{5+=\'<3 7="e"><a 9="#" v="M(\'+16+\');w x">\'+O+\'</a></3>\'}}}4(A>1){4(i=="o"){5+=\'<3 7="e"><a 9="\'+B+\'">1</a></3>\'}b{5+=\'<3 7="e"><a 9="/r/s/\'+n+\'?&c-k=\'+j+\'">1</a></3>\'}}4(A>2){5+=\' ... \'}1h(6 l=A;l<=D;l++){4(g==l){5+=\'<3 7="1C">\'+l+\'</3>\'}b 4(l==1){4(i=="o"){5+=\'<3 7="e"><a 9="\'+B+\'">1</a></3>\'}b{5+=\'<3 7="e"><a 9="/r/s/\'+n+\'?&c-k=\'+j+\'">1</a></3>\'}}b{4(i=="o"){5+=\'<3 7="e"><a 9="#" v="L(\'+l+\');w x">\'+l+\'</a></3>\'}b{5+=\'<3 7="e"><a 9="#" v="M(\'+l+\');w x">\'+l+\'</a></3>\'}}}4(D<d-1){5+=\'...\'}4(D<d){4(i=="o"){5+=\'<3 7="e"><a 9="#" v="L(\'+d+\');w x">\'+d+\'</a></3>\'}b{5+=\'<3 7="e"><a 9="#" v="M(\'+d+\');w x">\'+d+\'</a></3>\'}}6 17=K(g)+1;4(g<d){4(i=="o"){5+=\'<3 7="e"><a 9="#" v="L(\'+17+\');w x">\'+1i+\'</a></3>\'}b{5+=\'<3 7="e"><a 9="#" v="M(\'+17+\');w x">\'+1i+\'</a></3>\'}}5+=\'<1j 7="1D-1E"><a 9="1F://1G.1H.1I" 1J="1K-1L: 1M; 1N: 1O; 1P: 1Q;" 1R="1S"></a></1j>\';6 E=y.1W("E");6 18=y.1X("1Y-1Z");1h(6 p=0;p<E.P;p++){E[p].1k=5}4(E&&E.P>0){5=\'\'}4(18){18.1k=5}}C 1a(Q){6 R=Q.R;6 1l=K(R.21$22.$t,10);1g(1l)}C 1f(){6 h=u;4(h.f("/r/s/")!=-1){4(h.f("?S-c")!=-1){n=h.F(h.f("/r/s/")+14,h.f("?S-c"))}b{n=h.F(h.f("/r/s/")+14,h.f("?&c"))}}4(h.f("?q=")==-1&&h.f(".5")==-1){4(h.f("/r/s/")==-1){i="o";4(u.f("#G=")!=-1){g=u.F(u.f("#G=")+8,u.P)}b{g=1}y.1m("<m T=\\""+B+"U/V/W?c-k=1&X=Y-Z-m&11=1a\\"><\\/m>")}b{i="s";4(h.f("&c-k=")==-1){j=20}4(u.f("#G=")!=-1){g=u.F(u.f("#G=")+8,u.P)}b{g=1}y.1m(\'<m T="\'+B+\'U/V/W/-/\'+n+\'?X=Y-Z-m&11=1a&c-k=1" ><\\/m>\')}}}C L(H){12=(H-1)*j;I=H;6 13=y.1n(\'1o\')[0];6 z=y.1p(\'m\');z.1q=\'1r/1s\';z.1t("T",B+"U/V/W?1u-1v="+12+"&c-k=1&X=Y-Z-m&11=1b");13.1w(z)}C M(H){12=(H-1)*j;I=H;6 13=y.1n(\'1o\')[0];6 z=y.1p(\'m\');z.1q=\'1r/1s\';z.1t("T",B+"U/V/W/-/"+n+"?1u-1v="+12+"&c-k=1&X=Y-Z-m&11=1b");13.1w(z)}C 1b(Q){1c=Q.R.24[0];6 1x=1c.1y.$t.F(0,19)+1c.1y.$t.F(23,25);6 1d=26(1x);4(i=="o"){6 1e="/r?S-c="+1d+"&c-k="+j+"#G="+I}b{6 1e="/r/s/"+n+"?S-c="+1d+"&c-k="+j+"#G="+I}27.9=1e}',62,132,'|||span|if|html|var|class||href||else|max|maksimal|showpageNum|indexOf|nomerhal|thisUrl|jenis|postperpage|results|jj|script|lblname1|page|||search|label||urlactivepage|onclick|return|false|document|newInclude|mulai|home_page|function|akhir|pageArea|substring|PageNo|numberpage|nopage|nomerkiri|parseInt|redirectpage|redirectlabel|numshowpage|upPageWord|length|root|feed|updated|src|feeds|posts|summary|alt|json|in||callback|jsonstart|nBody||banyakdata|prevnomer|nextnomer|blogPager||hitungtotaldata|finddatepost|post|timestamp|alamat|halamanblogger|loophalaman|for|downPageWord|div|innerHTML|totaldata|write|getElementsByTagName|head|createElement|type|text|javascript|setAttribute|start|index|appendChild|timestamp1|published|showpageOf|Página:|de|showpagePoint|w2b|pagenav|||||style|font|size|7pt|float|right|margin|10px|target|_blank||||getElementsByName|getElementById|blog|pager||openSearch|totalResults||entry|29|encodeURIComponent|location'.split('|'),0,{}))
</script>



  • CÓDIGO 2
var postperpage =3;


7 coisas que não podem faltar em seu blog


Reservei algum tempo e preparei um "top7" sobre algumas coisas que não podem faltar em seu blog e peço que você também reserve um pouco do seu precioso tempo. Vamos lá?

Como colocar TOP COMENTARISTAS com FOTO no seu blog; Vídeo


Que tal destacar seus maiores comentaristas em uma lista digna?

Como colocar seu blog em manutenção com todas as páginas inacessíveis; Vídeo

E se você precisar fazer uma manutenção surpresa em seu blog?

Tutorial: Como colocar vídeo do youtube no blog com player branco

Depois desse tutorial, seu blog ficará bem mais elegante! Desça até o fim desta postagem e veja um exemplo.

As coisas mudaram por aqui!


Olá caro amigo blogueiro, é com muita felicidade que anuncio que a partir deste momento, o seu, o meu, o nosso Vídeo Blogueiro se encontra com um domínio personalizado, a partir deste momento você poderá acessar o blog utilizando apenas o ".com", sem a dificuldade do ".blogspot.com.br".

Isto prova o quanto estou determinado a ajuda-los cada dia mais e quão compromissado está o Vídeo Blogueiro com você!

São vídeo aulas, dicas e tutoriais que buscam fazer do SEU blog, cada vez melhor.
Obrigado por escolher o Vídeo Blogueiro; Quanto mais pessoas fizerem essa escolha, melhor o blog se mostrará a cada dia.


Tutorial: Como colocar frases aleatórias no Blogger?

Olá pessoal, que tal inserir dicas aleatórias, frases, pensamentos, poemas e tantas outras mensagens de texto que sempre que o seu blog for atualizado, mude?
Interessante? Bom, vamos lá então.

Como criar um banner sob medida para seu blog com o PhotoScape; Vídeo

Que tal aprender o passo a passo de como fazer e hospedar um banner ao seu gosto?
Fazer um banner nunca foi tão simples, caro leitor. Neste vídeo você vai aprender a criar um banner apenas utilizando o programa "PhotoScape" que você pode baixar clicando aqui.
Vamos lá?


Em caso de dúvidas você já sabe! Basta comentar abaixo.

Como colocar botão 'ir ao topo' em CSS no seu blog personalizavel com letras ou imagem; Vídeo

Que tal aprender a colocar um botão em CSS perfeito que leva seus leitores ao topo com elegância em seu blog?


O Vídeo está logo abaixo e a qualidade é HD. Lhe ajudeu? me ajude também, basta deixar um comentário aqui no blog.

  • CÓDIGO 1

]]></b:skin>


  • CÓDIGO 2

/* to top */
#toTop {
width:50px;
background: #FF0000;
border:1px solid #000;
text-align:center;
padding:5px;
position:fixed;
bottom:5px;
right:5px;
cursor:pointer;
color:#eee;
text-decoration:none;
font-weight:700;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}


  • CÓDIGO 3

</body>


  • CÓDIGO 4

<a href='#' id='toTop'>&#9650; Voltar ao Topo</a>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
/*-----------------------
* jQuery Plugin: Scroll to Top
* by Craig Wilson, Ph.Creative (http://www.ph-creative.com)
*
* Copyright (c) 2009 Ph.Creative Ltd.
* Description: Adds an unobtrusive &quot;Scroll to Top&quot; link to your page with smooth scrolling.
* For usage instructions and version updates to go http://blog.ph-creative.com/post/jquery-plugin-scroll-to-top.aspx
*
* Version: 1.0, 12/03/2009
-----------------------*/
$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr(&quot;href&quot;);if($(window).scrollTop()!

=&quot;0&quot;){$(this).fadeIn(&quot;slow&quot;)}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop

()==&quot;0&quot;){$(scrollDiv).fadeOut(&quot;slow&quot;)}else{$(scrollDiv).fadeIn(&quot;slow&quot;)}});$(this).click

(function(){$(&quot;html, body&quot;).animate({scrollTop:0},&quot;slow&quot;)})}});
  $(function() {
                $(&quot;#toTop&quot;).scrollToTop();
            });
        </script>

  • OBS 1

COR DO BOTÃO: background: #FF0000; 

  • OBS 2

BORDA: border:1px solid #000; 

  • OBS 3

LETRA: color:#eee;

  • OBS 4

TAMANHO LETRA: font-weight:700; 

  • OBS ESPECIAL

TROCAR: <a href='#' id='toTop'>&#9650; Voltar ao Topo</a>
POR: <a href='#' id='toTop'> <img src="URL da sua imagem"> </img> </a>


Atenção: O blogger tem um certo limite de animações em CSS, caso você tenha muitas animações em CSS, você deve remover algumas para que o efeito CSS do botão funcione, aqui no Vídeo Blogueiro, você pode notar que o efeito CSS do botão não está funcionando devido ao alto número de efeitos existentes neste blog, mas vou deixar como está.

Dica: 5 Templates perfeitos para seu novo blog

Espero que você adore os templates.
O #VB separou para você, 5 templates que irão te deixar satisfeito(a) com seu blog.

Como fazer um banner, textos, botões e relógios em flash totalmente de graça; Vídeo

Um banner, um menu ou mesmo um texto personalizado feito em minutos; Nunca foi tão fácil fazer um relógio personalizado ou botão em flash.

Como colocar o sistema de comentários DISQUS no seu blog; Vídeo

Um dos melhores, ou o melhor, sistema de comentários da atualidade.
Olá, nesse vídeo você vai aprender de forma rápida como colocar um sistema de comentários moderno e inovador em seu blog; Não perca mais tempo e de play.

Dica: 7 dicas para não se desmotivar com seu blog

Todos, sem exceção passam por momentos difíceis na criação de um bom blog hoje em dia, isso devido à concorrência ser muito grande. No Brasil, existem cerca de 2,5 milhões de blogs.
Mas como fazer para alcançar o sucesso? Como não desanimar diante do fracasso? Eu já pensei assim, e acredite, elaborei algumas dicas que podem surtir efeito no seu blog; Vamos lá?



Como alterar o favicon do seu blog em menos de 1 minuto; Vídeo

Que tal trocar o ícone do seu blog enquanto penteia o cabelo?


Tutorial: Como colocar uma enquete em seu blog

Está precisando colocar uma enquete em seu blog? suas duvidas acabam aqui!

Dica: 5 ótimos sites para você encontrar templates gratuitos

Pois é, revirei a internet em busca de templates perfeitos, e encontrei.

Como colocar pop up do Facebook com contagem de tempo personalizada no seu blog; Vídeo

Que tal colocar em seu blog um mecanismo que pode lhe ajudar a ganhar muitas curtidas?
Com esse pop up você poderá dobrar o número de curtidas em sua página do Facebook. Como? Basta assistir o vídeo e saber como usar o código que você encontra logo abaixo do mesmo.







  • Código:

<style>
#fblikepop {background-color: #fff;display: none;    position: fixed;    top: 200px;    _position: absolute;     width: 450px;    border: 10px solid #6F6F6F;    z-index: 200;-moz-border-radius: 9px;    -webkit-border-radius: 9px;    margin: 0pt;    padding: 0pt;    color: #333333;    text-align: left;font-family: arial,sans-serif;    font-size: 13px;} 
#fblikepop body {background: #fff none repeat scroll 0%;    line-height: 1;    margin: 0pt;    height: 100%;} 
.fbflush {cursor: pointer;    font-size: 11px !important;    color: #FFF !important;    text-decoration: none !important;    border: 0 !important;} #fblikebg {display: none;    position: fixed;_position: absolute;  height: 100%;    width: 100%;    top: 0;    left: 0;    background: #000000;    z-index: 100;} 
#fblikepop #closeable {color: #333;float: right;    margin: 7px 0 0 0;} 
#fblikepop h1 {    background: #6D84B4 none repeat scroll 0 0;    border-top: 1px solid #3B5998;    border-left: 1px solid #3B5998;    border-right: 1px solid #3B5998;    color: #FFFFFF !important;    font-size: 14px !important;    font-weight: normal !important;    padding: 5px !important;    margin: 0 !important;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;} 
#fblikepop #actionHolder { height: 60px;    overflow: hidden;}
#fblikepop #buttonArea { background: #F2F2F2;    border-top: 1px solid #CCCCCC;    padding: 10px;    min-height: 50px;} 
#fblikepop #buttonArea a { color: #999999 !important;    text-decoration: none !important;    border: 0 !important;    font-size: 10px !important;} #fblikepop #buttonArea a:hover {    color: #333 !important;    text-decoration: none !important; border: 0 !important;} 
#fblikepop #popupMessage {font-size: 12px !important;font-weight: normal !important;    line-height: 22px;    padding: 8px;    background: #fff !important;} 
#fblikepop #counter-display {float: right;    font-size: 11px !important;font-weight: normal !important;    margin: 5px 0 0 0;text-align: right;line-height: 16px;}</style> 
<script src="http://www.google.com/jsapi"></script>
<script>google.load("jquery", "1");</script> 
<script type="text/javascript" src="http://connect.facebook.net/pt_BR/all.js#xfbml=1"></script> 
<script type="text/javascript">
 //<![CDATA[   
  kakinetworkdotcom01username="VideoBlogueiro",
  kakinetworkdotcom01title="Encontre-nos no Facebook",
  kakinetworkdotcom01time="25",
  kakinetworkdotcom01wait="0",
  kakinetworkdotcom01lang="br"
 //]]>  
 </script> 
 <script type="text/javascript" src="http://mundoblogger.webs.com/scripts/popupFBlikebox.js"></script>
 <script type="text/javascript">
   //<![CDATA[ 
  $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});  
   //]]>
  </script>

Tutorial: Como cadastrar oficialmente seu blog nas buscas do Google


Seu blog já não é mais novo e mesmo assim o Google não te reconhece? Eis a solução!

Tutorial: Como colocar playlist com suas músicas favoritas no seu blog


Que não se tenha dúvidas! A música faz a diferença. Principalmente quando você conhece seus leitores, sabe do que eles gostam e coloca ali uma playlist com as músicas que eles amam. Seus leitores ficaram felizes, você vai ficar feliz e todo mundo sai ganhando.



Corre lá no http://www.plaay.com.br/page/playlists , crie sua conta via Facebook ou Twitter e crie sua primeira playlist. Basta seguir os passos do vídeo acima.

Escute a playlist de demonstração que fizemos:


Como colocar a janela curtir do Facebook no seu blog; Vídeo


Chega de complicar as coisas! Neste vídeo não iremos mexer com HTML nenhum, é uma maneira muito simples e fácil.

Como colocar vários links em uma única imagem; Vídeo


Que tal aprender a mapear suas imagens importantes?
Após assistir este vídeo, você vai aprender tanto um bom menu quanto uma aba de parceiros ou patrocinadores por exemplo.




http://www.image-maps.com/

Como criar uma logomarca profissional e em PNG; Vídeo

Afim de criar uma logo bem bacana pro seu novo blog, pro seu grupo de estudos ou qualquer outro projeto?
Então vale a pena dedicar um pouco do seu tempo assistindo a este vídeo que vai mudar sua vida.

Como criar um blog profissional totalmente de graça; Vídeo

Criar um blog profissional nunca foi tão fácil.

Seja bem vindo, de novo !


Olá caro leitor, o blog Vídeo blogueiro (Velhovideoblogueiro.blogspot.com) foi completamente reformulado, assim, todos os seus vídeos serão aperfeiçoados e melhorados.

Quer aprender a CRIAR e EDITAR um blog de qualidade profissional sem custos?
Então aqui é seu lugar. Seja bem vindo e volte sempre.



Parceiros

Tecnologia do Blogger.

Seguir via e-mail e Google plus