Add Mideast Youth headlines to your website

by Esra'a (Bahrain)

We get several requests from our readers who want to include our headlines in their websites or blogs. Well, now you can. Simply follow the instructions, and you are all set. We provide a number of different options for you to choose from. You can choose to include all headlines, or choose one of out top categories. Here are the steps that you have to follow.

1. Copy and Paste the following code into wherever you need the headlines to appear.<div> <style> div.feedburnerFeedBlock { border:2px solid #fae7a2; font-size: 62.5%; /* Resets 1em to 10px */ font-family: Verdana, Geneva, sans-serif; color: #646464; } .feedburnerFeedBlock .feedTitle { background:#fae7a2; margin:0; padding: 2px; } .feedburnerFeedBlock .feedTitle img { vertical-align: middle; margin: 0 0 0 2; } .feedburnerFeedBlock .feedTitle a { vertical-align: middle; text-decoration: none; margin: 0 2 0 2; font-weight: bold; font-size: 110%; color: rgb(100, 100, 100); } div.feedburnerFeedBlock ul { margin: 0; padding-left: 0; list-style-type: none; } div.feedburnerFeedBlock ul li { border:1px solid #fae7a2; padding: 2 2 2 2; } div.feedburnerFeedBlock ul li span a { vertical-align: middle; text-decoration: none; color: rgb(1, 153, 226); } div.feedburnerFeedBlock ul li p { vertical-align: middle; margin: 0; } div.feedburnerFeedBlock #creditfooter { display: none; } </style> <script src=”http://feeds2.feedburner.com/mey/main?format=sigpro&nItems=5″ type=”text/javascript”></script> <noscript><p>Subscribe to RSS headline updates from: <a href=”http://feeds2.feedburner.com/mey/main”>Mideast Youth</a></p></noscript> </div>
2. That’s it. Your are done. It really is that simple. The code is designed to fit the headlines in whatever space is available on your site. For example, if you put it in the sidebar of your blog, then it will resize to fit the width of your sidebar.

The above code should give you a UI similar to the following:

Also note that the look and feel of the UI is embedded in the code snippet via CSS, and so if you are so inclined, feel free to alter the UI to match your website’s color scheme.

The code above is for our main feed. There are various code snippets that can be used to get headlines for specific categories only; click here to view those.