o que vem a ser Links e Hiperlinks? [intercâmbio de links ]



[TUTORIAL] Links ou Hiperlinks



O que é Hiperlink é sinônimo de link  
e significa qualquer coisa que se coloca em uma página da web e,     que, quando clicada        com o lado esquerdo do mouse, abre uma página diferente, ou um lugar diferente, da internet. 
http://mensagensdiversificadas.blogspot.com.br/ 
A página diferente pode ser do próprio site ou de outro site. 

O lugar diferente pode ser na própria página - você clica no link e ele te conduz, imediatamente a outro lugar da página. 

O lugar diferente pode ser também um formulário
ou 
uma pagina de email 
para se enviar uma mensagem. 

Assim
o link é um endereço que o computador segue para chegar a algum lugar, na página ou fora dela. 

Mas,  a palavra "link" pode ser usada com outros significados.

Sinônimo de Site ou de Página da Web – É comum usar-se expressões com a palavra link para indicar site ou página. 


Por exemplo, a expressão 'Popularidade do Link' é mais usada do que 'Popularidade do Site' e do que 'Popularidade da Página'.

Como Aparecem  

Os links aparecem aos usuários como uma palavra ou expressão ou imagem

A palavra ou expressão aparecem, de uma maneira geral, sublinhados e em cor azul

podem aparecer 
sem o sublinhado 
e também em outras cores. 

A forma mais comum de apresentação do link é com o endereço do site ou página, como por exemplo, http://ajuda.forumeiros.com/ Quando se aproxima o cursor do mouse de um link, seja ele um URL como neste exemplo, uma palavra, expressão, frase longa, ou imagem, o cursor se transforma em mão

que         aponta    para a     área        exata da  página     em que se encontra o link.           

Se se determina que o link não será sublinhado, é possível fazer aparecer a linha debaixo da palavra ou expressão quando o cursor se aproxima, para chamar a atenção do usuário de que ali existe um link

Pode-se também determinar que a palavra ou expressão do link permaneçam com a mesma cor ou com qualquer outra cor depois de receberem o clique. 
A mudança de cor após o clique serve de referência para o usuário, ao voltar na mesma página, de quais links já foram acionados.

Sites ou Páginas Sugeridos / Intercâmbio de Links – É muito comum encontrar-se em menus a palavra Links. Ao se clicar nele se chega a uma página ou conjunto de páginas onde aparecem listas de sites e/ou páginas que são sugeridos como referência para o usuário visitar. Em geral essas referências são resultantes do que chamamos intercâmbio de links – ao se clicar em qualquer link desses, chega-se a uma página de um site, o qual tem, provavelmente, em algum lugar, um link apontando para o site de onde se partiu.

Importância dos Links Os links têm grande importância na optimização, o que justifica uma secção inteira deste site dedicada a eles. Essa importância está no link como sinal para mudar de lugar na internet (hiperlink) ou como sinônimo de site. 


No código do link é possível colocar várias informações e instruções para os robots e para o lugar da internet onde se chega. 

  
Por exemplo, pode-se colocar uma instrução que faça aparecer de novo a página onde está o link depois de visitada outra página com isso evita-se que o usuário perca o caminho de volta ou se perca por outros sites ou páginas e não volte.



fonte:
ajudaforumeiros


Saiba "Como definir a Margem de Lucro no Preço de Venda - Nascer Bem - Sebrae/MS"

...preços compensadores...

tutorial: mouse com efeito estrelas, caindo ...

tutorial: mouse com efeito estrelas, caindo ...

   
Inicio » blog » blogger » caindo » dicas » efeito » estrelas » mouse » tutorial » mouse com efeito estrelas, caindo ...

tutorial:


.entrar logado no painel blogger
. clicar configurações>>> designer>>>editar html
e..


