» » Awesome Newly Created YourTBox Subscription Widget for Blogger

0

This Subscription box contains Facebook, Twitter, RSS Feed, e-mail subscription. This widget is based on a wooden theme. Facebook, Twitter, RSS Feed links are shown as Natural Wooden Sticky Boards. In this tutorial i am adding a new e-mail subscription box with wooden theme. And this widget will increase your followers. You just need to follow my instructions below.

Subscription Box With Fully Wooden Theme:


★  Go to Blogger Dashboard.
★  Go to Layout.
★  Select Add a Gadget.
★  Add the following code in the content.

Note: If you don't want Mouse over effect of Images in the Subscription box, please delete the RED highlighted code,. If you want then leave it there. 
    <style type="text/css">
     /* Delete form Here*/  
    img.beintouch:hover {
        background: none repeat scroll 0 0 #D6D6D6;
        border-radius: 16px 16px 16px 16px;
        box-shadow: 0 0 10px #565656;
    }
    /* Delete to Here*/
    .emailtext {
        background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBhYUN1C8Jf3PSbUGebcSdjnhSq2KbUMFzSnS-SZMD5doLYkHZj0S1LbNHe0qQ1M5Q20JP5rsPye_vjTns6A-Hz3oYvWw4uWWbX9EbzLhAw0ZUJ5Nc5jBAqP6BAE8HXSo6GQev7dss5Nw/s1600/mailbox.png") no-repeat scroll 4px center transparent;
        border: 1px solid #7E4E27;
        border-radius: 4px 4px 4px 4px;
        box-shadow: 1px 1px 4px #7E4E27 inset;
        color: #444444;
        font-weight: bold;
        margin-left: 2px;
        padding: 7px 15px 7px 35px;
        text-decoration: none;
        width: 176px;
    }
    .ebutton {
        background: -moz-linear-gradient(-45deg, #3C1F0E 0%, #D28A47 30%, #F9E183 30%, #D28A47 55%, #3C1F0E 100%) repeat scroll 0 0 transparent;
        border: 1px solid #D3D3D3;
        border-radius: 4px 4px 4px 4px;
        color: #FFFFFF;
        cursor: pointer;
        font-weight: bold;
        margin-left: -18px;
        margin-top: 5px;
        padding: 6px 15px;
        text-decoration: none;
        text-shadow: 1px 1px 0 #000000;
    }
    </style>
    <table align="center" width="317px" cellspacing="0px" cellpadding="1px"><tbody><tr><td><a target="_blank" rel="nofollow" href="http://www.facebook.com/YourTBox"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieNm5FGHCjZNSNHKvab9_rRD25qwUQ0385pDJI4CFwDgr2VE4pK44wOIsLl5hTAvOHNB_1HcsOhAfLlOCGY8ACDujPNOKS_K34pnUtwY9C0R0lvvHuOWmjedMWTWIeGDqUnwQwvbSUyL0/s1600/woden+board+facebook_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://twitter.com/YourTBox/" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWXcLJ8C_hIdqaxz6tdAYdUVvcBPNr01VWTmSLNA9moKtjwtTsYmeFh_ku2Z51Ujiu_Tnn5zThm_LSt8z5O68sJKUjo2zO5sivpJcxbYdFsbnS4-i_2KjOWctnMLUYpWUpa-p15-iCOyU/s1600/woden+board+twitter_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://feeds.feedburner.com/YourTBox" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdmXx3dDTA9GzQ-FjfHa_E1Vst4d6YeCDqDwpPiY3SJVNXty6_L4zC6kf4z6x1mpbvVYHuxC46AAFmRmkzo6qYlok3-agLjuPknQV2v8a2dU_cHYSusBWsKEximb6LZJaiI2tWabK8dZ0/s1600/woden+board+RSS1_netoops.png" class="beintouch" /></a><a href="http://netoopsblog.blogspot.com"></a></td></tr></tbody></table>
    <div>Get Latest Tips via e-mail</div>
    <form target="popupwindow" style="margin: 0pt;" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=YourTBox', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" method="post" class="emailform" action="http://feedburner.google.com/fb/a/mailverify">
    <input type="hidden" value="NetOopsBloggerTricks" name="uri" />
    <input type="hidden" value="en_US" name="loc" />
    <input type="text" value="Enter your email..." onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" name="email" class="emailtext" />
    <input type="submit" value="Subscribe" title="" class="ebutton" alt="" />
    </form>

Carefully Change the BLUE highlighted code with FACEBOOK PAGE URL, TWTTER, FEED URL, FEED ID respectively. 

Subscription With Default Basic Wooden Theme:


★  Go to Blogger Dashboard.
★  Go to Layout.
★  Select Add a Gadget.
★  Add the following code in the content.

Note: If you don't want Mouse over effect of Images in the Subscription box, please delete the RED highlighted code,. If you want then leave it there. 

    <style type="text/css">
     /* Delete form Here*/  
    img.beintouch:hover {
        background: none repeat scroll 0 0 #D6D6D6;
        border-radius: 16px 16px 16px 16px;
        box-shadow: 0 0 10px #565656;
    }
    /* Delete to Here*/
    </style>
    <table align="center" width="317px" cellspacing="0px" cellpadding="1px"><tbody><tr><td><a target="_blank" rel="nofollow" href="http://www.facebook.com/YourTBox"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieNm5FGHCjZNSNHKvab9_rRD25qwUQ0385pDJI4CFwDgr2VE4pK44wOIsLl5hTAvOHNB_1HcsOhAfLlOCGY8ACDujPNOKS_K34pnUtwY9C0R0lvvHuOWmjedMWTWIeGDqUnwQwvbSUyL0/s1600/woden+board+facebook_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://twitter.com/YourTBox/" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWXcLJ8C_hIdqaxz6tdAYdUVvcBPNr01VWTmSLNA9moKtjwtTsYmeFh_ku2Z51Ujiu_Tnn5zThm_LSt8z5O68sJKUjo2zO5sivpJcxbYdFsbnS4-i_2KjOWctnMLUYpWUpa-p15-iCOyU/s1600/woden+board+twitter_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://feeds.feedburner.com/YourTBox" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdmXx3dDTA9GzQ-FjfHa_E1Vst4d6YeCDqDwpPiY3SJVNXty6_L4zC6kf4z6x1mpbvVYHuxC46AAFmRmkzo6qYlok3-agLjuPknQV2v8a2dU_cHYSusBWsKEximb6LZJaiI2tWabK8dZ0/s1600/woden+board+RSS1_netoops.png" class="beintouch" /></a><a href="http://netoopsblog.blogspot.com"></a></td></tr></tbody></table>
    <div>Get Latest Tips via e-mail</div>
    <form target="popupwindow" style="margin: 0pt;" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=YourTbox', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" method="post" class="emailform" action="http://feedburner.google.com/fb/a/mailverify">
    <input type="hidden" value="NetOopsBloggerTricks" name="uri" />
    <input type="hidden" value="en_US" name="loc" />
    <input type="text" value="Enter your email..." onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" name="email" class="emailtext" />
    <input type="submit" value="Subscribe" title="" class="ebutton" alt="" />
    </form>
Carefully Change the BLUE highlighted code with FACEBOOK PAGE URL, TWTTER, FEED URL, FEED ID respectively.  

I hope you like this new widget and want to add this to your blogger, so kindly share it with your friends on social media. And if you face any problem don't hesitate to ask.

Do You Like This Post ?

17:32

0 comments :

Post a Comment

If you face any problem, then don't hesitate. Just Sumbit Your Problem In The Comment Section Within 24 Hours. Be Careful We Have Zero Tolerance For Spam !

Subscribe to: Post Comments ( Atom )
 
YOURTBOX © 2015. All Rights Reserved. Powered by Blogger
Top