Box Fullscreen Para Assinar Feed no Final do Blogger
Nesta postagem trago para vocês mais um código bem útil. Bem útil por que o fato da box ser fullscreen facilita a visualização dela pelos seus visitantes, aumentando as chances de você ganhar mais assinantes no FeedBurner.
Para colocá-la no blogger.
Para coloca-la no blogger... Entre em "Modelo" - "Editar HTML", dê um Ctrl + F e procure pela tag
]]></b:skin>
Tendo encontrado a tag, cole ACIMA dela o seguinte código
#subscriptionboxerwrap {
width:940px;
margin:auto;
}
#subscriptionboxer {
float:left;
width:100%;
background:#333333;
padding-bottom:10px;
padding-top:10px;
}
.imagebox {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpQbLpaaoSOB1zyh20XpQu59pna6oX112KjoomycYmuatSQaCod-yer5L0PFvBWxWQQTTfrlkV2bsRJ1kM-7MC0u6Sb9_DYr7Do9KIhV6KEZjEVAIW5y3gWoOghJed4htFO19zpibh22Lh/s1600/logo.png) no-repeat;
width:267px;
height:284px;
float:left;
}
#suberrighter h4 {
font-size:51px;
line-height:50px;
color:#89c63d;
font-weight:600;
margin:0;
font-family:oswald;
}
#suberrighter p {
font-size:26px;
line-height:25px;
border-bottom:1px solid #ddd;
color:#fff;
padding-bottom:20px;
margin:10px 0 0;
font-family:oswald;
}
#suberrighter {
float:right;
margin-right:80px;
margin-top:55px;
}
#subbutton {
background-color:#89c63d;
border:3px solid #70ad24;
cursor:pointer;
color:#FFF;
width:140px;
height:45px;
font-size:14px;
font-family:'Open Sans', sans-serif;
font-weight:700;
float:right;
transition:all .3s ease-out;
margin:0;
}
#subbox {
border-bottom:3px solid #F1F0F0;
font-size:14px;
font-weight:300;
border:1px solid #d2d2d2;
color:#838383;
font-style:italic;
height:33px;
font-family:Lora, Arial, Helvetica, Verdana;
outline:none;
width:375px;
margin:0;
padding:5px 30px 5px 10px;
}
#subscribe {
margin-top:10px;
margin-bottom:10px;
}
#subbutton:hover {
background-color:#292929;
border:3px solid #292929;
}
Agora, procure pela tag
</body>
Tendo encontrado a tag, cole ACIMA dela o seguinte código
<div id='subscriptionboxer'>
<div id='subscriptionboxerwrap'>
<div class='imagebox'/>
<div id='suberrighter'>
<h4>Inscreva-se</h4>
<p>Inscreva-se e receba atualizações em seu e-mail grátis!!!</p>
<form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open( 'http://feedburner.google.com/fb/a/mailverify?uri=DicasHot', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input id='subbox' name='email' onblur='if ( this.value == '' ) { this.value = 'Digite aqui seu e-mail...'; }' onfocus='if ( this.value == 'Digite aqui seu e-mail...') { this.value = ''; }' type='text' value='Digite aqui seu e-mail...'/>
<input name='uri' type='hidden' value='DicasHot'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='subbutton' type='submit' value='Inscrever-se'/>
</form>
</div>
<h3>
<span style="color: white;"><span style="font-size: small;"><span style="font-family: Arial,Helvetica,sans-serif;">Widget by <a href="http://dicashot.blogspot.com.br/2014/05/box-fullscreen-para-assinar-feed-no.html" target="_blank">Dicashot</a></span></span></span></h3>
<br />
</div>
</div>
Tendo colado o código, substitua a parte destacada de azul no código pelo seu nome no Feed Burner, tendo feito isto, está pronto!!