...antes de :
 </body>, no html, de seu template, adicione o código a seguir:



    <script type='text/javascript'>
    // <![CDATA[
    var colour="#FF0000";
    var sparkles=70;
    var x=ox=400;
    var y=oy=300;
    var swide=800;
    var shigh=600;
    var sleft=sdown=0;
    var tiny=new Array();
    var star=new Array();
    var starv=new Array();
    var starx=new Array();
    var stary=new Array();
    var tinyx=new Array();
    var tinyy=new Array();
    var tinyv=new Array();
    window.onload=function() { if (document.getElementById) {
    var i, rats, rlef, rdow;
    for (var i=0; i<sparkles; i++) {
    var rats=createDiv(3, 3);
    rats.style.visibility="hidden";
    document.body.appendChild(tiny[i]=rats);
    starv[i]=0;
    tinyv[i]=0;
    var rats=createDiv(5, 5);
    rats.style.backgroundColor="transparent";
    rats.style.visibility="hidden";
    var rlef=createDiv(1, 5);
    var rdow=createDiv(5, 1);
    rats.appendChild(rlef);
    rats.appendChild(rdow);
    rlef.style.top="2px";
    rlef.style.left="0px";
    rdow.style.top="0px";
    rdow.style.left="2px";
    document.body.appendChild(star[i]=rats);
    }
    set_width();
    sparkle();
    }}
    function sparkle() {
    var c;
    if (x!=ox || y!=oy) {
    ox=x;
    oy=y;
    for (c=0; c<sparkles; c++) if (!starv[c]) {
    star[c].style.left=(starx[c]=x)+"px";
    star[c].style.top=(stary[c]=y)+"px";
    star[c].style.clip="rect(0px, 5px, 5px, 0px)";
    star[c].style.visibility="visible";
    starv[c]=50;
    break;
    }
    }
    for (c=0; c<sparkles; c++) {
    if (starv[c]) update_star(c);
    if (tinyv[c]) update_tiny(c);
    }
    setTimeout("sparkle()", 40);
    }
    function update_star(i) {
    if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
    if (starv[i]) {
    stary[i]+=1+Math.random()*3;
    if (stary[i]<shigh+sdown) {
    star[i].style.top=stary[i]+"px";
    starx[i]+=(i%5-2)/5;
    star[i].style.left=starx[i]+"px";
    }
    else {
    star[i].style.visibility="hidden";
    starv[i]=0;
    return;
    }
    }
    else {
    tinyv[i]=50;
    tiny[i].style.top=(tinyy[i]=stary[i])+"px";
    tiny[i].style.left=(tinyx[i]=starx[i])+"px";
    tiny[i].style.width="2px";
    tiny[i].style.height="2px";
    star[i].style.visibility="hidden";
    tiny[i].style.visibility="visible"
    }
    }
    function update_tiny(i) {
    if (--tinyv[i]==25) {
    tiny[i].style.width="1px";
    tiny[i].style.height="1px";
    }
    if (tinyv[i]) {
    tinyy[i]+=1+Math.random()*3;
    if (tinyy[i]<shigh+sdown) {
    tiny[i].style.top=tinyy[i]+"px";
    tinyx[i]+=(i%5-2)/5;
    tiny[i].style.left=tinyx[i]+"px";
    }
    else {
    tiny[i].style.visibility="hidden";
    tinyv[i]=0;
    return;
    }
    }
    else tiny[i].style.visibility="hidden";
    }
    document.onmousemove=mouse;
    function mouse(e) {
    set_scroll();
    y=(e)?e.pageY:event.y+sdown;
    x=(e)?e.pageX:event.x+sleft;
    }
    function set_scroll() {
    if (typeof(self.pageYOffset)=="number") {
    sdown=self.pageYOffset;
    sleft=self.pageXOffset;
    }
    else if (document.body.scrollTop || document.body.scrollLeft) {
    sdown=document.body.scrollTop;
    sleft=document.body.scrollLeft;
    }
    else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
    sleft=document.documentElement.scrollLeft;
    sdown=document.documentElement.scrollTop;
    }
    else {
    sdown=0;
    sleft=0;
    }
    }
    window.onresize=set_width;
    function set_width() {
    if (typeof(self.innerWidth)=="number") {
    swide=self.innerWidth;
    shigh=self.innerHeight;
    }
    else if (document.documentElement && document.documentElement.clientWidth) {
    swide=document.documentElement.clientWidth;
    shigh=document.documentElement.clientHeight;
    }
    else if (document.body.clientWidth) {
    swide=document.body.clientWidth;
    shigh=document.body.clientHeight;
    }
    }
    function createDiv(height, width) {
    var div=document.createElement("div");
    div.style.position="absolute";
    div.style.height=height+"px";
    div.style.width=width+"px";
    div.style.overflow="hidden";
    div.style.backgroundColor=colour;
    return (div);
    }
    // ]]>
    </script>




a cor das estrelas, mude em:



    var colour="#FF0000"
;


a quantidade de
estrelas

pode ser modificado em:
 var sparkles=70;




 
 

 

Saiba como: "Retirar o gadget Atribuição do seu blog !"



fonte e céditos dessa pesquisa: 
templatesparavoce

Retirar o gadget Atribuição do seu blog !

Não existe a opção de excluir!


Daí , para que você consiga retirar esse gadget ,
terá que ir ao HTML 
do seu template para conseguir !

Antes:
Salve o sewu código "HTML", caso algo não dê certo, para repô-lo!


1º - Apague a widget Attribution do HTML do seu template

  
Escolha o template que deseja retirar a frase "Tecnologia do Blogger" e clique em Modelo » Clique em Editar HTML » Clique em cima do código e Utilize as teclas Ctrl+F e Procure pela widget 

Attribution:


 <b:widget id='Attribution1' locked='true' title='' type='Attribution'>...</b:widget>

Apague esta widget » 
Clique em Salvar





Aonde está o retângulo rosa, tem uma setinha preta, clica nela, e descompacte o widget,
para selecionar e deletar, caso queira. Senão pode deletar o que está dentro do retângulo rosa que dá no mesmo!





Visualize seu blog.

Sumiu?
Então, se sumiu, é sinal que
deu certo de primeira 
e da forma mais fácil.

"Mas esse gadget , tem a possibilidade de não desaparecer com um procedimento tão simples."

2º - Outra maneira de tirar o gadget "Tecnologia do Blogger" do seu template

Se o gadget "Tecnologia do Blogger" não tiver sido apagado. Você deve voltar em Modelo » Procurar pela widget Attribution novamente e apagar toda a <b:section>  em que ela estiver localizada.



Porém,  você não quer perder a <b:section> onde o gadget Atribuição está.

Então você deverá primeiro excluir a widget Attribution no HTML do template (mais fácil), como ensineado acima,   no 1º passo » Salve o modelo.


»Depois selecione a seção <b:section> recorte e cole em um bloco de notas »  


Clique em 
Salvar modelo » 

Visualize seu blog e certifique-se que conseguiu tirar o Gadget Atribuição.

Aí você copia a <b:section class='foot' id='footer-3' showaddelement='no'>...</b:section>
que tinha colado no bloco de notas e volta para o lugar de antes.


Observação:

Neste caso a seção é no rodapé do Template Simple e se você deixá-la como está não irá aparecer no Layout do seu blog, não permitindo que você coloque gadgets nela.

Então mude a palavra no 
em
[showaddelement='no'] 
para  
yes 
ficando assim:
 

<b:section class='foot' id='footer-3' showaddelement='yes'> » 


Clique em
Salvar modelo


Vá em "Layout" 
e certifique-se 
de que a seção está lá.




Caso não apareça, clique em F5 e atualize a página do layout do seu blogger que irá aparecer.


by Áurea:

"Acredito que existam situações em que este gadget não se aplica ao template nem ao tema do blog. Por isso acho que deveria ter a opção de retirá-lo sem ter que recorrer a recursos mais avançados. Entendo a posição do blogger em não dar esta opção, mesmo assim nos permite que retire. Isso eu admiro nesta plataforma."

...nó chato duplo , macramê, execução, inicial, parte 1...

...nó chato duplo , macramê, execução, inicial, 
parte 1...

"Sombras con CSS"

Sombras com CSS

La propiedad box-shadow nos permite añadir sombra a una imagen, párrafo o bloque (DIV).
El problema es que esta propiedad no está disponible en todos los navegadores y debemos añadir la propiedad que cada navegador va incorporando.
Estos datos son proporcionados por Vagabundia y es cuestión de recordarlos.

Firefox 3.5 en adelante:

-moz-box-shadow: 5px 5px 5px #C0C0C0;

WebKit, Chrome y Safari:
-webkit-box-shadow: 5px 5px 5px #C0C0C0;

Internet Explorer 8
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#C0C0C0,direction=125,strength=5)";

Internet Explorer en general:
filter: progid:DXImageTransform.Microsoft.Shadow(color=#C0C0C0,direction=125,strength=5);


Para versiones de Internet Explorer anteriores a la 8 es necesario añadir width o height.
Podemos añadir los estilos de la sombra directamente donde vamos a añadirla.
Esto sería el contenido del bloque
<div style="-moz-box-shadow: 0px 0px 8px #C0C0C0; border: 1px solid rgb(204, 204, 204); margin-bottom: 1.5em; padding: 1px;"><div style="padding: 0.5em; text-align: center;">Esto sería el contenido del bloque</div></div>

También podemos añadirlos a la hoja de estilos antes de ]]></b:skin>

.sombra-div {
height:30px;
padding: 10px;
width: 450px;
font-size: 18px;
margin: 10px auto;
text-align: center;
border: 1px solid #C0C0C0;
background-color:#F0C2D1;
-moz-box-shadow:4px 4px 3px #ccc;
-webkit-box-shadow: 4px 4px 3px #ccc;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#C0C0C0,direction=125,strength=5)";
filter: progid:DXImageTransform.Microsoft.Shadow(color=#C0C0C0,direction=125,strength=5);
}

Donde queremos mostrar el DIV añadimos:

<div class="sombra-div">
Esto sería el contenido del bloque
</div>

Si lo que añadimos es una imagen:

.sombra-image {
padding: 0.1em;
width: 200px;
height: 210px;
background-color:#FFF;
border: 1px solid #C0C0C0;
-moz-box-shadow:4px 4px 3px #ccc;
-webkit-box-shadow: 4px 4px 3px #ccc;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#C0C0C0,direction=125,strength=5)";
filter: progid:DXImageTransform.Microsoft.Shadow(color=#C0C0C0,direction=125,strength=5);
}

<div class="sombra-image"><img src="url-imagen" border="0" /></div>

O un texto cualquiera


Aquí cualquier texto


.sombra-tex {
text-shadow: 2px 3px 4px #000;
color: #F0C2D1;
font-size: 48px;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#C0C0C0,direction=125,strength=5);
}

<p class="sombra-tex">Aquí cualquier texto </p>


Sorte Bilosony2 ™





fonte e créditos: 









vi gostei

notícias interessantes

confira



vi gostei


Sobre: ..." A tag span e caracteres Unicode"

  Sobre: ..."  A tag span e caracteres Unicode"

 :::

 

"  A tag span e caracteres Unicode"

"  ...sobre uma forma de estilo mais conhecido como caracteres especiais Unicodevão do qual falamos em outra ocasião".   
...e é muito fácil se usarmos o rótulo ..
mostrar esse personagem teria que escrever a próxima
Se usarmos a tag span assim:


style = " vertical -align: <span middle; color:#990000;" font-size:20px;>&#9658;</ Span>


Teríamos esse resultado


Basta pensar na cor e tamanho que gostaríamos, adicionar estilos e antes da tag de fechamento span adicionar o personagem vai usar.



     ®

fonte: 
 






Saiba como implementar Widget ( código) de "responder comentarios no blog"/(simples)

Saiba como implementar  Widget  
( código)  de "responder comentarios no blog"/(simples)


Em alguns templates, não existe a opção "responder comentários";

...daí,
o jeito, é implementá-lo!

Muito simples, porém, existem vários modelos e esquemas para tal.

Aqui
vou passar um tutorial muito simples e fácil de fazer!
 

Tutorial :
... responder comentários no blog


Bom:


Logado no painel blogger...

. Vá até o html de seu lay-out
. e,
em html
procure por
 <data:commentPostedByMsg/>
ao encontrar o código:


 <data:commentPostedByMsg/>

...abaixo dele, fazendo as alterações necessárias,
cole o seguinte código:

<span class='comment-reply'>
<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=AQUI VOCE COLOCA O ID DE SEU BLOG&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'> &#9668; <i>Responder comentário</i>
</a></span>




Nota:


O que está escrito em vermelho,
coloque o ID de seu blog

vide imagem:

▼ 



 Você pode ver o número da ID  de seu blog na barra de endereços do seu navegador.



Obs.:

Você pode colocar também, 
abaixo de
abaixo do seguinte código: 

<dd class='comment-footer'>

 Assim
 o link 
aparecerá  abaixo do comentário!


Bom,
espero ter ajudado!

Use sua criatividade!

Saiba como é feito esse modelo: "Lista de Postagens Populares na Horizontal"

Este presente post, vem a ser referente a um belíssimo e funcional tutorial, feito por por Ariane, do blog   templatesparanovoblogger,
...considero bem feito e funional, e bonito, por conseguinte, quero tê-lo sempre por perto! 


"Lista de Postagens Populares na Horizontal"

 
...widgets..." Postagens Populares"


"É uma maneira interessante de atrair seus visitantes para outros textos que talvez não se apresentem na página inicial, além de mostrar os assuntos que mais agradam seus leitores. "

"No entanto, por padrão, a lista aparece na vertical, limitando a possibilidade de mostrá-la em outras áreas do blog que não a sidebar, além de ocupar bastante espaço da coluna lateral, mesmo que se escolha poucos posts a serem mostrados."

Uma maneira que considerada por Ariane, do blog   templatesparanovoblogger

interessante foi mostrar esta mesma lista na horizontal, dentro de alguma div que ocupe toda a largura da página,  
como a  
div #crosscol-wrapper (e neste caso, apareceria abaixo do cabeçalho, como neste blog).

"Também é possível arrastar o widget para o
Footer, por exemplo, e a apresentação dos Posts Populares ficaria no final da página"

Tutorial para quem usa os Modelos de Layout (2006)

A primeira coisa que se deve fazer é se certificar da largura total de 

 #outer-wrapper (a div que engloba todas as outras). 
Procure no CSS do seu template por 
#outer-wrapper 
e veja o valor que está em 
 width

Se no seu template este valor for 100%
será preciso então definir um valor para  
#content-wrapper 
(a div que engloba #main-wrapper e #sidebar-wrapper). 
Se o valor de width em 
#outer-wrapper 
 for algo como 980px
não será preciso definir 
#content-wrapper.

Para definir uma largura para content-wrapper
acrescente no CSS (imediatamente 
acima da 
 tag ]]></b:skin> ):

#content-wrapper{margin: 0 auto; width: 990px}

 

o valor de width 

deve ser alterado conforme a largura que você desejar.

Tendo definido uma largura para content-wrapper, acrescente também este trecho (ainda acima
da tag ]]></b:skin> )
 

