Como fazer Headlines e personaliza-las

Eae galera Hoje vou ensinar a fazer headlines automática personalizada primeiro vai no Layout do Blog Add um novo Gadget HTML/JAVASCRIPT
Depois cole o seguinte

div class="headlines"><div id="mtrpwb"> <script src="https://sites.google.com/site/projectdigitaltomato/blogger/js/rpost-english2.js"> </script> <script> var numposts = 4;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true; </script> <script src="http://www.seusite/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"> </script> </div></div>

Atenção

Altere as seguintes coisas http://www.seusite/feeds/posts/default? Onde ta escrito seusite e o seusite (obviu) Exemplo : http://www.design-icube/feeds/posts/default? e onde tá numposts = 4 e a quantidade de post que você quer que apareça


Agora vai em Editar HTML procure por:

]]></b:skin

E Cole

.headlines a{ background:#xxx; border-radius:10px 10px 10px 10px; width:27px; heigth:17px; font-family:Arial; text-transform: capitalize; font-size:16px; color:#000!important; transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; text-decoration:none; } .headlines a:hover{ background:#09445f; border-radius:3px 10px 5px 3px; width:327px; heigth:17px; font-family:Arial; text-transform: capitalize; font-size:16px; color:#fff !important; transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; text-decoration:none; padding-left:10px; font-weight:bold; cursor:pointer; }