Headlines Automáticas (Personalizado)

Galera, nessa grande inauguração venho postar um tuto muito pedido porém muito fácil... como você já conhece as Headlines Automáticas, ela tem uma função cuja o próprio nome diz: "Automática", em muitos sites ou blogs já postaram este Script, só que hoje vou postar ele personalizado... deixando de enrolação, e mãos a obra:

1 ~ Vá em "Design" >> "Editar Html" >>, e procure pela seguinte tag:

]]></b:skin>

Acima dela adicione o seguinte CSS:

.headlines a{
background:#272727;/* Edite a cor do fundo dos links */
width:500px;/* Edite a largura do background */
height:20px;/* Edite a altura do background */
line-height:10px;
font-family:Arial;/* Edite a fonte */
font-size:14px;/* Edite o tamanho da fonte */
color:#fff !important;/* Edite a cor dos links */
display:block;
padding: 2px 0px 0px 2px;
}
.headlines a:hover{
cursor:pointer;
background:#333;/* Edite a cor do fundo dos links no hover */
width:500px;
height:20px;
line-height:8px;
font-family:Arial;
font-size:11px;
color:#bfbfbf !important;/* Edite a cor dos links no hover */
display:block;
padding: 2px 0px 0px 2px;
}

2 ~ Vá em "Layout" >>, e adicione um Gadget de HTML/JavaScript, e coloque o seguinte script com a div do CSS que adicionamos:

<div class="headlines"><div id="mtrpwb"> <script src="https://sites.google.com/site/projectdigitaltomato/blogger/js/rpost-english2.js"> </script> <script> var numposts = 7;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true; </script> <script src="http://www.designonspace.net/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"> </script> </div></div>
Note que você terá que editar as seguintes linhas:

numposts = 7; /* Edite a quantidade de links que irão aparecer*/
http://www.designonspace.net/ /* Coloque o link do seu site */
* Nota: caso as Headlines não apareçam pode ser que aconteça um conflito de scripts, deixando as headlines ocultas.