.

domingo

Textual description of firstImageUrl

Box Fullscreen Para Assinar Feed no Final do Blogger

ACESSOS:
Deixe seu comentário



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.

Veja uma demonstração:
http://shrekando.blogspot.com.br/


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(http://1.bp.blogspot.com/-hnJsc7yD7RI/Uzavy-JGobI/AAAAAAAAHeo/5OH8T4WpWlY/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( &apos;http://feedburner.google.com/fb/a/mailverify?uri=DicasHot&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>

        <input id='subbox' name='email' onblur='if ( this.value == &apos;&apos; ) { this.value = &apos;Digite aqui seu e-mail...&apos;; }' onfocus='if ( this.value == &apos;Digite aqui seu e-mail...&apos;) { this.value = &apos;&apos;; }' 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!!

http://vovoxarope.blogspot.com.br/

RESPONDA: DE 0 A 5 O QUANTO ESTE CONTEÚDO FOI ÚTIL PARA VOCÊ?
{[['']]}