#crosscol-wrapper{margin: 0 auto; padding: 0px}
#PopularPosts1{width: 100%; margin: 0px auto; padding: 5px 0px} /*
define que o widget ocupe 100% de largura */
#PopularPosts1 h2{font-size:18px;text-align:left; border-bottom: 1px dotted #fff} /*
estilo para o título do widget */
.PopularPosts .widget-content{float:left;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.PopularPosts .widget-content ul {margin: 0px auto;padding: 0px 0px;width: 100%; list-style:none; } /* estilo para a lista de posts */
.PopularPosts .widget-content li {margin: 0px 6px 10px 6px;width: 182px;padding: 0px;height: 180px; overflow:hidden;list-style:none; float:left; border: 1px solid #fff;} /*
estilo para cada item da lista. Altere os valores de width, height, border, etc, para que se encaixem na largura total. */
.item-content{font-size: 12px; text-align:left; padding: 5px 10px}
/* estilo para o resumo do post */
.PopularPosts img{margin: 0px 0px;padding: 4px; background: #fff; float:right}
/*estilo para a imagem */
.PopularPosts .item-title{line-height:1.3em} /*
estilo para o titulo de cada post */

Salve a modificação.
 


Em Elementos de Página
arraste o widget 
Postagens Populares 
para sob o cabeçalho (ao arrastar, deve aparecer um retângulo  onde se deve encaixar o widget), ou para #footer.
 
"Se você desejar, poderá também colocar no início ou final da coluna dos posts, 

mas deverá modificar as medidas para que se encaixem na largura da coluna. "

 No exemplo de Ariane, as medidas são ideais para 
#content-wrapper com width: 990px; 
mostrando cinco posts populares por 'linha'.
 

Se quiser mostrar os posts populares apenas na primeira página, 
vá em Editar HTML...
...  e, encontre o widget PopularPosts expandido. 

É um código bastante extenso e a condicional (em vermelho) 
deve ser colocada logo após <b:includable id='main'> e
seu fechamento logo antes de </b:includable>
 como mostrado abaixo:

<b:widget id='PopularPosts1' locked='false' title='Populares' type='PopularPosts'>
<b:includable id='main'><b:if cond='data:blog.url == data:blog.homepageUrl'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
 ......... mais código .........


  </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:if></b:includable>
</b:widget>

 
Para os que usam os Modelos de Designer

Para os que usam os novos modelos, 

...Ariane fez " este teste" 
mas é necessário fazer algumas aterações no HTML. 

Primeiro vá em Designer do Modelo => Avançado e em Adicionar CSS
 acrescente os códigos passados acima 
(aqui, a única diferença será que você deve especificar uma medida exata de largura e altura para #crosscol-wrapper
como na imagem abaixo - clique para ampliar -):



Salve a modificação e vá  

em Editar HTML 
e procure por:

<div class='region-inner tabs-inner'>
      <b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'/>
      <b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
    </div>

E acrescente depois de
</div>:


<div id='crosscol-wrapper'>
<b:section class='crosscol' id='crosscol-wrapper' maxwidgets='1' showaddelement='yes'>
</b:section>
</div>
"Salve as modificações e em Elementos de Página, arraste o widget Posts Populares para o espaço abaixo do cabeçalho. "

"Se quiser mostrar os posts populares apenas na primeira página, deixe desta maneira:"



<b:if cond='data:blog.url == data:blog.homepageUrl'>

<div id='crosscol-wrapper'>
<b:section class='crosscol' id='crosscol-wrapper' maxwidgets='1' showaddelement='yes'>
</b:section>
</div>


</b:if>




fonte e créditos: 
templatesparanovoblogger

Blogs com caixa de rolagem

Aqui neste espaço... 
Apenas divulgo e indico... 
Posts, notícias, dicas etc. 
 com devidas fontes  e créditos:    


Blogues com caixa de rolagem

Às vezes queremos adicionar muitos blogs na lista de atualizações que mostramos (lista de blogs) e anossa página comessa a ficar cheia, uma boa solução para esse problema é colocar uma barra de rolagem com a lista dos blogs. Para fazer isso é bem simples:
Entra na pagina editar HTML e clica para expandir os modelos de widgets, então procura pelo inicio de tualista de blogs, um jeito fácil de a encontrar é procurar pelo titulo que usas na tua lista.


<b:widget id='BlogList1' locked='false' title='Meus outros Blogs' type='BlogList'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<div id='blog-list-title'>
<h2 class='title'><data:title/></h2>
</div>
</b:if>


<div style="height: 200px;overflow: auto; border:1px solid #000000">
<div class='widget-content'>
<div class='blog-list-container' expr:id='data:widget.instanceId + "_container"'>
<ul expr:id='data:widget.instanceId + "_blogs"'>


Repara na linha em negrito e vermelho, no teu blog essa linha não existe, pois foi justamente isso que modifiquei para colocar a barra de rolagem, o valor 200 que está na mesma linha é o tamanho da barra, então podes mudar para o numero que achares melhor.

Onde diz :1px solid #000000 é a borda,
se não gostas assim é só apagar esse bocado do código, mas cuidado para não apagares as aspas, nem outros sinais.
Agora vamos fechar essa div(estilo) que usamos aqui. Um pouco mais para baixo no código, encontrarás isto:

<a href='javascript:void(0)'><data:showAllText/></a>
</span>
</div>
</b:if>
</b:if>

<b:include name='quickedit'/>
</div>
</div></div>
</b:includable>
</b:widget>

Cuidado para não te confundires e achares que já tens uma div fechada, essa que já estava no blog pertencia ao código original, então precisamos adicionar mais uma(essa que está em negrito e vermelho, não estava no modelo original do blog). Feito isso é só clicar para visualizar e depois salvar se estiver tudo correto. Essa é uma boa maneira de poupar espaço e ainda dá um novo visual com a barra de rolagem na lista de blogs.

fonte:
laranabackground

Hack (colorido) para menu suspenso (marcadores) -

. clique na seta Hack (colorido) para menu suspenso (marcadores) - 

caixa de pesquisa