إضافة مواضيع عشوائية لمدونة بلوجر شكل جديد

<style type='text/css'>
    #random-posts {float:center;text-transform:none;height:auto;padding:0 5px 0 5px;}
    #random-posts li{float:right;list-style:none;position:relative}
    #random-posts li:last-child{margin-right:0}
    #random-posts li img{width:76px;height:76px;padding:6px;}
    #random-posts li img:hover {background-color: #444444;color: white; font-weight: bold; text-decoration: initial;}
    #random-posts li .rp_animation{position:absolute;width:250px;top:-200px;z-index:2;background-color:#F0F0F0;padding:5px;font-size:90%;border:1px solid black;transition:all 0.6s cubic-bezier(1,2,0,0) 0s;-moz-transition:all 0.6s cubic-bezier(1,2,0,0) 0s;-webkit-transition:all 0.6s cubic-bezier(1,2,0,0) 0s;-o-transition:all 0.6s cubic-bezier(1,2,0,0) 0s;visibility:hidden;opacity:0}
    #random-posts li:last-child .rp_animation{right:0}
    #random-posts li:hover .rp_animation{top:-90px;opacity:1;visibility:visible}
    .rp_animation span{font-size:90%;color:#B30B0B}
    .rp_animation p{font-size:90%;}
    </style>
    <ul id='random-posts'>
    <script type='text/javaScript'>
    //<![CDATA[
    var rdp_numposts = 14; //Number Of Random Posts
    var rdp_snippet_length = 110; //Length Of Description Text, 0 To Hide
    var rdp_datecomment = 'no'; //Show Date And Comment 'yes/no'
    var rdp_comment = 'Comments'; //Text For Comment Count
    var rdp_disable = 'Comments Are Off Here...'; //Text If Comment Is Disabled On Post/Blog
    var rdp_current = [];
    var rdp_total_posts = 0;
    var rdp_current = new Array(rdp_numposts);
    function totalposts(a){rdp_total_posts=a.feed.openSearch$totalResults.$t}document.write('<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts"><\/script>');function getvalue(){for(var b=0;b<rdp_numposts;b++){var d=false;var c=get_random();for(var a=0;a<rdp_current.length;a++){if(rdp_current[a]==c){d=true;break}}if(d){b--}else{rdp_current[b]=c}}}function get_random(){var a=1+Math.round(Math.random()*(rdp_total_posts-1));return a};
    //]]>
    </script>
    <script type='text/javaScript'>
    //<![CDATA[
    function random_posts(n){a=location.href;y=a.indexOf("?m=0");for(var f=0;f<rdp_numposts;f++){var l=n.feed.entry[f];var m=l.title.$t;if("content" in l){var o=l.content.$t}else{if("summary" in l){var o=l.summary.$t}else{var o=""}}o=o.replace(/<[^>]*>/g,"");if(o.length<rdp_snippet_length){var k=o}else{o=o.substring(0,rdp_snippet_length);var b=o.lastIndexOf(" ");k=o.substring(0,b)+"…"}for(var e=0;e<l.link.length;e++){if("thr$total" in l){var h=l.thr$total.$t+" "+rdp_comment}else{h=rdp_disable}if(l.link[e].rel=="alternate"){var d=l.link[e].href;if(y!=-1){d=d+"?m=0"}var g=l.published.$t;if("media$thumbnail" in l){var c=l.media$thumbnail.url}else{c="http://s6.postimg.org/5gu2o1su5/No_Image.png"}}}document.write("<li>");document.write('<a href="'+d+'" rel="nofollow"><img alt="'+m+'" src="'+c+'"/></a>');document.write('<div class="rp_animation"><h5>'+m+"</h5>");if(rdp_datecomment=="yes"){document.write("<span>"+g.substring(8,10)+"/"+g.substring(5,7)+"/"+g.substring(0,4)+" - "+h+"</span>")}document.write("<p>"+k+"</p></div>");document.write('<div style="clear:both"></div></li>')}}getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts"><\/script>')};
    //]]>
    </script>
    </ul>
    <div style='clear:both'/></div>