Box autôr e assinatura de feed/bt

Oié aqui eu com mais uma das minhas partilhas,foi algo terminei fazêr agora para meu template novo e aqui estou partilhando para vc numa boa...
Acima pode visualizar 2 resultados na imagem irei abaixo deixar links online para visualizár...
Quais extras que trás este gadget,abaixo fica lista...

feed rss
feed pop up
titulo com link para facebook(troque link pelo s perfil)
avatar com efeito hover

Bem aqui pode visualizár 1 exemplo online:ENTRE AQUI!!!

Abaixo deixo código deste exemplo é so seguir os passos abaixo:::

Antes de tudo faça 1 cópia do seu template tema / back up...

(1)-Encontre este trecho e acima dele coloque meu código...

#btupboxx {background:#fff;width:560px!important; height:60px!important;margin-top:0px; padding:10px; border:1px solid #c6c6c6;overflow:hidden;margin-left:-17px;border-bottom: 6px solid #666;} #btsubscribe {float:left;border-right:1px solid #666;padding-right: 18px;margin-top: -12px;padding-top:9px;} .bt-h2 {font-size:20px; font-family:Montez; text-align:center;text-shadow:1px 1px 1px #ABABAB;font-weight:bold;margin-top: 4px;} .bt-email {background:#fff url(http://i66.tinypic.com/10seq9u.png) no-repeat 7px 10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; border:1px solid #ddd; font-family:Montez; font-size:18px; font-weight:bold;text-shadow:1px 1px 1px #ABABAB;; color:#666; width:140px; height:24px; margin-right:5px; margin-top:10px; padding:5px 15px 5px 38px;vertical-align:top; display:inline-block;} .bt-email:hover {border:1px solid #bebebe; box-shadow:0.5px 1.5px 2px rgba(5,95,255,.1);} .bt-button {background-color:#fcfcfc;height:36px;margin-top:10px; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #ddd;display:inline-block;width:80px;margin-right:-6px;color:#666;font-family:Montez;font-size:17px;font-weight:bold;padding:6px;text-decoration:none;text-shadow:1px 1px 0px #ABABAB;;}.bt-button:hover {border:1px solid #bebebe; box-shadow:0.5px 1.5px 2px rgba(5,95,255,.1);}.bt-button:active {position:relative;top:1px;} .profile-h2 {margin-top:-70px;font-size:20px; font-family:Montez; text-align:center;text-shadow:1px 1px 1px #ABABAB;font-weight:bold;} .profile_pic { float:right;border-radius:100%;border:2px solid #666; box-shadow: 0px 5px 10px 0px rgba(0,0,0,.4);width:60px;display:block;margin-right:5px;margin-bottom:-10px; transform-style: preserve-3d; transition: all 1.0s linear;} .profile_pic:hover {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg); } .profile-info{ font-size:16px; text-align:center; padding: 0px 10px; font-family:Montez; } .profile-info b{ font-weight:bolder; }

(2)-Parte do código vamos aplicár html encontre este trecho e acima ou abaixo dele conforme s tema:

post-footer

post-footer-line-1

Encontre 1 deste porque muda de template para template...

<b:if cond='data:blog.pageType == "item"'>
<div id='btupboxx'>
<div id='btsubscribe'>
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=best-tuga', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input class='bt-email' name="email" onblur="if (this.value == "") {this.value = "Seu email aqui";}" onfocus="if (this.value == "Seu email aqui") {this.value = "";}" value="Seu email aqui" type="text" />
<input type="hidden" value="best-tuga" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="bt-button" value="Clica aqui!" type="submit" />
</form>
<div class='bt-h2'><a href='http://feeds.feedburner.com/best-tuga'>❝Assine meu feed❞</a></div>
</div>
<img alt='Best-tuga' class='profile_pic' src='http://i.imgur.com/tL21RaB.png'/>
<br/>
<div class='profile-info'><b>Alvaro</b> :
Curtindo a vida hoje e sempre.</div>
<div class='profile-h2'><a href='https://www.facebook.com/profile.php?id=100004245528946'>❝Meu perfil aqui❞</a></div>
</div> </b:if>

Vamos ao 2 exemplo este está novo template estou fazendo aos bocados siga passos da mesma forma que exemplo a forma acima demonstrei ...

