screenrant.html

<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>

<script type="text/javascript">
(function ($) {
  $.fn.FeedEk = function (opt) {
		var def = {
			FeedUrl: '',
			MaxCount: 5,
			ShowDesc: true,
			ShowPubDate: true
		};
		if (opt) {
			$.extend(def, opt)
		}
		var idd = $(this).attr('id');
		if (def.FeedUrl == null || def.FeedUrl == '') {
			$('#' + idd).empty();
			return
		}
		var pubdt;
		$('#' + idd).empty().append('<div style="text-align:left; padding:3px;"><img src="loader.gif" /></div>');
		$.ajax({
			url: 'http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=' + def.MaxCount + '&output=json&q=' + encodeURIComponent(def.FeedUrl) + '&callback=?',
			dataType: 'json',
			success: function (data) {
				$('#' + idd).empty();
				$.each(data.responseData.feed.entries, function (i, entry) {
					$('#' + idd).append('<div class="ItemTitle"><a href="' + entry.link + '" target="_blank" >' + entry.title + '</a></div>');
					if (def.ShowPubDate) {
						pubdt = new Date(entry.publishedDate);
						$('#' + idd).append('<div class="ItemDate">' + pubdt.toLocaleDateString() + '</div>')
					}
					if (def.ShowDesc) $('#' + idd).append('<div class="ItemContent">' + entry.content + '</div>')
				})
			}
		})
	}
})(jQuery);
</script> 

<script type="text/javascript" >
$(document).ready(function(){

   $('#divRss').FeedEk({
   FeedUrl : 'http://feeds.feedburner.com/ScreenRant?v=1',
   MaxCount : 25,
   ShowDesc : true,
   ShowPubDate: true
  });
  
});

</script>
<style type="text/css">
#divRss {
	width: 695px;
	padding: 3px 3px 3px 3px;
	background-color: #FFF;
	border: 1px solid #D3CAD7;
	margin-top: 3px;
	line-height: normal;
	text-align: left;
}

.ItemTitle{
 font-weight:bold;
 margin:5px 0px 0px 0px;
 padding-top:3px;
}
.ItemTitle a{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color: #4b9701;
	text-decoration: none;
	font-size: 24px;
	font-weight: bold;
}

.ItemTitle a:visited {
	color: #999999;
}

.ItemTitle a:hover {
	color: #C43F3C;
}
.ItemContent{
	padding: 1px 3px 3px 3px;
	border-bottom: 1px solid #D3CAD7;
	color: #666666;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: normal;
}

.ItemContent a{
	color: #4b9701;
}

.ItemDate{
font-size:10px;
color:#AAA;
}

</style>


  <div class="TabbedPanelsContentGroup" style="padding-top:4px;">
    <div class="TabbedPanelsContent" style="-webkit-border-radius: 8px;
    border-radius: 8px; background-color:#f2f2f2; padding:6px;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #818181;
	border-bottom-color: #818181;
	border-left-color: #999;	
 ">
	
<img src="http://your-server.com/views/images/screenrant.png"> 

<div id="divRss" ></div>

</div></div>