Showing posts with label Feeds. Show all posts
Showing posts with label Feeds. Show all posts

Saturday 30 March 2013

Blogger Label Specify Feeds


Past June, I shared a tutorial about showing recent posts from a label, which was a helpful post. Earlier today, I was thinking if we could subscribe to specific label from our blog to get what we really want, and I read that article again and found a way to do this.

We don't need any other service, code or script to do this. It's just to easy and common thing. Also, email subscriptions of these feeds is not possible. It's a great idea to five your reader's an option to subscribe to their favorite content.

Now time to begin this tutorial. So, first below is our magic code :p

http://yourblog.blogspot.com/feeds/posts/default/-/LABEL

  • First, in above code replace yourblog with your blog's url.
  • Now replace LABEL with the name of the label you want. If your label is made up of more than one word it can get confusing as the space between the words will be filled automatically as shown below :

http://yourblog.blogspot.com/feeds/posts/default/-/Blogger%20Widgets

That's easy! Now subscribe to it with your favorite reader. It's sad that Google Reader is shutting down.

Rest In Peace ~ Reid Flair (February 26, 1988 – March 29, 2013) ~ Son of the legendary Ric Flair ~ We lost a young talent.

Monday 11 March 2013

Email Subscription Slider Widget For Blogger


This widget is inspired from Social Subscription Scrolling Slider Widget. It's feed subscription form, which will slide out after scrolling the page little bit. It's based on jQuery, so don't forget to remove jQuery from our code, if your blog already has it.

I created this widget past Saturday for my blog but then I thought that I should share this with you all. As of writing, this widget will appear on our blog as you scroll down a little bit.

Add This To Blogger:

  • Go To Blogger > Layout > Add A Gadget > HTML/JavaScript
  • Paste following code and click on Save:

<!-- Email Subscription Slider Widget For Blogger by BWidgets -->
 <script type="text/javascript" src="http://widcraft.googlecode.com/svn/jquery.min.js"></script>
<script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/4)$("#bwsocialslide").show("slow");else $("#bwsocialslide").hide("slow");});function closebwsocialslide(){$('#bwsocialslide').remove();}</script>

<style>
#bwsocialslide{
  background:#f3f3f3;
  -moz-box-shadow:inset 0 0 1px #333;
  -webkit-box-shadow:inset 0 0 1px #333;
  box-shadow:inset 0 0 1px #333;
  padding:12px 14px 12px 14px;
  width:250px;
  position:fixed;
  bottom:13px;right:0px;
  display:none;
  z-index:3;
  height:65px;
}
.bw-email{
  padding:5px 0 0 5px;
  float:left;
  font-size:1.4em;
  font-weight:bold;
  margin:0 0 10px 0;
  color:#686B6C;
}
.bw-emailsubmit{
  background:#9B9895;
  cursor:pointer;
  color:#fff;
  border:none;
  padding:3px;
  text-shadow:0 -1px 1px rgba(0,0,0,0.25);
  font:12px sans-serif;
}
.bw-emailsubmit:hover{
  background:#E98313;
}
.textarea{
  padding:2px;
  margin:6px 2px 6px 2px;
  background:#f9f9f9;
  border:1px solid #ccc;
  resize:none;
  box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
  -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
  font-size:13px;
  width:170px;
  color:#666;
}
</style>

<div style="display: none;" id="bwsocialslide">
<a style="position:absolute;top:14px;right:10px;color:#555;font-size:10px;font-weight:bold;" href="javascript:void(0);" onclick="return closebwsocialslide();">(X)</a>

<div class="bw-email">
Subscribe via Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=widgetcraft', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" />
<input type="hidden" value="widgetcraft" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="bw-emailsubmit" value="Submit" type="submit" />
</form>
</div>
</div>
<div class='clear'></div>
<!-- Email Subscription Slider Widget For Blogger by BWidgets -->

In above code, replace widgetcraft with your feed id. You are free to share this widget with your fans and friends. Please attribute the credits back to our blog as the only favor in return. Don't forget to leave a comment.

Saturday 9 March 2013

Combine Multiple Feeds Into One


Using web feed is a way of providing content to the user's browser or desktop in an efficient and easy way. In this post, we will not talk about creating a feed or anything like that. It's always hard to track every single feed, so we'll combine them into one.

