Colocando caixinha de Freed
Autor: Lord Seven | Publicado: 2012-03-27T11:42:00-07:00

Como colocar caixinha assinar de freed fixa no blogger, então confiram abaixo:
1º - Vá em design, &gt; editar html e procure por:]]&gt;&lt;/b:skin&gt;2º - Agora logo acima coloque o seguinte código:#form-feed-2 {text-align: center;font-family: Arial, sans-serif;width: 220px;margin: 0 auto;}&lt;br /&gt; .form-feed-2p {font-size: 14px;}&lt;br /&gt; .caixa-form-feed-2 {width: 200px;height: 28px;border: 1px solid #CCC;padding: 3px;-webkit-box-shadow: inset 0px 0px 10px -2px #B3B3B3;-moz-box-shadow: inset 0px 0px 10px -2px #B3B3B3;box-shadow: inset 0px 0px 10px -2px #B3B3B3;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding-left: 5px;padding-right: 5px;font-size: 14px;}&lt;br /&gt; .caixa-form-feed-2:focus {border-color: #AEAEAE;outline: none;}&lt;br /&gt; .btn-form-feed-2 {width: 100px;height: 33px;background: rgb(64,146,226); /* Old browsers */background: -moz-linear-gradient(top, rgba(64,146,226,1) 0%, rgba(26,117,221,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,146,226,1)), color-stop(100%,rgba(26,117,221,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(64,146,226,1) 0%,rgba(26,117,221,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(64,146,226,1) 0%,rgba(26,117,221,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(64,146,226,1) 0%,rgba(26,117,221,1) 100%); /* IE10+ */background: linear-gradient(top, rgba(64,146,226,1) 0%,rgba(26,117,221,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4092e2', endColorstr='#1a75dd',GradientType=0 ); /* IE6-9 */border: 1px solid #176ABB;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: white;font-size: 15px;text-transform: uppercase;text-shadow: 1px 1px 1px #176ABB;filter: dropshadow(color=#176ABB, offx=1, offy=1);-webkit-box-shadow: inset 0px 0px 10px -2px #2378CB;-moz-box-shadow: inset 0px 0px 10px -2px #2378CB;box-shadow: inset 0px 0px 10px -2px #2378CB;cursor: pointer;}&lt;br /&gt; .btn-form-feed-2:hover {background: #499BEA;background: -moz-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73, 155, 234, 1)), color-stop(100%,rgba(32, 124, 229, 1)));background: -webkit-linear-gradient(top, rgba(73, 155, 234, 1) 0%,rgba(32, 124, 229, 1) 100%);background: -o-linear-gradient(top, rgba(73, 155, 234, 1) 0%,rgba(32, 124, 229, 1) 100%);background: -ms-linear-gradient(top, rgba(73, 155, 234, 1) 0%,rgba(32, 124, 229, 1) 100%);background: linear-gradient(top, rgba(73, 155, 234, 1) 0%,rgba(32, 124, 229, 1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 );}&lt;br /&gt; .btn-form-feed-2:active {background: #499BEA;}&lt;br /&gt; .no-space1 {margin-top: 14px;}&lt;br /&gt; .no-space2 {margin: 0 auto;font-size: 17px;text-transform: uppercase;font-weight: bold;color: #363636;width: 220px;margin: 0 auto;background: url(http://4.bp.blogspot.com/-V3ZjIQjI2Bs/ToXN-p2XDmI/AAAAAAAACJA/6AR0hYMmcyk/s1600/social_rss_box_orange.png) no-repeat -5px 0px;height: 120px;}&lt;br /&gt; .assinar-form-msg {float: right;font-size: 22px;padding-top: 23px;padding-right: 12px;cursor: default;}&lt;br /&gt; label.error {display: block;text-align: center;font-size: 14px;padding-bottom: 50px;margin-bottom: -50px;position: relative;margin-top: -15px;margin-bottom: -40px;padding-top: 5px;}&lt;br /&gt; br {clear: both;}&lt;br /&gt; label.valid {padding-bottom: 0 !important;margin-bottom: 26px !important;}3º - Agora procure por &lt;head&gt; e adicione o seguinte código acima dele:
&lt;script src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;&lt;br /&gt; &lt;script type="text/javascript" src="http://dl.dropbox.com/u/44914301/codigos/box-jquery-validation/jquery.validate.js" charset="utf-8"&gt;&lt;/script&gt;&lt;br /&gt; &lt;script&gt; $(document).ready(function(){ $("#form-feed-2").validate({ rules: { email: { required: true, email: true } } }); }); &lt;/script&gt;&lt;br /&gt; 
4º - Cliquem em salvar, e agora vamos a parte gadget, vá em design&gt; adicionar um gadget
&gt; html/ Java Script e adicione o seguinte código:
&lt;form id="form-feed-2" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=LINK DO SEU FREED', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"&gt;&lt;div class="form-feed-2p no-space2"&gt;&lt;div class="assinar-form-msg"&gt;Assine&lt;br/&gt;nosso&lt;br/&gt;feed:&lt;/div&gt;&lt;/div&gt;&lt;p class="no-space1"&gt;&lt;input type="text" for="email" name="email" class="caixa-form-feed-2" value="" placeholder="Digite seu e-mail aqui."/&gt;&lt;/p&gt;&lt;label for="email" generated="true" class="error"&gt;&lt;/label&gt;&lt;br /&gt; &lt;input type="hidden" value="LINK DO SEU FREED" name="uri"/&gt;&lt;br /&gt; &lt;input type="hidden" name="loc" value="pt_BR"/&gt;&lt;br /&gt; &lt;input type="submit" class="btn-form-feed-2" value="Assinar" /&gt;&lt;br /&gt; &lt;/form&gt;


Aonde está "LINK DO SEU FREED" coloque seu freed e depois salve, e pronto!