Barra de se inscrever do youtube em seu blog

Edu Dicas, sempre ajudando todos os leitores do blog, hoje vim ajudar aqueles que desejam adicionar em seu blog uma barra de se inscrever, como vocês podem ver abaixo:

Alias, eu adicionei alguns códigos a mais, para poder ficar centralizado, caso queria o normal:

retire o ( <center> )

código esta aqui:

<center>

<div align="ALINHAMENTO"><iframe width="610" height="105" frameborder="0" src="http://www.youtube.com/subscribe_widget?p=duzinho263ful"></iframe>

<b>

</b></div></center>

<b:if cond=’data:blog.pagetype == &quot;item&quot;’> 

<div id=’subscribe’></div></b:if>

modifique onde está em vermelho para seu usuário do youtube, e cole em seu blog.

Em azul são os números da largura e altura, você pode modificar o quanto quiser!

Slides de postagens recentes para blogger

Muito fácil de instalar em seu blog, basta copiar o código abaixo, e modifica a linha..
é muito bom, ele mostra as postagens com imagens, olhe logo acima, usamos um de teste:





<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript">
</script>
<script type="text/javascript">
$(document).ready(function(){
var first = 0;
var speed = 800;
var pause = 6500;
function removeFirst(){
first = $('ul#slide li:first').html();
$('ul#slide li:first')
.animate({opacity: 0.5}, speed)
.fadeOut('slow', function() {$(this).remove();});
addLast(first);
}
function addLast(first){
last = '<li style="display:none">'+first+'</li>';
$('ul#slide').append(last)
$('ul#slide li:last')
.animate({opacity: 1}, speed)
.fadeIn('slow')
}
interval = setInterval(removeFirst, pause);
});
</script>
<style type="text/css">
#slide{
height:150px;
width:360px;
overflow:hidden;
border: 1px solid #ccc;
margin: auto;
padding:5px;
}
#slide li{
margin: 10px 0 0 0;
list-style:none;
}
#slide .news-title{
display:block;
text-align: center;
line-height: 10px;
}
#slide img{
float:left;
margin-right:2px;
padding:10px;
border:solid 1px #ccc;
}
</style>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "URL IMAGEN 1";
showRandomImg = true;
tablewidth = 360;
cellspacing = 1;
borderColor = "";
bgTD = "#ffffff";
imgwidth = 120;
imgheight = 120;
fntsize = 16;
acolor = "#ff0000";
aBold = true;
icon = " ";
text = "no";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 12;
summaryColor = "#0000ff";
icon2 = " ";
numposts = 10;
label = "";
home_page = "http://duvidasblog.blogspot.com/; /poe seu link
</script>
<script src="http://www.eduardocriador.xpg.com.br/slide.js" type="text/javascript"></script>

Numeração nas Páginas do Blogger - Código 2012

Hoje estarei ensinando como por numeração de páginas em seu blogspot, esse hack é bastante usado e muito e facilita a navegação de seus leitores, então vamos começar?

Atenção se você não tem muitos conhecimentos:
1-Faça Backup do seu template.
2-Faça em um blog teste.
3-Em quanto faz o procedimento vá clicando em VISUALIZAR.

certo agora que você está ciente, vamos aprender:

1- Entre em seu blog, "Desigin"
2- vá em  "Editar HTML" 

3- Clique na caixinha: "expandir o modelo"

Agora vamos para alterações em seu blogger:

4- Procure por:: ]]></b:skin> e coloque esse código antes dele:-----COMEÇO (não copie essa linha)------- 

.showpageNum a {

padding: 3px 8px;

margin:0 4px;

text-decoration: none;

border:1px solid #999;

-webkit-border-radius:3px;-moz-border-radius:3px;

background: #ddd;

}

.showpageOf {

margin:0 8px 0 0;

}

.showpageNum a:hover {

border:1px solid #888;

background: #ccc;

}

.showpagePoint {

color:#fff;

text-shadow:0 1px 2px #333;

padding: 3px 8px;

margin: 2px;

font-weight: 700;

-webkit-border-radius:3px;-moz-border-radius:3px;

border:1px solid #999;

background: #666;

text-decoration: none;

}
------FIM (não copie essa linha)-------

5-Agora procure pela linha </body> e coloque esse javascript antes dele:-----COMEÇO (não copie essa linha)------- 
&lt;script type='text/javascript'&gt;
var home_page="/";
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Voltar';
var downPageWord ='Próxima';
&lt;/script&gt;
&lt;script src='http://www.yourjavascript.com/19425042120/pagenav.js' type='text/javascript'&gt;&lt;/script&gt;-----FIM (não copie essa linha)------- 

Essa linha var postperpage=7; define o numero de postagens por pagina
oba, estamos chegando ao fim:
procure por 'data:label.url' no código html inteiro do seu blog por e substitua todos eles por: 
-----COMEÇO (não copie essa linha)------- 
'data:label.url + &quot;?&amp;max-results=7&quot;' 
----FIM (não copie essa linha)------

PRONTO. DUVIDAS POR FAVOR POSTE NOS COMENTÁRIOS!

Botando player de rádio no topo do blogger

Ola, hoje vou está ensinando uma coisa básica para quem não sabe, como por player de web rádio no topo de seu blogger, fácil e pratico, onde o player carrega automaticamente sem precisar apertar play, e fica no lugarzinho la em cima sem sair, e não da bugs, e todos os Templates bloggers suportam, imagem de exemplo abaixo:

igual do nosso amigo da Criandohb.com, visite e veja como.

1-Primeiro passo vá até o painel de seu blog entre no designer>> editar html do blog.
2- Agora aperte CTRL + F: pesquise por: <head>
Ao achar:


<head>Cole o código do player aqui
Clique em visualizar para ver se ta tudo indo certo, se abrir corretamente e ficar do jeito que você gostaria que ficasse, clique em salvar.