comprar viagra online
comprar viagra generico barato
comprar cialis generico online
comprar cialis online seguro
Place your feedcount in a random sentence |
CSS-Tricks is a great website from Chris Coyier (I've mentioned it before) that I'm sure you've heard of. Next to the high quality of articles, the design of the blog is simple, yet really good. One of the things I really like about the design, is the way Chris shows his feedcount in a sentence, that will change every time you refresh your browser. I was wondering how he created this funny RSS show-off and wanted to recreate the technique. Using Feedburner, PHP and some CSS, I managed to achieve the goal. You can download the source code in the download section and you can view what we're going to make in the demo section. Use this technique to pimp your website, making it a bit more funny and attractive for your visitors. First things first: You'll need an account at Feedburner to make this work. If you don't have an account, register now and make sure your RSS is now directed through Feedburner. If you have an account, proceed to the next step. PHP The PHP code isn't really hard to understand. Just change the Comments are added to explain what the code does. // Prepare the array of sentences. // Note that "[NR]" will be replaces with the feed // subscriber count $sentences = array ( "Marcofolio.net has [NR] addicts.", "If [NR] people are reading this site every day, why don't you?", "Get updates from this website along with [NR] others.", "About [NR] others will follow everything on Marcofolio.net.", "Join [NR] people that love the montly imagedumps!", "[NR] readers subscribed here. Subscribe today!" ); // Randomize the array using shuffle shuffle($sentences); // Set the output sentence by getting first value of new array $sentence = $sentences[0]; // Get feedburner count (Change URI to own feedburner name) // Load Feedburner Awareness $xml = simplexml_load_file ("http://api.feedburner.com/awareness/1.0/GetFeedData?uri=marcofolio") or die ("Unable to load XML file!"); // Load Count $circulation = $xml->feed->entry['circulation']; // Replace the [NR] in the sentence with feedcount & add CSS $sentence = str_replace("[NR]", '<span class="count">' . $circulation . '</span>' , $sentence); $sentence = '<p class="feedcount">' . $sentence . '</p>'; echo($sentence); CSS Time to add some style to the classes using CSS. I'll be using the same kind of CSS message as explained in the article on how to create a valid CSS alert message. .feedcount { background: #FFFFFF url(rss.gif) center no-repeat; background-position: 15px 50%; text-align: left; color: #FF8F00; font-weight: bold; font-size: 16px; padding: 5px 20px 5px 60px; border-top: 2px solid #FF8F00; border-bottom: 2px solid #FF8F00; } .count { font-size: 1.8em; font-weight: bold; color: #B30000; } Demo / Download You can download the source code in the download section and you can view a demonstration of this technique in the demo section. That's it! Pretty simple, but it can really improve your blog when used in the correct way (Just like CSS-Tricks). If you want to show your feedcount in a image, check how to show your feedcount the way you want. Tags: php feedcount rss webdesign Interested in this topic? You might enjoy another article I've written called |
< Prev | Next > |
---|
Search |
---|
Or try the sitemap |