Adding a Dashing Subscribe Now Box to Blogger so adding a Subscribe Box is not only useful for a user but also for a publisher.By using Rss Feed,Email Subscription,Facebook Like and etc... Fixed Position Slide Open Egg Social Bookmarking Gadget.This gadget is basically a egg, when you hover over it, it splits and reveals.. Add a Do you Like this Story Subscription Box below Posts (Animated)we managed to design a fully equipped blogger widget that contains Facebook Like & Send button, Email Form (Subscription box) and social media icons. This widget can be found on many wordpress blogs added at the bottom of posts those button widgets in fact do not slide when the user scrolls the page up or down. The only thing I needed was a well constructed JavaScript code that could make the widget to float up and down synchronously Add Animated Rainbow Changing Colors To The Links On BloggerIn this post i have a neat effect for the links on your blog.Using some javascript you can make the links on your blog change through different colors when the cursor is hovered over them
/ / / / Adding a Dashing Subscribe Now Box to Blogger

Adding a Dashing Subscribe Now Box to Blogger

, ,
Usually a Subscribe Now box is for user's it provide user's facilities they can get all the updates related to the blog directly into there inbox so adding a Subscribe Box is not only useful for a user but also for a publisher.By using Rss Feed,Email Subscription,Facebook Like and etc...This is the reason why we will today add a Dashing Subscribe Now Box to your Blogger Enabled blog before adding it.You should know what it will posses

                                  Add This Widget to Blogspot Posts


