Recent post slider

• 

<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/> <style scoped='scoped'> .NewSection{background:#202020;overflow:hidden} .titleWatch{height:50px;position:relative;color:white;font-family:cairo;background:#171717;border-radius:4px;line-height:50px;font-size:18px;padding-right:70px;margin:12px;box-shadow:0 1px 15px rgba(0,0,0,.43137254901960786)} .t0itleWatch i{position:absolute;width:55px;top:0;line-height:50px;right:0;height:51px;font-size:29px;padding-top:2px;text-align:center;border-left:1px solid rgba(0,0,0,.32941176470588235)} .episodesToggles{text-align:center;float:left;} div.episodesToggles a{background:-webkit-linear-gradient(#313030,#232323);background:linear-gradient(#313030,#232323);display:inline-block;border-bottom:1px dotted rgba(255,255,255,.32941176470588235);height:42px;width:171px;margin-left:5px;line-height:42px;font-family:cairo;margin-bottom:5px} .contSecPage{margin:60px auto} div.episodesToggles a i{font-size:14px;width:25px;padding-top:6px;height:25px;float:left;color:#171717;background:#fff;margin:8px;border-radius:50%;text-align:center} div.episodesToggles a span{display:inline-block;line-height:43px;margin-right:0;font-size:14px;color:#fff} div.episodesToggles a strong{color:#fff;float:left;font-family:tahoma;margin-left:9px;font-size:20px} div.episodesToggles a:hover{background:-webkit-#171717;background:#171717;color:#fff} </style> <script> //<![CDATA[ var widgetTitle = "", // Tentukan judul widget numPosts = 200, // Tentukan jumlah thumbnail/posting numChars = 0, // Tentukan jumlah karakter pada deskripsi tooltip tooltipFadeSpeed = 100, // Tentukan kecepatan efek .fadeIn() saat tooltip tampil pictureBlank = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC", // Thumbnail cadangan jika posting yang tampil tidak memiliki gambar blogUrl = "https://newtvbd.blogspot.com/"; // Alamat blogmu //]]> </script> <div class='NewSection'> <div class='titleWatch'><i class='fa fa-plus'></i>Channels</div> <div> <script> //<![CDATA[ function showrecentposts_thumb(json) { var entry = json.feed.entry, posturl, posttitle, postcontent, postimg; for (var i = 0; i < numPosts; i++) { for (var j=0; j < entry[i].link.length; j++) { if (entry[i].link[j].rel == 'alternate') { posturl = entry[i].link[j].href; break; } } postcontent = ("content" in entry[i]) ? entry[i].content.$t : ("summary" in entry[i]) ? entry[i].summary.$t : ""; postcontent = postcontent.replace(/<.*?>/g, "").replace(/[<>]/g, ""); if (postcontent.length > numChars) postcontent = postcontent.substring(0, numChars) + '...'; posttitle = entry[i].title.$t; postimg = ("media$thumbnail" in entry[i]) ? entry[i].media$thumbnail.url : pictureBlank; document.write('<div class="episodesToggles"><div><a href="' + posturl + '" style="color:inherit;text-decoration:none;"><span>' + posttitle + '</span><i class="fa fa-play"></i></a></div></div>'); } setrecentposts_animation(); } document.write('<div class="episodesToggles"><sc' + 'ript src="' + blogUrl + '/feeds/posts/default/-/Sports?max-results=' + numPosts + '&orderby=published&alt=json-in-script&callback=showrecentposts_thumb"></sc' + 'ript><div style="clear:both;"></div></div>'); //]]> </script>