The most effective method to include feed burner email membership gadget for blogger. Email subscribe gadget is most critical piece of each blogger. Do you know what is email subscribe gadget? Yes! This is gather immense sum movement for your blog. Today I am share 2 lovely blogger email membership gadget for your blog. Check this JSC Exam Result 2016 Earlier some days, I shared another popup subscribe box for blogger and that is Pop up Email Subscribe box for Blogger. Yet, today I am share another 2 innovative email membership gadget box for blogger and one membership gadget is with social symbols. A Feed burner email membership gadget can expedite countless your blog. Guests are subscribe in your blog by put their email and they generally get your new reports on their email. Email membership shape on blogger is an essential gadget.
Email Subscribe Widgets for Blogger
On the off chance that you put blogger email membership gadget on sidebar at that point, it will be better. Yet, popup and beneath of each post is additionally great place to include email subscribe confine blogger. Today i am share 2 imaginative sidebar email subscribe box gadget for blogger.
How it function?
Everybody think about Google’s feed burner. So, Google feed burner is most well-known RSS web benefit bolster. On the off chance that anybody subscribe on your blog with their email, at that point feed burner to convey your most recent posts on every single subscribed email. In this instructional exercise i shared 2 subscribe box gadget for blogger. Utilizing these gadget you can likewise grow up your blog's guests. How to enlistment on feed burner? Go to the accompanying connection and enlistment with your blog address and your email: feed burner.google.com. On the off chance that one’s done, at that point gather your feed burner username and note it. Presently let’s begin our instructional exercise.
1-Dark foundation with social symbols
It’s the magnificent and adorable email pamphlet subscribe box gadget for blogger that made with immaculate CSS with font awesome symbols. By utilizing this email pamphlet frames you can likewise utilize your online networking joins like Facebook, twitter, LinkedIn, Google additionally, Pinterest, vine and integral social symbols. Appealing membership gadget box is better for each blog. Our first gadget is more appealing for blogger.
In the first place you need to require include font awesome symbol and PT Sans Google textual style. In the event that as of now included at that point disregard step 1.
Step 1: Go to Blogger Dashboard > Template > Edit HTML and past beneath codes directly after head tag:Note: If you use our code, then you agree to give proper footer credit.
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/>
<link href='//fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'/>#subscribebox{background:#576269;padding:20px;font-family:'PT Sans',sans-serif;}
.widget_follow_subscribe .widget-detail{padding:36px 30px 40px}
#subscribebox p{color:#fff;font-size:15px;text-align:center;font-weight:700}
.follow-subscribe-social{margin:0 0 15px;padding:0 0 14px;border-bottom:#858585 solid 1px}
.follow-subscribe-social ul{list-style:none;margin:0;padding:0;text-align:center}
.follow-subscribe-social ul li{display:inline;margin:0 15px 0 0;border-bottom:none}
.follow-subscribe-social ul li:last-child{margin:0}
.follow-subscribe-social ul li a{font-size:17px;color:#cacaca;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}
.follow-subscribe-social ul li a:hover{color:#fff}
form.subscribe{margin-top:-7px}
form.subscribe input{display:block;width:100%}
.subscribe-email{height:45px;border:none;margin:0 0 10px;font-size:.928571em;background-color:rgba(255,255,255,0.2);text-align:center;color:#fff}
.subscribe-email:focus{outline:0}
form.subscribe .placeholder{color:#cacaca}
form.subscribe input:-ms-input-placeholder{color:#cacaca}
form.subscribe input::-webkit-input-placeholder{color:#cacaca}
form.subscribe input:-moz-placeholder{color:#fafafa}
form.subscribe input::-moz-placeholder{color:#fafafa}
.subscribe-button{height:45px;font-weight:700;font-size:16px;color:#fff;text-transform:uppercase;border:none;background-color:#F35D5C;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}
.subscribe-button:hover{background-color:#f1d640}
.subscribe-button:focus{outline:0}
.creadit a{color: #A7A6A6; float: right; font-size: 8px;}Customization:
- Change all # tag with everything in web-based social networking join.
- Change all YOUR-USER-NAME with your feed burner client name.
<div id="subscribebox">
<div class="follow-subscribe-social">
<ul>
<li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-google"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-pinterest-p"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-dribbble"></i></a></li>
<li><a href="#" target="_blank"><i class="fa fa-instagram"></i></a></li>
</ul>
</div>
<p>Subscribe to my Newsletter</p>
<form class="subscribe" action='http://feedburner.google.com/fb/a/mailverify?uri=YOUR-USER-NAME' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=YOUR-USER-NAME, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='uri' type='hidden' value='YOUR-USER-NAME'/>
<input name='loc' type='hidden' value='en_US'/>
<input class="subscribe-email" type='text' name='email' onblur='if (this.value == "") {this.value = "Your Email";}' onfocus='if (this.value == "Your Email") {this.value = "";}' value='Your Email'/>
<input class="subscribe-button" type="submit" value="Subscribe" />
</form>
</div>
<div class="creadit">
<a href="http://msdesignbd.com" rel="dofollow" target="_blank"> Get This Widget</a></div>save, enjoy it.
2 - Colorful gadget with name box
You can utilize this gadget underneath of each post. This subscribe box gadget is made with straightforward css with bright foundation. In this email membership gadget guests are capable compose their name. The name box make this gadget more expert. In this gadget you can change subscribe box heading. Default heading is: "Subscribe for everything most recent news and updates". Presently let’s begin this,
Save your template
This step need to add new widget by go to blogger layout and add new widget => html/javascript, then past below code:
step 1: You need to put style for this gadget, so copy below css style past before </style> tag:
#subscribe-box {background-color:#0CC388;font-family: 'PT Sans', sans-serif;}
#subscribe-box p {font-size:22px;color:#fff;line-height:20px;padding:10px 20px 0 20px;margin:0;}
#subscribe-box .emailfield {padding:0px 20px 10px;}
#subscribe-box .emailfield input {background:#f9f9f9;color:#bbb;padding:10px;margin-top:10px;font-size:13px;width:91%;border:0;transition:all 0.4s ease-in-out;}
#subscribe-box .emailfield input:focus {background:#fff;outline:none;color:#888;}
#subscribe-box .emailfield .submitbutton {background:#444;color:#fff;text-transform:uppercase;font-weight:700;font-size:18px;font-family: 'PT Sans', sans-serif;;border:none;outline:none;width:100%;cursor:pointer;border-radius:3px;transition:all 0.4s ease-in-out;}
#subscribe-box .emailfield .submitbutton:active {outline:none;border:none;background:#fff;color:#e25734;}
#subscribe-box .emailfield .submitbutton:hover{background:#fff;color:#444;}
.creadit a{color: #A7A6A6; float: right; font-size: 8pxSave your template
This step need to add new widget by go to blogger layout and add new widget => html/javascript, then past below code:
<div id="subscribe-box">
<center>
Subscribe for our all latest news and updates</center>
<div class="emailfield">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=USER-NAME" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=USER-NAME, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input name="name" onblur="if (this.value == "") {this.value = "Your Name";}" onfocus="if (this.value == "Your Name") {this.value = "";}" type="text" value="Your Name" />
<input name="email" onblur="if (this.value == "") {this.value = "Your Email";}" onfocus="if (this.value == "Your Email") {this.value = "";}" type="text" value="Your Email" />
<input name="uri" type="hidden" value="USER-NAME" />
<input name="loc" type="hidden" value="en_US" />
<input class="submitbutton" type="submit" value="Subscribe Now" />
</form>
</div>
</div>
<div class="creadit">
<a href="http://msdesignbd.com/" rel="dofollow" target="_blank"> Get This Widget</a></div>Save Widget
Customization:
- Replace all USER-NAME with your feed burner user name.
Expectation this 2 email subscribe box gadget is helped you. On the off chance that you found any issues, at that point advise me on remark area, I will endeavor to take care of your issues. Lastly bear in mind to impart our presents on your companions. Much obliged...
Post a Comment