Aquest post només està disponible en castellà:#OpenData: La hora de actuar por una licencia única en la #UE (@AndresNin - @NeelieKroesEU)
A continuació us annexo el codi del giny (widget) per demanar més adhesions directament en el vostre bloc o pàgina web.
En aquest cas, l'he retocat per a que aparegui en català (amb alguna excepció que no sé resoldre).
El que heu de fer és copiar tot el codi i inserir-lo en el vostre blog o pàgina web, res més.
Si teniu cap dubte escriviu-me un comentari aquí mateix.
<!-- WIDGET ACTUABLE - T1.1 -->
<style><br />.act_wid_1 { font: 16px Arial; margin: 0 0 2em 0;}<br />.act_wid_1 * { border: none; margin: 0; padding: 0;}<br />.act_wid_1 .act_wid_img { margin: 0; padding: 0; height: 150px; overflow: hidden; }<br />.act_wid_1 img { border: none; margin: 0;}<br />.act_wid_1 .act_wid_title h1 { text-transform: none; margin: 0; padding: .4em .5em; font: normal 1.5em Helvetica; border: none; border-bottom: 1px solid;}<br />.act_wid_1 .act_wid_title h1 a { text-decoration: none; background: none; text-indent: 0; width: auto; height: auto; display:block;}<br />.act_wid_1 .act_wid_title h1 a:hover { text-decoration: underline;}<br /><br />/* widget sign */<br />/*<br />.act_wid_1 .widget_sign { min-height: 420px; overflow: hidden; margin: 0 0 2em 0;}<br />.act_wid_1 .progress_bar { border-top: 1px solid; border-bottom: 1px solid; }<br />.act_wid_1 .progress_bar .pb_cont { position: relative; height: 18px; }<br />.act_wid_1 .progress_bar .pb_bkg { width: 100%; position: absolute; height: 18px; background: #FFF; opacity: .5; }<br />.act_wid_1 .progress_bar .pb_prog { position: absolute; height: 18px; background: #FFF; opacity:; .9; }<br />.act_wid_1 .progress_bar table { margin: 0 0 .75em 0; font-size: .85em;}<br />.act_wid_1 .progress_bar td { padding: 0; width: 22%; text-align: center;}<br />.act_wid_1 .progress_bar td.f { width: 17%; text-align: left;}<br />.act_wid_1 .progress_bar td.l { width: 17%; text-align: right;}<br />*/<br />.act_wid_1 .widget_sign { min-height: 0; }<br />.act_wid_1 .widget_sign .wc { padding: .5em 0.8em; }<br />.act_wid_1 .widget_sign .wc p { margin: 0 0 .2em 0; }<br />.act_wid_1 .widget_sign .wc .box { padding: 0; background: none; padding: 1em 0 8em 0;}<br /><br />.act_wid_1 .widget_sign .signs_info { position: relative; }<br />.act_wid_1 .people_count { position: relative; width: 50%; }<br />.act_wid_1 .people_count, .act_wid_1 .signs_left { font: bold 1em Helvetica; }<br />.act_wid_1 .signs_info small { font: bold .65em Arial; display: block;}<br />.act_wid_1 .signs_left { width: 50%; position: absolute; left: 50%; top: .5em;}<br /><br />.act_wid_1 .act_now { font-size: .75em;}<br />.act_wid_1 .act_now h3 { text-transform: uppercase; font: bold 1.7em Helvetica; margin: .25em 0;}<br />.act_wid_1 .act_now table { width: 100%;}<br />.act_wid_1 .act_now th, .act_now td { padding: 1px 5px 1px 5px; background: none;}<br />.act_wid_1 .act_now th { text-align: right; font-weight: normal; width: 6em;}<br />.act_wid_1 .act_now td input { width: 95%; }<br />.act_wid_1 .act_now tr.accept_conds td input { width: auto; font: .75em Arial;}<br />.act_wid_1 .act_now tr.accept_conds td { font: .75em Arial;}<br /><br />.act_wid_1 .act_now .submit { padding: 1em 0 1.5em 0; margin: 0; border: none; text-align: center; }<br />.act_wid_1 .act_now .submit input { font: bold 1.4em Helvetica; vertical-align: top; height: 38px; padding: 8px 20px 6px 20px; text-transform: uppercase; border: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 2px 2px 2px #666; -webkit-box-shadow: 2px 2px 2px #666; box-shadow: 2px 2px 2px #666;}<br />.act_wid_1 .act_now .submit input:hover { opacity: .9; cursor: pointer;}<br /><br />.act_wid_1 .act_now .submit a { text-decoration: none; display: inline-block; font: bold 1.4em Helvetica; vertical-align: top; padding: 16px 18px 9px; text-transform: uppercase; border: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 2px 2px 2px #666; -webkit-box-shadow: 2px 2px 2px #666; box-shadow: 2px 2px 2px #666;}<br />.act_wid_1 .act_now .submit a:hover { opacity: .9; }<br /><br />/* widget sign theme */<br />.act_wid_1 .act_wid_img { background: #8CDEEF url("/images/widget_bkgd_blue.png");}<br />.act_wid_1 .wtheme_blue .act_wid_title { border-color: #FFF;}<br />.act_wid_1 .wtheme_blue .act_wid_title h1 { border-color: #FFF;}<br />.act_wid_1 .wtheme_blue .act_wid_title h1 a { color: #FFF; }<br />.act_wid_1 .wtheme_blue .widget_sign { background: #169FB9; color: #FFF;}<br />.act_wid_1 .wtheme_blue .progress_bar { border-color: #FFF; }<br />.act_wid_1 .wtheme_blue .people_count { color: #FFF;}<br />.act_wid_1 .wtheme_blue .signs_info small { opacity: .6;}<br />.act_wid_1 .wtheme_blue .act_now { background: #8CDEEF; color: #08738B;}<br />.act_wid_1 .wtheme_blue .act_now h3 { color: #08738B;}<br />.act_wid_1 .wtheme_blue .act_now .submit input {<br /> background: #08738B;<br /> background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#086E85), to(#128CA5));<br /> background: -moz-linear-gradient(100% 0% 270deg,#086E85, #128CA5);<br /> color: #FFF;<br />}<br />.act_wid_1 .wtheme_blue .act_now .submit a {<br /> background: #08738B;<br /> background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#086E85), to(#128CA5));<br /> background: -moz-linear-gradient(100% 0% 270deg,#086E85, #128CA5);<br /> color: #FFF;<br />}<br /></style>
<div class="act_wid_1">
<div class="wtheme_blue" id="widget_box">
<div class="widget_sign" id="widget_cont">
<div class="act_wid_img"><a href="http://actuable.es/peticiones/say-to-neeliekroeseu-we-want-single-opendata-licence-in-the" target="_blank"><img alt="Opendata" src="http://actuable.es/system/images/3374/medium/opendata.jpg" height="195" width="300" /></a></div>
<div class="act_wid_title">
<h1><a href="http://actuable.es/peticiones/say-to-neeliekroeseu-we-want-single-opendata-licence-in-the" target="_blank">Say to @neeliekroesEU we want a single #opendata licence in the #EU #1OdataLicenseEU</a></h1>
</div>
<div class="wc signs_info">
<div class="people_count">
<small>Han actuat</small>
<span id="actuable_signs_count_3374">0 persones</span>
</div>
<div class="signs_left">
<small>Ens manquen</small>
<span id="actuable_signs_left_3374">0 signatures</span>
</div>
</div><!-- .wc -->
<div class="act_now">
<div class="wc" id="act_now_not_acted">
<div class="widget_form">
<h3>Actua ara</h3>
<form charset="UTF-8" action="http://actuable.es/actions/3374/supports" method="post">
<div style="margin:0;padding:0;display:inline"><input name="utf8" value="✓" type="hidden">
<input name="authenticity_token" id="actuable_authenticity_token" value="" type="hidden"></div></form></div></div></div></div></div></div>
This is such a detailed and well-organized post! It really shows how presenting information clearly can engage readers and encourage action—kind of like how content writing services in Pakistan help businesses and bloggers communicate their ideas effectively and professionally.
ResponElimina