Veja online aqui:ENTRE AQUI!!!

(1)-Código 1 css siga mesma forma que acima e cole este m código:::

}
#btupboxx {background:#fff;width:596px!important; height:60px!important;margin-top:0px; padding:10px; border:1px solid #c6c6c6;overflow:hidden;margin-left:-17px;border-bottom: 6px solid #666;}
#btsubscribe {float:left;border-right:1px solid #666;padding-right: 18px;margin-top: -12px;padding-top:9px;}
.bt-h2 {font-size:20px; font-family:Montez; text-align:center;text-shadow:1px 1px 1px #ABABAB;font-weight:bold;margin-top: 4px;}
.bt-email {background:#fff url(http://i66.tinypic.com/10seq9u.png) no-repeat 7px 10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; border:1px solid #ddd; font-family:Montez; font-size:18px; font-weight:bold;text-shadow:1px 1px 1px #ABABAB;; color:#666; width:140px; height:24px; margin-right:5px; margin-top:10px; padding:5px 15px 5px 38px;vertical-align:top; display:inline-block;}
.bt-email:hover {border:1px solid #bebebe; box-shadow:0.5px 1.5px 2px rgba(5,95,255,.1);}
.bt-button {background-color:#fcfcfc;height:36px;margin-top:10px; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #ddd;display:inline-block;width:80px;margin-right:-6px;color:#666;font-family:Montez;font-size:17px;font-weight:bold;padding:6px;text-decoration:none;text-shadow:1px 1px 0px #ABABAB;;}.bt-button:hover {border:1px solid #bebebe; box-shadow:0.5px 1.5px 2px rgba(5,95,255,.1);}.bt-button:active {position:relative;top:1px;}
.profile-h2 {margin-bottom:10px;font-size:20px; font-family:Montez; text-align:center;text-shadow:1px 1px 1px #ABABAB;font-weight:bold;}
.profile_pic {
float:right;border-radius:100%;border:2px solid #666; box-shadow: 0px 5px 10px 0px rgba(0,0,0,.4);width:60px;display:block;margin-right:5px;margin-bottom:-10px;
transform-style: preserve-3d;
transition: all 1.0s linear;}
.profile_pic:hover {-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);
}
.profile-info{
font-size:16px;
text-align:center;
padding: 0px 10px;
font-family:Montez;
}
.profile-info b{
font-weight:bolder;
}

(2)-Agora vamos aplicár html siga mesmos passos acima e cole este meu código:::

<b:if cond='data:blog.pageType == "item"'>
<div id='btupboxx'>
<div id='btsubscribe'>
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=best-tuga', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input class='bt-email' name="email" onblur="if (this.value == "") {this.value = "Seu email aqui";}" onfocus="if (this.value == "Seu email aqui") {this.value = "";}" value="Seu email aqui" type="text" />
<input type="hidden" value="best-tuga" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="bt-button" value="Clica aqui!" type="submit" />
</form>
<div class='bt-h2'><a href='http://feeds.feedburner.com/best-tuga'>❝Assine meu feed❞</a></div>
</div>
<img alt='Best-tuga' class='profile_pic' src='http://i.imgur.com/tL21RaB.png'/>
<br/>
<div class='profile-info'><b>Alvaro</b> :
Curtindo a vida hoje e sempre.</div>
<div class='profile-h2'><a href='https://www.facebook.com/profile.php?id=100004245528946'>❝Meu perfil aqui❞</a></div>
</div> </b:if>

E pronto antes de salvar abaixo deixo as notas de onde deve trocar :::

http://feedburner.google.com/fb/a/mailverify?uri=best-tuga troque pelo s feed(best-tuga)
http://feeds.feedburner.com/best-tuga troque s feed (best-tuga)
http://i.imgur.com/tL21RaB.png troque s imagem
Alvaro troque s nome
Curtindo a vida hoje e sempre. troque s frase
https://www.facebook.com/profile.php?id=100004245528946 troque s link
value="best-tuga" troe s nome de feed so so este dentro aspas(best-tuga)

E pronto feito tudo aqui me retiro alguma questão deixe recado...

Box autôr e assinatura de feed/bt

► 0

► box vários

► Cartita

B-T

Box autôr e assinatura de feed/bt

Ajuda

Feed

Eu aqui

Recomendo

Estatísticas

…

…

…