Simple go to Blogger.com >>  Layout >> Add a Gadget >>Add Html/Javascript >> Then simply copy paste the following code
dir="ltr" style="text-align: center;" trbidi="on"><div style="text-align: -webkit-auto;"><span style="background-color: white;"><img alt="button_subscribenow.png (314×89)" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8i55ZB_0qSNGL1E8AY19QzWHabGtKhlq4roscJl-xvyrjxfEFNSDzz8yRjhDtJJHTL9PeqatOrC21inP7SU3pTYd-wVUqT01-GdlTiHHGs771IQ9MUKILKuH2FRNy8awageAGkuB5hLXy/s1600/1.gif" width="300" /></span></div></div><b></b><div class="subicons" style="background-color: white; border-bottom-color: rgb(230, 230, 230); border-bottom-style: solid; border-bottom-width: 1px; color: #666666; float: left; font-family: Helvetica, Arial; font-size: 12px; line-height: 18px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; text-align: -webkit-auto; width: 300px;"><div class="rssicon" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwdRoEeUH11IIvBitUPBa3GlJwjysptnEJZ5Q_zSzyZ3CiBaAFINrdYQyiNZZyGHw20ZXH3xfIm83PbZPTg9WKPiD0gzC5dwCdpGmqeOOI9_Kdx-aNb1LLfiy7SuCSi7eaqW5F5G5qJKk2/s400/rsssprite.png); background-origin: initial; background-position: 0px 5px; background-repeat: no-repeat no-repeat; border-right-color: rgb(230, 230, 230); border-right-style: solid; border-right-width: 1px; float: left; height: 48px; line-height: 57px; margin-bottom: 0px; margin-left: 5px; margin-right: 0px; margin-top: 0px; min-width: 2px; padding-bottom: 0px; padding-left: 30px; padding-right: 10px; padding-top: 0px; vertical-align: middle;"><b>&nbsp;<a href="http://feeds.feedburner.com/no1bloggertricks" rel="nofollow" style="color: #333333; text-decoration: none;" target="_blank">&nbsp;RSS</a></b></div>
<div class="googleicon" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwdRoEeUH11IIvBitUPBa3GlJwjysptnEJZ5Q_zSzyZ3CiBaAFINrdYQyiNZZyGHw20ZXH3xfIm83PbZPTg9WKPiD0gzC5dwCdpGmqeOOI9_Kdx-aNb1LLfiy7SuCSi7eaqW5F5G5qJKk2/s400/rsssprite.png); background-origin: initial; background-position: 0px -37px; background-repeat: no-repeat no-repeat; border-right-color: rgb(230, 230, 230); border-right-style: solid; border-right-width: 1px; float: left; height: 48px; line-height: 57px; margin-bottom: 0px; margin-left: 5px; margin-right: 0px; margin-top: 0px; min-width: 2px; padding-bottom: 0px; padding-left: 30px; padding-right: 10px; padding-top: 0px; vertical-align: middle;">
<b>&nbsp;<a href="http://plus.google.com/106320712473840669629" rel="author" style="color: #333333; text-decoration: none;" target="_blank">&nbsp;G+</a></b></div>
<div class="fbicon" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwdRoEeUH11IIvBitUPBa3GlJwjysptnEJZ5Q_zSzyZ3CiBaAFINrdYQyiNZZyGHw20ZXH3xfIm83PbZPTg9WKPiD0gzC5dwCdpGmqeOOI9_Kdx-aNb1LLfiy7SuCSi7eaqW5F5G5qJKk2/s400/rsssprite.png); background-origin: initial; background-position: 0px -79px; background-repeat: no-repeat no-repeat; border-right-color: rgb(230, 230, 230); border-right-style: solid; border-right-width: 1px; float: left; height: 48px; line-height: 57px; margin-bottom: 0px; margin-left: 5px; margin-right: 0px; margin-top: 0px; min-width: 20px; padding-bottom: 0px; padding-left: 30px; padding-right: 10px; padding-top: 0px; vertical-align: middle;">
<b>&nbsp;<a href="https://www.facebook.com/no1bloggertricks" rel="nofollow" style="color: #333333; text-decoration: none;" target="_blank">FB</a></b></div>
<div class="twittericon" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwdRoEeUH11IIvBitUPBa3GlJwjysptnEJZ5Q_zSzyZ3CiBaAFINrdYQyiNZZyGHw20ZXH3xfIm83PbZPTg9WKPiD0gzC5dwCdpGmqeOOI9_Kdx-aNb1LLfiy7SuCSi7eaqW5F5G5qJKk2/s400/rsssprite.png); background-origin: initial; background-position: 0px -121px; background-repeat: no-repeat no-repeat; float: left; height: 48px; line-height: 57px; margin-bottom: 0px; margin-left: 5px; margin-right: 0px; margin-top: 0px; min-width: 20px; padding-bottom: 0px; padding-left: 30px; padding-right: 10px; padding-top: 0px; vertical-align: middle;">
<b>&nbsp;<a href="http://twitter.com/no1bloggertrick" rel="nofollow" style="color: #333333; text-decoration: none;" target="_blank">Twitter</a></b><br />
<br /></div></div>
<div class="emailsub" style="background-color: white; border-bottom-color: rgb(230, 230, 230); border-bottom-style: solid; border-bottom-width: 0px; color: #666666; float: left; font-family: Helvetica, Arial; font-size: 12px; line-height: 18px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 15px; text-align: -webkit-auto; width: 300px;">
<div class="emailicon" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh34ePRJb1y6E3Ciq-vLiIOiLRQAgqtfMJTlH8ALL4SqF1jxc_u2pv9D_gtfcsEca0KNJ46vv0yNQrb05oAoX45cpvcXPuy0yrbaE1PMEfGF_-FpYeP9MyCDkSECtbY3Dkd2gygSROhK4Y/s400/email.png); background-origin: initial; background-position: 0px 2px; background-repeat: no-repeat no-repeat; color: #333333; float: left; font-size: 14px; line-height: 20px; margin-bottom: 0px; margin-left: 5px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 40px; padding-right: 15px; padding-top: 0px; vertical-align: middle; width: 300px;">
<div style="color: #3a3a3a; font-size: 13px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; width: 270px;">
Receive Quality Updates Straight in your &nbsp;&nbsp; Inbox by submitting your Email ID below<b>.</b></div></div>
<div class="emailupdatesform" style="float: left; margin-bottom: 5px; margin-left: 5px; margin-right: 0px; margin-top: 15px; width: 300px;">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=Everfreetech" method="post" target="popupwindow">
<b><input class="emailupdatesinput" gtbfieldid="10" name="email" style="background-attachment: initial !important; background-clip: initial !important; background-color: rgb(255, 255, 255) !important; background-image: initial !important; background-origin: initial !important; border-bottom-color: rgb(210, 210, 210); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(210, 210, 210); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(210, 210, 210); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(210, 210, 210); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; color: #a19999; float: left; height: 25px; padding-bottom: 0px; padding-left: 8px; padding-right: 8px; padding-top: 0px; width: 185px;" type="text" value="Enter your email here..." /><input class="joinemailupdates" style="background-attachment: initial; background-clip: initial; background-color: initial; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(87, 171, 254)), to(rgb(0, 128, 255))); background-origin: initial; border-bottom-color: rgb(0, 128, 255); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(0, 128, 255); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(0, 128, 255); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(0, 128, 255); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; color: white; cursor: pointer; font-family: arial; font-weight: bold; height: 25px; margin-bottom: 0px; margin-left: 5px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 12px; padding-right: 12px; padding-top: 0px; text-transform: uppercase;" type="submit" value="Submit" /></b></form></div></div><b> 

Now Make these Changes
  1. Replace orange link with your Feedburner link
  2. Replace the blue link with your twitter link
  3. Replace the red link with your Facebook Like Page link
  4. Replace the Pink link with your GooglePlus Page link   
Save Template.You Are Done
Share on Google Plus

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment
    Facebook Comment

0 comments:

Post a Comment

Subscribe to: Post Comments ( Atom )