By combining feeds you'll be able to put a variety of content into your website or favorite rss aggregator with a single rss feed by merging RSS feeds.

We don't need to download any crappy software, plugin or extension to combine our feeds. Last night, I searched and used bunch of services to combine/merge/mix feeds into one. Finally, I found three great services to do this, which are following:

RSS Mix: Mix any number of RSS feeds into one unique new feed! To create a new RSS Mix, copy and paste the URLs of the existing source feeds into the RSS Mix and hit Create! No signup required!!!

Feed Killer: The service is extremely simple and it is completely free! Enter the URLs of the feeds you want to merge Specify how many stories/entries from that feed you would like to have in your custom feed. No signup required!!!

Feed Combine: Feed combine can mix your feeds and combine RSS, RDF and Atom feeds into one feed-format! Just register, combine your favorite RSS feeds and subscribe the easy-to-use RSS feed URL.

That was easy....Don't forget to leave your response.

Thursday 31 January 2013

Display Your Feed On A HTML Page


About every blogger now is using feedburner to publish their feed. By using feedburner, you can get realtime stats and subscriber count. You can even use a custom domain with feedburner. You can display your feedburner feed on Blogger with a simple feed widget but you can't use that widget on your html site. Don't worry, you can still display your feed on a static html or your website by using BuzzBoost. Here we go:

Go To FeedBurner > Click on your feed:


Click on the "Publicize" tab, and then click on "BuzzBoost" in the list at the left side of the screen (see image below). At this point BuzzBoost will give you a number of different options. Choose your preference and click on "Active" button. If you’ve already activated BuzzBoost you’ll see the option to save instead of activate.


Once you choose your settings and activate BuzzBoost you will be provided with the piece of code. Copy the code provided by FeedBurner and paste it into your page wherever you want it to be displayed. You're completely free to use my feeds on your blog:

<script src="http://feeds.feedburner.com/WidgetCraft?format=sigpro" type="text/javascript" ></script><noscript><p>Subscribe to RSS headline updates from: <a href="http://feeds.feedburner.com/WidgetCraft"></a><br/>Powered by FeedBurner</p> </noscript>

It's done, you can also style this code by using some css:

.feedTitle {
background: none repeat scroll 0% 0% whitesmoke;
padding: 10px;
text-align: center;
font-size: 20px;
font-weight: bold;
border: 1px solid rgb(81, 104, 59);
}
.feedburnerFeedBlock ul {
margin-left:0;
padding-left:0;
list-style-type: none;
}

.feedburnerFeedBlock ul li {
padding: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #E0E0E0;
}

.feedburnerFeedBlock ul li span.headline a {
color: #990000;
text-decoration: none;
display: block;
}

.feedburnerFeedBlock ul li span.headline a:hover {
color: #535353;
}

#creditfooter {
display: none;
}

Thursday 25 October 2012

Redirect Your Feed To Social Networking Sites


As we mentioned in several posts that social sharing is a great way to get some really good traffic to your site but it really sucks to tweet and update every single posts to all of our facebook pages, profiles and twitter profile. In this condition getting a free site to do this for us is a better idea.

dlvr.it got all what we are looking for. With dlvr.it we can share our feeds to all of our social networks on the go. It's simple we just have to confirm all our routes once and after this it'll automatically redirect all your content.

dlvr.it is free for all our basic use but if you're using more than five feeds and three social networking profile then you have to pay a cheep monthly amount to them. So what are we waiting for just visit dlvr.it and get started.

In next article we will show you how to use our own domain with dlvr.it

Tuesday 7 August 2012

Setup Feed On Your Blogger


In this quick post, I'm not gonna teach you how to create feed for your blogger, but how to setup correctly in blogger. After doing this your visitors can check your feed out in this url : http://yourblog.blogspot.com/feeds/posts/default

It's too simple we just have to put your feed url in blogger settings. It's necessary to setup feed otherwise some widgets will not work in your blog.
  • Grab your feed url (Example : feeds.feedburner.com/WidgetCraft
  • Go To Blogger > Settings > Other > Post Feed Redirect URL
  • Paste your feed url and click on save.
That's IT!

Tip : You can also get feed url by adding 'Subscribe By Email' Widget on your blog.

Popular Posts

 
Powered by Blogger.