Código de personalização do feed do blog

Views:
<style>
#subscribebox {
background:#444444;
padding:20px;
font-family: 'open sans', sans-serif;
width:230px;
}
.widget_follow_subscribe .widget-detail {
  padding: 36px 30px 40px 30px;}

#subscribebox p {
color: white;
    font-size: 15px;
    text-align: center;
    font-weight: 700;
}

.follow-subscribe-social {
 margin: 0 0 15px;
 padding: 0 0 14px;
 border-bottom: #858585 solid 1px;

}

.follow-subscribe-social ul {
 list-style: none;
 margin: 0;
 padding: 0;
 text-align: center;
}

.follow-subscribe-social ul li {
 display: inline;
 margin: 0 15px 0 0;  
border-bottom: none;
}

.follow-subscribe-social ul li:last-child {
 margin: 0;
}

.follow-subscribe-social ul li a {
 font-size: 22px;
color: #ffffff !important;
 -webkit-transition: color 0.2s ease-in-out;
 -moz-transition: color 0.2s ease-in-out;
 -ms-transition: color 0.2s ease-in-out;
 -o-transition: color 0.2s ease-in-out;
 transition: color 0.2s ease-in-out;
}

.follow-subscribe-social ul li a:hover {
 color: #ff0075 !important;
}

form.subscribe {
 margin-top: -7px;
}

form.subscribe input {
 display: block;
 width: 100%;
}

.subscribe-email {
 height: 45px;
 border: none;
 margin: 0 0 10px;
 font-size: 0.928571em;
 background-color: #ffffff;
  text-align: center;
  color:efefef;
}

.subscribe-email:focus {
 outline: 0;
}

/* ===== Placeholder color ===== */
form.subscribe .placeholder { /* Internet Explorer 9 */
 color: #cacaca;
}

form.subscribe input:-ms-input-placeholder { /* Internet Explorer 10+ */
 color: #cacaca;
}

form.subscribe input::-webkit-input-placeholder { /* WebKit browsers */
    color: #cacaca;
}

form.subscribe input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fafafa;
}

form.subscribe input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fafafa;
}

.subscribe-button {
 height: 45px;
 font-weight: 700;
font:16px 'open sans';
 color: #fff;
 text-transform: uppercase;
 border: none;
 background-color:#ff0075;

 -webkit-transition: background-color 0.2s ease-in-out;
 -moz-transition: background-color 0.2s ease-in-out;
 -ms-transition: background-color 0.2s ease-in-out;
 -o-transition: background-color 0.2s ease-in-out;
 transition: background-color 0.2s ease-in-out;
}

.subscribe-button:hover {
 background-color: #f4b458;
}

.subscribe-button:focus {
 outline: 0;
}
</style>
<center>
<div id="subscribebox">
<div class="follow-subscribe-social">
<ul>
<li><a href="LINK TWITTER" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li><a href="LINK FACEBOOK" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a href="LINK GOOGLE+" target="_blank"><i class="fa fa-google"></i></a></li>
<li><a href="LINK PINTEREST" target="_blank"><i class="fa fa-pinterest-p"></i></a></li>
<li><a href="LINK YOUTUBE" target="_blank"><i class="fa fa-youtube"></i></a></li>
<li><a href="LINK INSTAGRAM" target="_blank"><i class="fa fa-instagram"></i></a></li>
</ul>
</div>
<img border="0" alt="Subcribe" src="ENDEREÇO HTTP DE SEU LOGO" width="100" height="100" />
<p>Assine o feed do blog!</p>
<form class="subscribe" action='http://feedburner.google.com/fb/a/mailverify?uri=xxfeed' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=ID DO FEED, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='ID DO FEED'/>
<input name='loc' type='hidden' value='pt_BR'/>
<input class="subscribe-email" type='text' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Seu endereço de email&quot;;}' onfocus='if (this.value == &quot;Seu endereço de email&quot;) {this.value = &quot;&quot;;}' value='Seu endereço de email'/>
<input class="subscribe-button" type="submit" value="Assinar agora" />
</form>
<p style="font-size:70%;">Fique tranquilo, nunca compartilharemos sua informação com ninguém!</p>
</div>
</center>


Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage