Destino Solutions

Specific Category(Label) based Email subscription feedburner widget for Blogger

March 10th, 2017
I’m happy to write this because I got a new possibility in feedburner Email subscription widget, So in this post I describe How to make Specific Category(Label) based Email subscription feedburner widget for Blogger. You can see live demo on right side. currently i did one more category, we can use unlimited specific category

Blogger support label name in feeds, Just like below:

http://example.blogspot.com/feeds/posts/default/-/labelname

Then Just create a new feed in feedburner, In my case following link is my new category based link:

http://feedburner.google.com/fb/a/mailverify?uri=bloggerping/blogging

and Bloggerping default  feedburner feed url:

http://feedburner.google.com/fb/a/mailverify?uri=bloggerping

You need another specific category?  Simply create with another Blogger feed label link and custom feed url.

Following feedburner code to help to make new feedburner Specific Category(Label) based Email subscription widget.

<form class=”feedburner” action=”https://feedburner.google.com/fb/a/mailverify” method=”post” target=”popupwindow” onsubmit=”window.open(‘https://feedburner.google.com/fb/a/mailverify?uri=Bloggerping/Blogging‘, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520’);return true”><p><input type=”text” placeholder=”EMAIL ADDRESS” style=”width:78%” name=”email”/></p>

<input id=”dynamic_select” type=”hidden” value=”Bloggerping/Blogging” name=”uri”/>
<select id=”dynamic_select”>
<option disabled selected value=”” selected />SELECT A CATEGORY
<option value=”Bloggerping/oHTx” />ALL UPDATES
<option value=”Bloggerping/Blogging” />BLOGGING TIPS
</select>
<input class=”button” type=”hidden” name=”loc” value=”en_US”/><input type=”submit” value=”SUBSCRIBE” />
</form>
<script>
$(function(){
// bind change event to select
$(‘#dynamic_select’).bind(‘change’, function () {
var url = $(this).val(); // get selected value
if (url) { // require a URL
window.location = url; // redirect
}
return false;
});
});
</script>

Bloggerping/oHTx  = Default


Bloggerping/Blogging/ = Label Based Feed


We can add some CSS for customize widget.

.feedburner {
border: 1px solid #B8C7BC;
padding: 3px;
text-align: center;
background: #464646;
padding-bottom: 25px;
margin-top: 25px;
}
.feedburner p {
font-weight: bold;
font-size: 20px;
color: #e4e0e0;
font-family: Calibri, Candara, Segoe, “Segoe UI”, Optima, Arial, sans-serif;
}
select#dynamic_select {
width: 78%;
height: 30px;
margin-bottom: 20px;
border-radius: 3px;
padding: 5px;
text-align: center;
}
.feedburner .button {
width: 80% !important;
height: 40px;
background: #E2904F;
border: 1px solid #bbb;
color: #FFF;
cursor: pointer;
font-size: 12px;
text-align: center;
font-weight: bold;
margin-bottom: 30px;
}
.feedburner input {
width:
height: 35px;
text-align: center;
}

select:required:invalid {
color: gray;
}
option[][disabled] {
display: none;
}
option {
color: black;
}

I believe you like this extra function in feedburner Email subscription widget. This options will useful for who will write different specific category posts and not niche blog, So Always reader like to get a specific category based articles, After make this option we will double our Email subscribers count. 

Categories: BloggerBlogger WidgetEmail MarketingEmail SubscriptionFeedburner




Leave a Reply

Your email address will not be published. Required fields are marked *