Home » , , , , , » Colorful Diamond Email Subscription Widget For Blogger For Entertainment Websites

Colorful Diamond Email Subscription Widget For Blogger For Entertainment Websites


Colorful diamond email subscription box widget for blogger for entertainment and dating websites and blogs. Pure HTML and CSS based gadget for blogspot blogs.



Colorful Diamond Email Subscription Widget For Blogger For Entertainment Websites
Colorful Diamond Email Subscription Widget For Blogger For Entertainment Websites

VIEW DEMO






Email subscription box widget for entertainment websites and dating blogs. Full of rich colors and with diamond specially designed in HTML and CSS for colorful websites. In our last post we shared purple email subscription box widget for blogger which was with a complete professional look now here is another. As we know entertainment websites and dating blogs are always filled with HQ pictures and with perfect shining colors so this email subscription box widget for those blogs. It will increase their readers and users as it looks perfect in such websites and blogs. Email subscription box widget for blogger is very important in terms of traffic, loyal readers and SEO. It comprehensively increases your traffic as your posts are accessible from a user's Inbox. The only thing required is how to convince users to get subscribed well this work will be done by this widget as it looks perfect. So add this email subscription widget into your blog or website. Below are the complete step by step method to add it to your blogger blog. Both of the code HTML and CSS is given below with necessary customization. It has some CSS hover effect as you move your mouse cursor to the sign up now button it changes its colors and becomes red from black. We have customized Feedburner subscription box and the result is in front of you. So below you will find how to customize Feedburner email subscription box to such beautiful widget for blogger.

Coca Cola Email subscription box widget for blogger
Popular posts widget for blogger
Comments widget for blogger
Related posts widget for blogger
Notification Bar at the bottom
Professional google plus followers widget
Window effect social media sharing widget for blogger



How to add an email subscription widget to blogger.



HTML PART



Login to your blogger account.
Go to layout.
Hit add a gadget.
Choose HTML/JAVASCRIPT.
Copy the below code and paste it inside the box.

<div class="subscribe_outer8">
<div class="subscribe_wrapper8">
<p>Get Blogger Widgets Straight to your Inbox by submitting your Email ID below.</p>
<div id="avdhootEmailsub8">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=YOURID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="uri" type="hidden" value="YOURID" />
<input name="loc" type="hidden" value="en_US" />
<input class="emailText8" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" type="text" value="Enter your email..." />
<input class="emailButton8" title="YOURBLOGTITLE" type="submit" value="Signup Now!" />
</form>
</div>
</div>
</div>


HTML Customization



See the text under the <p> tag. Like to get blogger...you can write your own lines .
Insert your own Feedburner ID in place of YOURID.
Insert your blog title or any text you want in place of YOURBLOGTITLE.


CSS PART



Login to your blogger account.
Choose Template.
Hit on the customize button.

Hit on customized button
Hit on customized button
Choose advanced.

Hit on advanced button
Hit on the advanced button

Now a blank box appears for CSS.

Box for css
Box for CSS


Copy the below code, paste it and save template.

/***** Subscribe widget FROM http://www.avdhootblogger.com*****/
.subscribe_outer8 { background: url("http://1.bp.blogspot.com/-8gDE80BlpUY/UcLNVueSIBI/AAAAAAAAA_k/HDop3x3Gfhw/s1600/diamond+2.png") repeat scroll 0 0 transparent; margin: 0 -10px; padding: 5px 0; }
.subscribe_wrapper8 { background: url("http://1.bp.blogspot.com/-8gDE80BlpUY/UcLNVueSIBI/AAAAAAAAA_k/HDop3x3Gfhw/s1600/diamond+2.png") repeat scroll 0 0 #333333; padding: 38px 50px 18px 38px; color: #fff; text-shadow: 0px 2px 3px #666;
font-size: 16px; font-weight:bold; line-height: 20px; text-align:justify; }
#avdhootEmailsub8 { display: block; clear: both; margin: 10px 0; }

.emailText8 { background: url("http://i1314.photobucket.com/albums/t576/trickycafe/email_zpsba22e644.png") no-repeat scroll 10px center #fff; padding: 10px 40px; color: #444; margin: 0 0 15px; width: 70%; text-decoration: none; border: 1px solid #D3D3D3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 0; box-shadow: inset 0 0 3px rgba(0, 0, 0, .05); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, .05); -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .05); }
.emailButton8 { background: #000000; background: linear-gradient(top, #000000 0%, #0c0c08 100%); background: -moz-linear-gradient(top, #000000 0%, #0c0c08 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #0c0c08)); background: -webkit-linear-gradient(top, #000000 0%, #0c0c08 100%); border: 0; color: #fff; cursor: pointer; padding: 10px 40px; text-shadow: 1px 1px 0 rgba(0, 0, 0, .4); font-weight:bold; width: 100%; font-family: "Droid Sans","Lucida Grande",Tahoma,sans-serif; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.emailButton8:hover { background: #b50b42; background: linear-gradient(top, #b50b42 0%, #cd0c4b 100%); background: -moz-linear-gradient(top, #b50b42 0%, #cd0c4b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b50b42), color-stop(100%, #cd0c4b)); background: -webkit-linear-gradient(top, #b50b42 0%, #cd0c4b 100%); }

Blogging tips to increase the members of your blog
Blogging tips to find .edu and .Gov websites for backlinks
How to create mobile apps of blogger blog

I hope you liked this diamond email subscription box widget for blogger for dating websites and entertainment websites. Please comment if you feel any problem in adding this widget for blogger.

Title: Colorful Diamond Email Subscription Widget For Blogger For Entertainment Websites Author: Rohan Mod
Description : Colorful diamond email subscription box widget for blogger for entertainment and dating websites and blogs. Pure html and css based gadget for blogspot blogs.
Like us on Facebook
Follow us on Twitter
Recommend us on Google Plus
Subscribe me on RSS