Gadget mensagens aleatórias coloridas para Blogger

Olá amigos Mult-focos, vamos mostrar como adicionar um gadget de mensagens aleatórias coloridas para Blogger.
É um gadget muito bonito e de fácil adição no seu template.
Clique no botão ADD to Blogger, escolha o titulo para seu gadget e clique em adicionar widget prontinho.  Isto é tudo.
Leia também: Postagens relacionadas com imagem

<center><form action="https://www.blogger.com/add-widget" method="post"> <input value="Mensagens aleatórias" name="widget.title" type="hidden"/> <textarea style="display: none;" name="widget.content"> <style type="text/css">.noop-random-posts ul li{list-style-image:none}.noop-random-posts ul{list-style-type:none;margin:0;padding:5px 0}.noop-random-posts ul li{border:0 none;margin:5px 0;padding:10px;position:relative}.noop-random-posts ul li:first-child{background:none repeat scroll 0 0 #ff4c54;width:97%}.noop-random-posts ul li:first-child:after{content:"1"}.noop-random-posts ul li:first-child+li{background:none repeat scroll 0 0 #ff764c;width:87%}.noop-random-posts ul li:first-child+li:after{content:"2"}.noop-random-posts ul li:first-child+li+li{background:none repeat scroll 0 0 #ffde4c;width:84%}.noop-random-posts ul li:first-child+li+li:after{content:"3"}.noop-random-posts ul li:first-child+li+li+li{background:none repeat scroll 0 0 #c7f25f;width:81%}.noop-random-posts ul li:first-child+li+li+li:after{content:"4"}.noop-random-posts ul li:first-child+li+li+li+li{background:none repeat scroll 0 0 #33c9f7;width:78%}.noop-random-posts ul li:first-child+li+li+li+li:after{content:"5"}.noop-random-posts ul li:first-child+li+li+li+li+li{background:none repeat scroll 0 0 #7ee3c7;width:75%}.noop-random-posts ul li:first-child+li+li+li+li+li:after{content:"6"}.noop-random-posts ul li:first-child+li+li+li+li+li+li{background:none repeat scroll 0 0 #f6993d;width:72%}.noop-random-posts ul li:first-child+li+li+li+li+li+li:after{content:"7"}.noop-random-posts ul li:first-child+li+li+li+li+li+li+li{background:none repeat scroll 0 0 #f59095;width:69%}.noop-random-posts ul li:first-child+li+li+li+li+li+li+li:after{content:"8"}.noop-random-posts ul li:first-child+li+li+li+li+li+li+li+li{background:none repeat scroll 0 0 #c7f25f;width:66%}.noop-random-posts ul li:first-child+li+li+li+li+li+li+li+li:after{content:"9"}.noop-random-posts ul li:first-child:after,.noop-random-posts ul li:first-child+li:after,.noop-random-posts ul li:first-child+li+li:after,.noop-random-posts ul li:first-child+li+li+li:after,.noop-random-posts ul li:first-child+li+li+li+li:after,.noop-random-posts ul li:first-child+li+li+li+li+li:after,.noop-random-posts ul li:first-child+li+li+li+li+li+li:after,.noop-random-posts ul li:first-child+li+li+li+li+li+li+li:after,.noop-random-posts ul li:first-child+li+li+li+li+li+li+li+li:after{background:none repeat scroll 0 0 #353535;border-radius:50% 50% 50% 50%;color:#fff;font-size:25px;height:30px;position:absolute;right:-17px;text-align:center;top:1px;width:30px}.noop-random-posts ul li a{color:#444;font-size:13px;text-decoration:none}</style> <div class="noop-random-posts"><script type="text/javascript">/*<![CDATA[*/var randarray=new Array();var l=0;var flag;var numofpost=5;function nooprandomposts(a){var d=parseInt(a.feed.openSearch$totalResults.$t,10);for(i=0;i<numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*d);for(j in randarray){if(l==randarray[j]){flag=1}}if(flag==0&&l!=0){randarray[i++]=l}}document.write("<ul>");for(n in randarray){var e=randarray[n];var c=a.feed.entry[e-1];for(k=0;k<c.link.length;k++){if(c.link[k].rel=="alternate"){var b="<li><a href="+c.link[k].href+">"+c.title.$t+"</a> </li>";document.write(b)}}}document.write("</ul>")};/*]]>*/</script><a href="http://mult-focos.blogspot.com.br/" style="font-size:0pt">Mult-focos</a> <script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=nooprandomposts"></script> </textarea> <input value="http://mult-focos.blogspot.com.br/2014/06/gadget-mensagens-aleatorias-coloridas.html" name="infoUrl" type="hidden"/> <input value="https://lh5.googleusercontent.com/-BN82x8_7bmM/Ug4kI9O-_uI/AAAAAAAAALs/uaELZ9mUrzU/s50-no/photo.jpg" name="logoUrl" type="hidden"/> <input src="https://lh4.googleusercontent.com/-eFap_4lP7lA/Ug4Usg8KUBI/AAAAAAAAALg/eyLR6xReR6k/w104-h30-no/adicionar-gadget-blogger.gif" type="image"/> </form></center>

 Se o botão ADD to Blogger falhar, copie o código clicando no botão copiar.

Copiar

Isto é tudo.