RSS Widget for your Website

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>RSS Widget for your Website | Feedspot</title> <meta property="og:title" content="RSS Widget for your Website | Feedspot"> <meta property="og:url" content="https://www.feedspot.com/widgets/create"> <meta property="og:site_name" content="Feedspot Widgets"> <meta name="description" content="Feedspot Widget is a handy widget which lets you embed and display latest updates from your favourite sources (Blogs, News Websites, Podcasts, Youtube Channels, RSS Feeds, etc) on your website."/> <link rel="stylesheet" href="//www.feedspot.com/widgets/Assets/css/bootstrap.css"> <link rel="stylesheet" href="//www.feedspot.com/widgets/Assets/css/bootstrap-colorpicker.css"> <link rel="stylesheet" href="//www.feedspot.com/widgets/Assets/css/feedspot.css?x=2025-02-17">  <link rel="stylesheet" href="//www.feedspot.com/widgets/Assets/css/font-awesome.css"> <link rel="stylesheet" href="https://d11qoqw0p5lsj5.cloudfront.net/widgets/Assets/css/style1d2ec40a1dacc2b457ecc5c88df3a087.css"> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script type="text/javascript" src="//www.feedspot.com/widgets/Assets/js/jquery-scrolltofixed-min.js?v=1514158472"></script> <link rel="canonical" href="https://www.feedspot.com/widgets/" /> <style> .dropdown-toggle{ max-width: 100%} </style> <script type="text/javascript"> window.originMatch = /^https?:\/\/www\.feedspot\.com$/i; </script> </head> <body class="foo"> <style> @media (max-width: 990px){ #mobile-menu-logo { margin-top: 12px; } } </style> <div id="topbar" style="padding-left: 260px"> <div class="row"> <div class="col-md-12 col-sm-12 col-xs-12 pull-right"> <div class="temp_row row"> <div class="col-md-6 col-sm-6 col-xs-6 hidden-lg hidden-md"> <div class="row"> <div class="col-sm-2 col-xs-2"> <div id='mobile-menu' onclick="sideMenuOut()" class="pull-left"><a class="cd-img-replace" href="#0"><i class="fa fa-bars"></i></a></div> </div> <div class="col-sm-9 col-xs-9"> <div id="mobile-menu-logo" class="pull-left"> <a href="https://www.feedspot.com/?_src=widgets"> <svg width="185.81mm" height="42.641mm" version="1.1" viewBox="0 0 185.81 42.641" xmlns="http://www.w3.org/2000/svg" style="fill: white;height:35px;width: 114px; padding-top: 5px;"> <g transform="translate(-18.222 -95.763)"> <path style="fill: inherit;" transform="translate(269.14 1.3978)" d="m-250.92 94.365v33.85h3.3789v-15.482h13.289v-3.0644h-13.289v-12.236h13.803v-3.0664zm94.297 0v13.133c-0.99927-1.5959-2.3788-2.8113-4.1387-3.6465-1.7599-0.83521-3.6185-1.252-5.5723-1.252-3.7436 0-6.9278 1.2456-9.5527 3.7363-2.61 2.4758-3.9141 5.5695-3.9141 9.2832 0 0.89487 0.0735 1.7369 0.22266 2.5273 0.14915 0.77556 0.37358 1.5591 0.67188 2.3496 0.58166 1.4467 1.2012 2.4915 1.8574 3.1328 1.9836 1.9389 3.7365 3.2665 5.2578 3.9824 1.6854 0.80538 3.4297 1.207 5.2344 1.207 4.3103 0 7.6802-1.7293 10.111-5.1894v4.5859h3.2227v-33.85zm82.293 0v8.793h-5.2129v3.0645h5.2129v21.992h3.4004v-21.992h5.8164v-3.0645h-5.8164v-8.793zm-146.97 8.2344c-3.6839 0-6.7861 1.2673-9.3066 3.8027-2.5056 2.5355-3.7598 5.6377-3.7598 9.3066 1e-5 3.7137 1.2692 6.831 3.8047 9.3516 2.5355 2.5056 5.6528 3.7578 9.3516 3.7578 2.6846 0 5.1739-0.82691 7.4707-2.4824 2.2968-1.6704 3.8706-3.7666 4.7207-6.2871h-3.5352c-0.80538 1.7003-2.0425 3.043-3.7129 4.0273-1.6555 0.98436-3.415 1.4766-5.2793 1.4766-2.3863 0-4.5343-0.84395-6.4434-2.5293-1.9836-1.745-2.9746-3.7873-2.9746-6.1289h22.662c0-1.924-0.19425-3.5948-0.58203-5.0117-0.44744-1.6108-1.231-3.0874-2.3496-4.4297-2.6846-3.2364-6.0395-4.8535-10.066-4.8535zm27.281 0c-3.6839 0-6.7861 1.2673-9.3066 3.8027-2.5056 2.5355-3.7598 5.6377-3.7598 9.3066 0 3.7137 1.2673 6.831 3.8027 9.3516 2.5355 2.5056 5.6528 3.7578 9.3516 3.7578 2.6846 0 5.1758-0.82691 7.4727-2.4824 2.2968-1.6704 3.8706-3.7666 4.7207-6.2871h-3.5352c-0.80538 1.7003-2.0425 3.043-3.7129 4.0273-1.6555 0.98436-3.415 1.4766-5.2793 1.4766-2.3863 0-4.5343-0.84395-6.4434-2.5293-1.9836-1.745-2.9766-3.7873-2.9766-6.1289h22.664c0-1.924-0.19425-3.5948-0.58203-5.0117-0.44744-1.6108-1.231-3.0874-2.3496-4.4297-2.6846-3.2364-6.0395-4.8535-10.066-4.8535zm49.938 0c-2.0433 0-3.7575 0.67136-5.1445 2.0137s-2.082 3.0112-2.082 5.0098c0 0.49218 0.0453 0.96272 0.13476 1.4102 0.0895 0.43252 0.2168 0.84269 0.38086 1.2305 0.34304 0.80539 0.83525 1.5135 1.4766 2.125 0.64132 0.6115 1.358 1.067 2.1484 1.3652l0.91602 0.33593 1.6562 0.51368c1.5213 0.49218 2.5877 0.99947 3.1992 1.5215 0.99928 0.86505 1.498 1.9532 1.498 3.2656 0 1.2379-0.43183 2.2459-1.2969 3.0215-0.85013 0.76064-1.8864 1.1406-3.1094 1.1406-1.2976 0-2.3791-0.45544-3.2441-1.3652-0.86504-0.9247-1.2988-2.043-1.2988-3.3555h-3.377c0 2.1328 0.73831 3.9979 2.2148 5.5938 1.4765 1.5958 3.2728 2.3926 5.3906 2.3926 2.4162 0 4.3699-0.7534 5.8613-2.2598 1.4914-1.5213 2.2383-3.4297 2.2383-5.7266 0-2.0135-0.70155-3.6541-2.1035-4.9219-0.93962-0.86504-2.5718-1.6637-4.8984-2.3945-1.566-0.522-2.5806-0.9604-3.043-1.3184-0.90979-0.76064-1.3652-1.7168-1.3652-2.8652 1e-5 -0.93961 0.34324-1.7514 1.0293-2.4375 0.70098-0.68607 1.5213-1.0293 2.4609-1.0293 1.1037 0 2.0277 0.31304 2.7734 0.93946 0.74572 0.6264 1.1191 1.4835 1.1191 2.5723h3.4004c0-1.8345-0.70155-3.4214-2.1035-4.7637-1.402-1.3423-3.0125-2.0137-4.832-2.0137zm23.145 0c-2.0284 0-3.9066 0.40164-5.6367 1.207-1.9538 0.9247-3.4088 2.1401-4.3633 3.6465v-4.2949h-3.1992v33.848h3.4004v-13.467c0.80539 1.7003 2.1245 3.0194 3.959 3.959 1.6704 0.87996 3.5139 1.3203 5.5273 1.3203 1.8494 0 3.5636-0.31304 5.1445-0.93945s3.0274-1.559 4.3398-2.7969c2.7144-2.5355 4.0723-5.6291 4.0723-9.2832 0-1.6555-0.28285-3.2444-0.84961-4.7656-0.56675-1.5362-1.2749-2.73-2.125-3.5801-1.8345-1.8047-3.4837-3.0417-4.9453-3.7129-1.6854-0.76064-3.4599-1.1406-5.3242-1.1406zm28.105 0c-3.6541 0-6.7628 1.2974-9.3281 3.8926-2.5504 2.5802-3.8262 5.6975-3.8262 9.3516 0 3.6242 1.2889 6.6962 3.8691 9.2168 2.5802 2.5056 5.6758 3.7578 9.2852 3.7578 3.6242 0 6.6962-1.304 9.2168-3.9141 2.5206-2.625 3.7812-5.7508 3.7812-9.375 0-3.5049-1.2974-6.5316-3.8926-9.082-2.5802-2.5653-5.6155-3.8477-9.1055-3.8477zm-128.42 3.2656c2.3267 0 4.3926 0.76849 6.1973 2.3047 1.8047 1.5213 2.9295 3.4081 3.377 5.6602h-19.283c0.41761-2.3416 1.5425-4.252 3.377-5.7285 1.8345-1.4914 3.9457-2.2363 6.332-2.2363zm27.279 0c2.3267 0 4.3926 0.76849 6.1973 2.3047 1.8047 1.5213 2.9315 3.4081 3.3789 5.6602h-19.285c0.4176-2.3416 1.5444-4.252 3.3789-5.7285 1.8345-1.4914 3.9438-2.2363 6.3301-2.2363zm27.416 0c2.789 0 5.1529 0.92404 7.0918 2.7734 1.9538 1.8494 2.9297 4.1614 2.9297 6.9356 0 2.7294-0.97588 5.0782-2.9297 7.0469-1.9389 1.9538-4.2726 2.9316-7.002 2.9316-2.7592 0-5.108-0.96931-7.0469-2.9082-1.924-1.9538-2.8867-4.3111-2.8867-7.0703 0-2.6995 0.96931-4.988 2.9082-6.8672 1.9389-1.8942 4.2509-2.8418 6.9356-2.8418zm45.623 0c2.7443 0 5.0714 0.96274 6.9805 2.8867s2.8633 4.2577 2.8633 7.002c0 2.8188-0.97783 5.1591-2.9316 7.0234-1.9389 1.8494-4.3179 2.7754-7.1367 2.7754-0.3132 0-0.64791-0.0236-1.0059-0.0683s-0.68608-0.0966-0.98437-0.15626c-2.0433-0.44744-3.7811-1.4082-5.2129-2.8848-1.745-1.7897-2.6172-4.1103-2.6172-6.959 0-2.7592 0.97783-5.0476 2.9316-6.8672 1.9687-1.8345 4.3392-2.752 7.1133-2.752zm28.105 0c2.5504 0 4.787 0.92404 6.7109 2.7734 1.9389 1.8345 2.9082 4.1314 2.9082 6.8906 0 2.7741-0.90894 5.138-2.7285 7.0918s-4.1165 2.9316-6.8906 2.9316c-2.6697 0-4.9666-0.94765-6.8906-2.8418-1.9091-1.8942-2.8633-4.1826-2.8633-6.8672 0-1.4169 0.23101-2.7078 0.69335-3.8711 0.46236-1.1633 1.1639-2.2298 2.1035-3.1992 1.8792-1.9389 4.1978-2.9082 6.957-2.9082z"></path> </g> </svg> </a> </div> </div> </div> </div> <div class="col-md-6 col-sm-5 col-xs-5"> <div id="search" class="input-search-outer ruih"> <form name="searchForm" id="searchFormFooter"> <div class="searchforminner myfrm"> <p id="search_wrapper"> <input class="form-control libsearch" data-id="2" data-put-id="#suggestion_search" autocomplete="off" type="text" name="q" value="" maxlength="300" align="middle" title="Search" placeholder='Search Widget For Eg: Gardening, Baking, Yoga, etc' style="height: 30px"> </p> <div id="suggestion_search" class="suggestions"> </div> </div> </form> </div> </div> <div class="hidden-lg hidden-md"> <li id="mob-settings" style="padding-left: 0; padding-bottom: 2px;top: -2px;right: 22px;position: absolute;"> <a id="mob-user_menu_btn" href="javascript:void(0)"><img src="https://st3.feedspot.co.in/img/etc/profile_image_dblue.png"></a> <div id="mob-user_option" class="user_option" style=""> <div class="nib" style="right:10px; top: -8px"></div> <div id="news-cat"> <div class="cat-items-last"> <table cellspacing="0" cellpadding="0" width="100%"> <tbody> <tr> <td style="border-right:solid 1px #e7e7e7;width:50%" valign="top"> <table cellspacing="0" cellpadding="0" width="100%"> <tbody> <tr><td><a href="https://www.feedspot.com/brandmonitoring?_src=widgets" target="_black"><div class="user-option-item ruih"><i class="fa fa-binoculars"></i> Brand Monitoring</div></a></td></tr> <tr><td><a href="https://www.feedspot.com/rsscombiner/?_src=widgets" target="_blank"><div class="user-option-item ruih"> <i class="fa fa-rss"></i> RSS Combiner</div></a></td></tr> </tbody></table> </td> <td style="vertical-align:top"> <table cellspacing="0" cellpadding="0" width="100%"> <tbody> <tr> <td> <a target="_blank" href="https://www.feedspot.com/login?_src=widgets" class="common_button golden btn" style="width:80%; margin: 5px auto; float: none"> <i class="fa fa-sign-in" aria-hidden="true"></i> Login </a> </td> </tr> </tbody> </table> </td> </tr> </tbody></table> </div> </div> </div> </li> </div> <div class="col-md-6 hidden-sm hidden-xs"> <li id="settings" style="float: right; padding-right: 10px"> <a id="user_menu_btn" href="javascript:void(0)"><img src="https://st3.feedspot.co.in/img/etc/profile_image_dblue.png"></a> <div id="user_option" class="user_option" style=""> <div class="nib" style="right:10px; top: -8px"></div> <div id="news-cat"> <div class="cat-items-last"> <table cellspacing="0" cellpadding="0" width="100%"> <tbody> <tr> <td style="border-right:solid 1px #e7e7e7;width:50%" valign="top"> <table cellspacing="0" cellpadding="0" width="100%"> <tbody> <tr><td><a href="https://www.feedspot.com/brandmonitoring/?_src=widgets" target="_black"><div class="user-option-item ruih"><i class="fa fa-binoculars"></i> Brand Monitoring</div></a></td></tr> <tr><td><a href="https://www.feedspot.com/rsscombiner/?_src=widgets" target="_blank"><div class="user-option-item ruih"> <i class="fa fa-rss"></i> RSS Combiner</div></a></td></tr> </tbody></table> </td> <td style="vertical-align:top"> <table cellspacing="0" cellpadding="0" width="100%"> <tbody> <tr> <td> <a target="_blank" href="https://www.feedspot.com/login?_src=widgets" class="common_button golden btn" style="width:80%; margin: 5px auto; float: none"> <i class="fa fa-sign-in" aria-hidden="true"></i> Login </a> </td> </tr> </tbody> </table> </td> </tr> </tbody></table> </div> </div> </div> </li> <a target="_blank" href="https://www.feedspot.com/login?_src=widgets" class="pull-right common_button golden btn" style="margin-top: 20px; margin-right: 10px"> <i class="fa fa-sign-in" aria-hidden="true"></i> Login </a> <a target="_blank" href="https://www.feedspot.com/fs/marketers?_src=widgets" class="pull-right common_button golden btn" style="margin-top: 20px; margin-right: 10px"> View Plans </a> </div> </div> </div> </div> </div>  <style type="text/css"> .menu_close_svg_path{stroke-width: 2px;stroke: #fff;} .feedspot_product a{color:#333 !important;} .feedspot_product .dropdown-menu li{border-bottom: solid 1px #e7e7e7;padding:0px !important;} .feedspot_product .dropdown-menu li:hover{background-color: #e7e7e7 !important;background:none !important;} .feedspot_product .dropdown-menu a{padding: 8px 12px!important;font-size:12px !important;white-space: normal;} .feedspot_product .dropdown-menu{width:215px !important;padding: 0px !important;border-radius:3px;margin-top:8px !important;margin-left: -126px;} .feedspot_product .feedspot_dp{color:#fff !important;font-size: 14px;} .feedspot_dp:hover{color:#fff !important;} .feedspot_product .active_product{outline:0;background-color:#ddd;border:1px solid #ddd;border-radius:3px;border-top-left-radius:0;border-top-right-radius: 0;} @media screen and (max-width: 480px) { /*.feedspot_product .dropdown-menu{margin-left:-40px;}*/ } .feedspot_product .dropdown{margin-top:10px;margin-left:10px;list-style:none;background-image:none;background-repeat:none;background-position:0;} .menu-i-c {color: #fff;} #hidesidemenu{ padding-top:20px} #menulogo { float: left; padding: 15px 5px; } </style>  <div id="sidemenu"> <div class="col-md-12"> <div id="menulogo" style="display:inline-flex !important;"> <a href="https://www.feedspot.com/reader?_src=widgets" class="logo"> <svg width="185.81mm" height="42.641mm" version="1.1" viewBox="0 0 185.81 42.641" xmlns="http://www.w3.org/2000/svg" style="fill: white;height:35px;width: 114px; padding-top: 5px;"> <g transform="translate(-18.222 -95.763)"> <path style="fill: inherit;" transform="translate(269.14 1.3978)" d="m-250.92 94.365v33.85h3.3789v-15.482h13.289v-3.0644h-13.289v-12.236h13.803v-3.0664zm94.297 0v13.133c-0.99927-1.5959-2.3788-2.8113-4.1387-3.6465-1.7599-0.83521-3.6185-1.252-5.5723-1.252-3.7436 0-6.9278 1.2456-9.5527 3.7363-2.61 2.4758-3.9141 5.5695-3.9141 9.2832 0 0.89487 0.0735 1.7369 0.22266 2.5273 0.14915 0.77556 0.37358 1.5591 0.67188 2.3496 0.58166 1.4467 1.2012 2.4915 1.8574 3.1328 1.9836 1.9389 3.7365 3.2665 5.2578 3.9824 1.6854 0.80538 3.4297 1.207 5.2344 1.207 4.3103 0 7.6802-1.7293 10.111-5.1894v4.5859h3.2227v-33.85zm82.293 0v8.793h-5.2129v3.0645h5.2129v21.992h3.4004v-21.992h5.8164v-3.0645h-5.8164v-8.793zm-146.97 8.2344c-3.6839 0-6.7861 1.2673-9.3066 3.8027-2.5056 2.5355-3.7598 5.6377-3.7598 9.3066 1e-5 3.7137 1.2692 6.831 3.8047 9.3516 2.5355 2.5056 5.6528 3.7578 9.3516 3.7578 2.6846 0 5.1739-0.82691 7.4707-2.4824 2.2968-1.6704 3.8706-3.7666 4.7207-6.2871h-3.5352c-0.80538 1.7003-2.0425 3.043-3.7129 4.0273-1.6555 0.98436-3.415 1.4766-5.2793 1.4766-2.3863 0-4.5343-0.84395-6.4434-2.5293-1.9836-1.745-2.9746-3.7873-2.9746-6.1289h22.662c0-1.924-0.19425-3.5948-0.58203-5.0117-0.44744-1.6108-1.231-3.0874-2.3496-4.4297-2.6846-3.2364-6.0395-4.8535-10.066-4.8535zm27.281 0c-3.6839 0-6.7861 1.2673-9.3066 3.8027-2.5056 2.5355-3.7598 5.6377-3.7598 9.3066 0 3.7137 1.2673 6.831 3.8027 9.3516 2.5355 2.5056 5.6528 3.7578 9.3516 3.7578 2.6846 0 5.1758-0.82691 7.4727-2.4824 2.2968-1.6704 3.8706-3.7666 4.7207-6.2871h-3.5352c-0.80538 1.7003-2.0425 3.043-3.7129 4.0273-1.6555 0.98436-3.415 1.4766-5.2793 1.4766-2.3863 0-4.5343-0.84395-6.4434-2.5293-1.9836-1.745-2.9766-3.7873-2.9766-6.1289h22.664c0-1.924-0.19425-3.5948-0.58203-5.0117-0.44744-1.6108-1.231-3.0874-2.3496-4.4297-2.6846-3.2364-6.0395-4.8535-10.066-4.8535zm49.938 0c-2.0433 0-3.7575 0.67136-5.1445 2.0137s-2.082 3.0112-2.082 5.0098c0 0.49218 0.0453 0.96272 0.13476 1.4102 0.0895 0.43252 0.2168 0.84269 0.38086 1.2305 0.34304 0.80539 0.83525 1.5135 1.4766 2.125 0.64132 0.6115 1.358 1.067 2.1484 1.3652l0.91602 0.33593 1.6562 0.51368c1.5213 0.49218 2.5877 0.99947 3.1992 1.5215 0.99928 0.86505 1.498 1.9532 1.498 3.2656 0 1.2379-0.43183 2.2459-1.2969 3.0215-0.85013 0.76064-1.8864 1.1406-3.1094 1.1406-1.2976 0-2.3791-0.45544-3.2441-1.3652-0.86504-0.9247-1.2988-2.043-1.2988-3.3555h-3.377c0 2.1328 0.73831 3.9979 2.2148 5.5938 1.4765 1.5958 3.2728 2.3926 5.3906 2.3926 2.4162 0 4.3699-0.7534 5.8613-2.2598 1.4914-1.5213 2.2383-3.4297 2.2383-5.7266 0-2.0135-0.70155-3.6541-2.1035-4.9219-0.93962-0.86504-2.5718-1.6637-4.8984-2.3945-1.566-0.522-2.5806-0.9604-3.043-1.3184-0.90979-0.76064-1.3652-1.7168-1.3652-2.8652 1e-5 -0.93961 0.34324-1.7514 1.0293-2.4375 0.70098-0.68607 1.5213-1.0293 2.4609-1.0293 1.1037 0 2.0277 0.31304 2.7734 0.93946 0.74572 0.6264 1.1191 1.4835 1.1191 2.5723h3.4004c0-1.8345-0.70155-3.4214-2.1035-4.7637-1.402-1.3423-3.0125-2.0137-4.832-2.0137zm23.145 0c-2.0284 0-3.9066 0.40164-5.6367 1.207-1.9538 0.9247-3.4088 2.1401-4.3633 3.6465v-4.2949h-3.1992v33.848h3.4004v-13.467c0.80539 1.7003 2.1245 3.0194 3.959 3.959 1.6704 0.87996 3.5139 1.3203 5.5273 1.3203 1.8494 0 3.5636-0.31304 5.1445-0.93945s3.0274-1.559 4.3398-2.7969c2.7144-2.5355 4.0723-5.6291 4.0723-9.2832 0-1.6555-0.28285-3.2444-0.84961-4.7656-0.56675-1.5362-1.2749-2.73-2.125-3.5801-1.8345-1.8047-3.4837-3.0417-4.9453-3.7129-1.6854-0.76064-3.4599-1.1406-5.3242-1.1406zm28.105 0c-3.6541 0-6.7628 1.2974-9.3281 3.8926-2.5504 2.5802-3.8262 5.6975-3.8262 9.3516 0 3.6242 1.2889 6.6962 3.8691 9.2168 2.5802 2.5056 5.6758 3.7578 9.2852 3.7578 3.6242 0 6.6962-1.304 9.2168-3.9141 2.5206-2.625 3.7812-5.7508 3.7812-9.375 0-3.5049-1.2974-6.5316-3.8926-9.082-2.5802-2.5653-5.6155-3.8477-9.1055-3.8477zm-128.42 3.2656c2.3267 0 4.3926 0.76849 6.1973 2.3047 1.8047 1.5213 2.9295 3.4081 3.377 5.6602h-19.283c0.41761-2.3416 1.5425-4.252 3.377-5.7285 1.8345-1.4914 3.9457-2.2363 6.332-2.2363zm27.279 0c2.3267 0 4.3926 0.76849 6.1973 2.3047 1.8047 1.5213 2.9315 3.4081 3.3789 5.6602h-19.285c0.4176-2.3416 1.5444-4.252 3.3789-5.7285 1.8345-1.4914 3.9438-2.2363 6.3301-2.2363zm27.416 0c2.789 0 5.1529 0.92404 7.0918 2.7734 1.9538 1.8494 2.9297 4.1614 2.9297 6.9356 0 2.7294-0.97588 5.0782-2.9297 7.0469-1.9389 1.9538-4.2726 2.9316-7.002 2.9316-2.7592 0-5.108-0.96931-7.0469-2.9082-1.924-1.9538-2.8867-4.3111-2.8867-7.0703 0-2.6995 0.96931-4.988 2.9082-6.8672 1.9389-1.8942 4.2509-2.8418 6.9356-2.8418zm45.623 0c2.7443 0 5.0714 0.96274 6.9805 2.8867s2.8633 4.2577 2.8633 7.002c0 2.8188-0.97783 5.1591-2.9316 7.0234-1.9389 1.8494-4.3179 2.7754-7.1367 2.7754-0.3132 0-0.64791-0.0236-1.0059-0.0683s-0.68608-0.0966-0.98437-0.15626c-2.0433-0.44744-3.7811-1.4082-5.2129-2.8848-1.745-1.7897-2.6172-4.1103-2.6172-6.959 0-2.7592 0.97783-5.0476 2.9316-6.8672 1.9687-1.8345 4.3392-2.752 7.1133-2.752zm28.105 0c2.5504 0 4.787 0.92404 6.7109 2.7734 1.9389 1.8345 2.9082 4.1314 2.9082 6.8906 0 2.7741-0.90894 5.138-2.7285 7.0918s-4.1165 2.9316-6.8906 2.9316c-2.6697 0-4.9666-0.94765-6.8906-2.8418-1.9091-1.8942-2.8633-4.1826-2.8633-6.8672 0-1.4169 0.23101-2.7078 0.69335-3.8711 0.46236-1.1633 1.1639-2.2298 2.1035-3.1992 1.8792-1.9389 4.1978-2.9082 6.957-2.9082z"></path> </g> </svg> </a>  <div class="feedspot_product"> <li class="dropdown"> <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-chevron-down feedspot_dp"></i></a> <ul class="dropdown-menu"> <li><a href="https://www.feedspot.com/reader?_src=widgets">Content Reader</a></li> <li><a href="https://www.feedspot.com/brandmonitoring?_src=widgets">Brand Monitoring</a></li> <li><a href="https://www.feedspot.com/useredit?set=dailydigest&_src=widgets">Combined Newsletters</a></li> <li class="active_product"><a href="javascript:;">Embeddable RSS Widgets</a></li> <li><a href="https://www.feedspot.com/rsscombiner/?_src=widgets">RSS Combiner</a></li> <li><a href="https://www.feedspot.com/scheduler/?_src=widgets">Scheduler - Social Media Marketing</a></li> <li><a href="https://mcd.feedspot.com/media-contact-database/?_src=widgets">Media Contact Database</a></li> <li><a href="https://www.feedspot.com/publisher/?_src=widgets">For Publishers</a></li> </ul> </li> </div>  </div> <a id="hidesidemenu" href="javascript:;" id="sidemenubutton" onclick="sideMenuIn()"> <svg viewBox="0 0 50 32" style="fill: #fff;height: 20px;margin-top: 2px;margin-left: -15px;position: absolute;"> <path class ="menu_close_svg_path" fill="#fff" d="M49,4H19c-0.6,0-1-0.4-1-1s0.4-1,1-1h30c0.6,0,1,0.4,1,1S49.6,4,49,4z"></path> <path class ="menu_close_svg_path" fill="#fff" d="M49,16H19c-0.6,0-1-0.4-1-1s0.4-1,1-1h30c0.6,0,1,0.4,1,1S49.6,16,49,16z"></path> <path class ="menu_close_svg_path" fill="#fff" d="M49,28H19c-0.6,0-1-0.4-1-1s0.4-1,1-1h30c0.6,0,1,0.4,1,1S49.6,28,49,28z"></path> <path class ="menu_close_svg_path" fill="#fff" d="M8.1,22.8c-0.3,0-0.5-0.1-0.7-0.3L0.7,15l6.7-7.8c0.4-0.4,1-0.5,1.4-0.1c0.4,0.4,0.5,1,0.1,1.4L3.3,15l5.5,6.2 c0.4,0.4,0.3,1-0.1,1.4C8.6,22.7,8.4,22.8,8.1,22.8z"></path> </svg> </a> <div id="cd-hamburger-menu" onclick="sideMenuOut()" ><a id="tmenu" class="cd-img-replace" href="#0"><i class="fa fa-bars menu-i-c"></i></a></div> </div> <ul> <li><a href="https://www.feedspot.com/reader?_src=widgets" title="Feedspot Home"><span class="menu-icon"><i class="fa fa-home"></i></span>Feedspot Home</a></li> <li class="active"><a title="Widget Home" href="/widgets/create"><span class="menu-icon"><i class="fa fa-cubes"></i></span>Widget Home</a></li> <li ><a href="/widgets/" title="My Widgets"><span class="menu-icon"><i class="fa fa-list-ul"></i></span> My Widgets</a></li> <li ><a href="/widgets/widgets-catalog" title="Widget Catalog"><span class="menu-icon"><i class="fa fa-list-alt"></i></span> Widget Catalog</a></li> <li ><a href="/widgets/support" title="Support"><span class="menu-icon"><i class="fa fa-question-circle" aria-hidden="true"></i></span> Support</a></li> <li ><a href="/widgets/example" title="Widget Examples"><span class="menu-icon"><i class="fa fa-lightbulb-o" aria-hidden="true"></i></span> Widget Examples</a></li> <li ><a href="/widgets/customers" title="Customers"><span class="menu-icon"><i class="fa fa-users" aria-hidden="true"></i></span> Customers</a></li> </ul> </div> <div id="outerbody"> <div class="col-md-12 col-sm-12 col-xs-12" id="outerbody2" style="padding-left:260px"> <script> var createJsViaCode = true; </script> <link rel = "stylesheet" href = "//www.feedspot.com/widgets/Assets/tagify/tagify.css"> <script> // if IE, add IE tagify's polyfills !function (d) { if (!d.currentScript) { var s = d.createElement('script'); s.src = '//www.feedspot.com/widgets/Assets/tagify/tagify.polyfills.min.js'; d.head.appendChild(s); } }(document) </script> <script src="//www.feedspot.com/widgets/Assets/tagify/tagify.js"></script> <script> var isIE = !document.currentScript; function renderPRE(currentScript, codeScriptName) { if (isIE) return; setTimeout(function () { var jsCode = document.querySelector("[data-name='" + codeScriptName + "']").innerHTML; // cleanup closure wraper jsCode = jsCode.replace("(function(){", "").replace("})()", "").trim(); // escape angled brackets between two _ESCAPE_START_ and _ESCAPE_END_ comments let textsToEscape = jsCode.match(new RegExp("// _ESCAPE_START_([^]*?)// _ESCAPE_END_", 'mg')); if (textsToEscape) { textsToEscape.forEach(function (textToEscape) { jsCode = jsCode.replace(textToEscape, textToEscape.replace(/</g, "&lt") .replace(/>/g, "&gt") .replace("// _ESCAPE_START_", "") .replace("// _ESCAPE_END_", "") .trim()); }); } currentScript.insertAdjacentHTML('afterend', "<pre class='language-js'><code>" + jsCode + "</code></pre>"); }, 500); } // detect modern browser and enhance console logs with colors if (typeof (Intl)) try { // console.log = ((_c) => (...args) => args.length > 1 ? _c("%c "+ args[0], 'background:indianred; color:white; border-radius:3px; padding:1px;', ...args.slice(1)) : _c(...args))(console.log); } catch (err) { } </script> <style> .resp-container { position: relative; overflow: hidden; padding-top: 46.25%; } .resp-iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .list_gp{margin-bottom:20px;} .list_point{font-size:15px;border:unset;padding-bottom: 0px;padding-right: 0px;} .list_point i{color:#767676;} .list_point:first-child{padding-top:0px;} .widget_t{padding-left:0px;line-height: 35px;} .roll{margin-left:3px;cursor:pointer;transform:rotate(0);font-size:24px;-webkit-animation-name:roll;-webkit-animation-duration:3s;animation-name:roll;animation-duration:3s}@-webkit-keyframes roll{0%{transform:rotate(0)}20%{transform:rotate(72deg)}40%{transform:rotate(144deg)}60%{transform:rotate(216deg)}80%{transform:rotate(288deg)}100%{transform:rotate(360deg)}}@keyframes roll{0%{transform:rotate(0)}20%{transform:rotate(72deg)}40%{transform:rotate(144deg)}60%{transform:rotate(216deg)}80%{transform:rotate(288deg)}100%{transform:rotate(360deg)}} @media only screen and (max-device-width : 640px) { .list_point{font-size:13px;} .widget_t{line-height:25px;} } .btn_gs{ cursor: pointer !important; margin-bottom: 25px; height: 40px; font-size: 17px; width: 200px; margin-top: 25px; color: #fff!important; background-image: none!important; background-color: #5cb85c!important; border-color: #5cb85c!important; outline: 0; } .list_point{list-style-type: disc; list-style-position: inside; text-indent: -4em; padding-left: 4em;} /* .list_gb { */ /* counter-reset: foo; */ /* display: table; */ /* } */ /* .list_point { */ /* list-style: none; */ /* counter-increment: foo; */ /* display: table-row; */ /* } */ /* .list_point::before { */ /* content: counter(foo) "."; */ /* display: table-cell; */ /* text-align: right; */ /* padding-right: .3em; */ /* } */ .steps_w{line-height: 21px;margin-bottom:0px;margin-top:0px;} </style> <div> <div class="rss-pricing"> <table border="0" cellpadding="0" cellspacing="0" style="background: #fff8d0; background-color: #fff8d0;font-family: helvetica, arial, sans-serif;" width="100%"> <tbody><tr><td align="center"> <div style="clear:both;line-height:20px;font-size:13px;color:#333;padding:4px 0px 6px"> Try Feedspot Widgets free for 7 days. No Contracts, Cancel Anytime. </div> </td></tr> </tbody></table> </div> </div> <div id="notify">Loading...</div> <div class="widget-top-template" id="topboy"> <div id="user_option" class="user_option" style=""> <div class="nib" style="right:6px"></div> <div id="news-cat"> <div class="cat-items-last"> <table cellspacing="0" cellpadding="0" width="100%"> <tbody> <tr> <td style="border-right:solid 1px #e7e7e7;width:50%"> <table cellspacing="0" cellpadding="0" width="100%"> <tbody><tr><td><a href="https://www.feedspot.com/useredit"><div class="user-option-item ruih">Account Settings</div></a></td></tr> <tr><td><a href="https://www.feedspot.com/?newtour=on"><div class="user-option-item ruih">Take Tour</div></a></td></tr> <tr><td><a href="https://www.feedspot.com/useredit?set=dailydigest"><div class="user-option-item ruih">Daily Digest settings</div></a></td></tr> <tr><td><a href="https://www.feedspot.com/fs/import"><div class="user-option-item ruih">Import Feeds</div></a></td></tr> <tr><td><a href="https://www.feedspot.com/fs/video_tutorials?_src=topnav_dropdown"><div class="user-option-item ruih">Video Tutorials</div></a></td></tr> </tbody></table> </td> <td style="vertical-align:top"> <table cellspacing="0" cellpadding="0" width="100%"> <tbody><tr><td><a href="https://www.feedspot.com/widgets/create?_src=topnav_dropdown"><div class="user-option-item ruih">Widgets</div></a></td></tr> <tr><td><a href="https://www.feedspot.com/news/?_src=topnav_dropdown"><div class="user-option-item ruih">News</div></a></td></tr> <tr><td><a href="https://www.feedspot.com/brandmonitoring/?_src=topnav_dropdown"><div class="user-option-item ruih">Brand Monitoring</div></a></td></tr> <tr><td><a href="https://www.feedspot.com/logout?continue=widgets%2Fexample"><div class="user-option-item user-option-item-end">Logout</div></a></td></tr> </tbody></table> </td> </tr> </tbody></table> </div> </div> </div> <h1 class="text-center">Feedspot Widgets</h1> <br> <h2 class="text-center">Embed RSS Widget on your Website</h2> <br><br> <div class="row"> <div class="col-md-12 col-sm-12 col-xs-12 pull-right" id="forIframeHeight"> <div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-0 col-sm-offset-0 col-xs-offset-0"> <div> <h3 class="widget_t"> Feedspot Widget is a handy widget which lets you embed and display latest updates from your favourite sources (Blogs, News Websites, Podcasts, Youtube Channels, RSS Feeds, etc) on your website. <a href="#demo_video_widget" data-toggle="modal">Watch Video</a> </h3> </div> </div> <div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-0 col-sm-offset-0 col-xs-offset-0"> <ul class="list-group list-group-flush list_gp"> <li class="list-group-item list_point"> <p class="steps_w">Step 1 - Get started by adding your favourite websites to your account as content source for widget. <a href="javascript:;" onclick="open_video()">Watch Video</a></p> </li> <li class="list-group-item list_point"> <p class="steps_w">Step 2 - Customize the look and feel of the widget to match your website style.</p> </li> <li class="list-group-item list_point"> <p class="steps_w">Step 3 - Click on "Save and Get Code" button, copy the embed code and paste on your website.</p> </li> <li class="list-group-item list_point"> <p class="steps_w">Step 4 - Widget updates automatically when new content is available.</p> </li> </ul> </div> </div> </div> </div> <div class="col-md-12 col-sm-12 col-xs-12 text-center"> <a class="btn btn_gs" href="https://www.feedspot.com/?_src=widgets&prd_continue=widgets/create/">Get Started</a> </div> <div id="demo_video" class="modal fade" role="dialog" style="margin-top:38px"> <div class="modal-dialog">  <div class="modal-content"> <div class="modal-header paid_user_header"> <h4 class="modal-title">How To Add or Follow a Blog on Feedspot Reader <a href="javascript:;" class="pull-right" data-dismiss="modal">×</a></h4> </div> <div class="modal-body" id="demo_video_iframe"> </div> <div class="modal-footer"> <a href="javascript:;" class="close-button pull-right" data-dismiss="modal">Close</a> </div> </div> </div> </div> <div id="demo_video_widget" class="modal fade" role="dialog" style="margin-top:38px"> <div class="modal-dialog">  <div class="modal-content"> <div class="modal-header paid_user_header"> <h4 class="modal-title">Embeddable RSS Widgets <a href="javascript:;" class="pull-right" data-dismiss="modal">×</a></h4> </div> <iframe id="cartoonVideo" width="100%" height="315" src="https://www.youtube.com/embed/ea-ybXtsOCc?rel=0" frameborder="0" allowfullscreen></iframe> <div class="modal-footer"> <a href="javascript:;" class="close-button pull-right" data-dismiss="modal">Close</a> </div> </div> </div> </div> <link type="text/css" rel="stylesheet" href="//www.feedspot.com/widgets/Assets/css/flickity.min.css"><script type="text/javascript" src="//www.feedspot.com/widgets/Assets/js/flickity.pkgd.min.js"></script><script> $(document).ready(function () { $('.main-carousel').flickity({ // options cellAlign: 'left', contain: true, wrapAround: true, autoPlay: false, pageDots: false, //adaptiveHeight: true, //draggable: false }); }); function open_video() { $('#demo_video_iframe').html('<iframe width="560" height="315" src="https://www.youtube.com/embed/ClXq7QRCCmw?autoplay=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>'); $('#demo_video').modal('show'); } $('#demo_video').on('hidden.bs.modal', function () { $('#demo_video_iframe').html(''); }) setTimeout(function () { resizeIframe(); }, 1000); function resizeIframe() { var h = $('#forIframeHeight').css("height"); h = parseInt(h) - 25; $('.iframevideo').css("height", h) $('.resp-iframe').css("height", h) $('#vid_left').css("height", h) } $(window).resize(resizeIframe); </script> <style> .adsetting{ display: none; } .showadvance{ display: block; padding: 8px; background-color: #b1b1b1; color: #fff!important; border-radius: 2px; border-color: #b1b1b1; line-height: normal; background-color: #0077b5; text-align: center; cursor: pointer; transition: 0.4s; font-size: 13px; } #imagecustom{ display: none} #dateformate{ display: none} .showadvance{ transition: max-height 0.2s ease-out; } .showadvance .fa-sort-up{ vertical-align: -4px;} .showadvance .fa-sort-down{ vertical-align: 4px;} #ad1,#ad2{ padding-top: 30px} #reset-widget{background: #ccc; color: #000; font-weight:normal; margin-right: 9px} .start_trial{color: #fff !important; text-decoration: none !important;} .trial_footer{ text-align: center; border-top: unset;} .trial_title{font-size:16px} #saveWidgetNotify{ margin-right: 20px; margin-top: 6px; font-size: 12px; font-weight: 600; color: rgba(0,0,0,.5);} .trial_body p{font-size: 14px;} .trial_body{ padding-bottom: 0px;} .trial_footer{padding-top:0px;} </style>  <main class="main"> <section class = "rss_feed" >  <div class = "row temp_row"> <div class = "col-lg-6 col-md-6 col-sm-12 col-xs-12"> <div class = "url_info_box">  <div class = "url_box"> <div id="functionrow"></div> <div class = "url_title" id="leftcal" > RSS Feed URL </div> <div class = "padding10"> <div class = "row"> <div class = "col-md-12 col-sm-12 col-xs-12" id = "feed_url_id"> <lable class = "pull-left control-label">Enter Feed URL </lable> <div class = "rss_tool_tip pull-left" id = "FeedURLToolTip" style="padding-top:1px"> <a class = "popover-help" data-toggle = "popover" title = "" data-content = "Enter RSS Feed Url <span class='fa fa-times-circle'></span>" data-original-title = "Feed URL"> <span class = "glyphicon glyphicon-question-sign"></span> </a> </div> </div> <div class = "col-md-11 col-sm-11 col-xs-10 myfrm"> <input type = "text" id = "FeedURL" data-id="3" name = "FeedURL" class = "form-control libsearch" placeholder = "Enter RSS Feed Url" value = "" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" data-put-id="#suggestions"> <div id="cross"><i class="fa fa-close" aria-hidden="true"></i></div> <div id="suggestions" class="suggestions"> </div> </div> <div class = "col-md-1 col-sm-1 col-xs-2 text-center"> <a href="javascript:;" id = "reload"><i class = "fa fa-arrow-right" aria-hidden = "true"></i></a> </div> </div> </div> <div class = "row"> <div class = "col-md-12">  <input type="hidden" id="checkupdateornot" value="0"> <div class = "url_dropdown"> <div class="row"> <div class="col-md-12 col-sm-12 col-xs-12"> <label class = "text-left pull-left control-label">OR Select your <span class="hidden-sm hidden-xs">Feedspot account or</span> Folder Feed URL</label> <div class = "rss_tool_tip pull-left" id = "FeedDropDown"> <a class = "popover-help" data-toggle = "popover" title = "" data-content = "To add multiple feeds, <a href='https://www.feedspot.com/knowledgebase/articles/355512-how-to-add-a-site-to-a-new-folder' target='_blank'>create a folder</a> on feedspot homepage and add multiple feeds to it. Then select the folder from this dropdown menu. Folders allow you to add delete feeds without having to update the widget on your site <span class='fa fa-times-circle'></span>" data-original-title = "Account or Folder"> <span class = "glyphicon glyphicon-question-sign"></span> </a> </div> </div> </div> <div class = "dropdown"> <button class = "btn btn-primary dropdown-toggle" type = "button" data-toggle = "dropdown" id = "RSSFeedURL" value = "http://rss.feedspot.com/folder/516540/rss"> <span class = "feed_folder_txt"></span> <span class = "caret"></span> </button> <ul class = "dropdown-menu"> <li class="FeedURL" value="http://rss.feedspot.com/folder/516540/rss"><a href="javascript:void(0)">Test Feed</a></li>  </ul> </div> </div> </div> </div> </div>   <div class="url_box"> <div class="url_title"> Following Views <div class="list_view" id="template_title"> <ul class="tabs"> <li title="Magazine View"><a href="#tab-3" value="3"><span class="glyphicon glyphicon-th-list active"></span></a></li> <li title="List View"><a href="#tab-1" value="1"><span class="glyphicon glyphicon-align-justify "></span></a></li> <li title="Matrix Card View"><a href="#tab-2" value="2"><span class="glyphicon glyphicon-th-large"></span></a></li> <li title="Matrix View"><a href="#tab-4" value="4"><span class="glyphicon glyphicon-th"></span></a></li> <li title="Card View"><a href="#tab-5" value="5"><span class="glyphicon glyphicon-stop"></span></a></li> </ul> </div> </div> <div class="url_inner"> <div class="url_list_view" id="tab-1"> <div class="url_list_view_lft active"><a href="javascript:void(0)" value="1" grpvalue="2" class="temp_lazyload" data-image="1"></a></div> </div> <div class="url_list_view" id="tab-2"> <div class="url_list_view_lft"><a href="javascript:void(0)" value="2" grpvalue="1" class="temp_lazyload" data-image="2"></a></div> <div class="url_list_view_lft"><a href="javascript:void(0)" value="3" grpvalue="1" class="temp_lazyload" data-image="3"></a></div> </div> <div class="url_list_view" id="tab-3"> <div class="url_list_view_lft"><a href="javascript:void(0)" value="4" grpvalue="2" class="temp_lazyload" data-image="4"></a></div> <div class="url_list_view_lft"><a href="javascript:void(0)" value="5" grpvalue="2" class="temp_lazyload" data-image="5"></a></div> </div> <div class="url_list_view" id="tab-4"> <div class="url_list_view_lft"><a href="javascript:void(0)" value="6" grpvalue="1" class="temp_lazyload" data-image="6"></a></div> <div class="url_list_view_lft"><a href="javascript:void(0)" value="7" grpvalue="2" class="temp_lazyload" data-image="7"></a></div> </div> <div class="url_list_view" id="tab-5"> <div class="url_list_view_lft"><a href="javascript:void(0)" value="8" grpvalue="2" class="temp_lazyload" data-image="8"></a></div> <div class="url_list_view_lft"><a href="javascript:void(0)" value="9" grpvalue="1" class="temp_lazyload" data-image="9"></a></div> </div> <input type="hidden" id="groupvalue" value=""> </div> </div>  </div>  <div class="url_box"> <div class="url_title"> General </div> <div class="padding10"> <div class="widgetInnerElement"> <label class="hed_lab">Width </label> <div class="pushDivLeftRight clearfix" id="widget_height_in_pixel_section"> <div class="push_left"> <label class="checkcontainer control-label" id="widget_width_quantity_is_pixel"> In Pixels <input type="radio" class="width_in_pixels" name="radioWidth" value="IsWidthInPixel"> <span class="radiobtn"></span> </label> <a class="popover-help" role="button" tabindex="0" data-toggle="popover" title="Width px <span class='fa fa-times-circle'></span>" data-content="Enter a width in pixels. This will fix the width of your widget regardless of the browser/page/column width."> <span class="glyphicon glyphicon-question-sign"></span> </a> </div> <div class="push_rgt box" > <div class="plus-minus-input"> <div class="input-group-button"> <button type="button" class="button hollow circle plus" id="width_plus_button" data-quantity="plus" data-field="quantityWidth" data-id="2" disabled> <i class="fa fa-plus" aria-hidden="true"></i> </button> </div> <input class="input-group-field tv2" id="width_quantity" type="number" name="quantityWidth" value="0" min="-9999" max="9999" maxlength="5" data-id="2"> <div class="input-group-button"> <button type="button" class="button hollow circle" id="width_minus_button" data-quantity="minus" data-field="quantityWidth" disabled data-id="2"> <i class="fa fa-minus" aria-hidden="true"></i> </button> </div> </div> </div> </div> <div class="pushDivLeftRight clearfix" > <div class="push_left"> <label class="checkcontainer control-label" id="widget_width_quantity_is_responsive"> Responsive (Mobile friendly) <input type="radio" class="width_responsive" name="radioWidth" value="IsWidgetResponsive" checked> <span class="radiobtn"></span></label> <a class="popover-help" data-toggle="popover" title="Width Responsive <span class='fa fa-times-circle'></span>" data-content="Choose responsive width for mobile-friendly / responsive behavior. The widget will resize to fit the column/page/container width."> <span class="glyphicon glyphicon-question-sign"></span> </a> </div> </div> </div> <div class="widgetInnerElement"> <label class="hed_lab"> Height </label> <div class="pushDivLeftRight clearfix" > <div class="push_left"> <label class="checkcontainer control-label" id="widget_height_quantity_in_pixel"> In Pixels <input type="radio" class="height_in_pixels" name="radioHeight" value="IsHeightInPixel"> <span class="radiobtn"></span></label> <a class="popover-help" data-toggle="popover" title="Height px <span class='fa fa-times-circle'></span>" data-content="Enter a height in pixels. This will fix the height of your widget regardless of the browser/page/column height."> <span class="glyphicon glyphicon-question-sign"></span> </a> </div> <div class="push_rgt box" > <div class="plus-minus-input"> <div class="input-group-button"> <button type="button" class="button hollow circle plus" id="height_plus_in_pix_button" data-quantity="plus" data-field="quantityHeightInPixel" data-id="3"> <i class="fa fa-plus" aria-hidden="true"></i> </button> </div> <input class="input-group-field" type="number" id="height_quantity_in_pixel" name="quantityHeightInPixel" value="0" min="-9999" max="9999" maxlength="5" data-id="3"> <div class="input-group-button"> <button type="button" class="button hollow circle" id="height_minus_in_pix_button" data-quantity="minus" data-field="quantityHeightInPixel" data-id="3"> <i class="fa fa-minus" aria-hidden="true"></i> </button> </div> </div> </div> </div> <div class="pushDivLeftRight clearfix" id="widget_height_by_post_section"> <div class="push_left"> <label class="checkcontainer control-label" id="widget_height_quantity_by_posts"> Posts <input type="radio" class="height_by_responsive" name="radioHeight" value="IsHeightByPosts" checked> <span class="radiobtn"></span></label> <a class="popover-help" data-toggle="popover" title="Height by number of post <span class='fa fa-times-circle'></span>" data-content="Fix the height by the number of feed items. Works best in text or thumbnail style. In HTML style, feed items are usually different heights."> <span class="glyphicon glyphicon-question-sign"></span> </a> </div> <div class="push_rgt box" > <div class="plus-minus-input"> <div class="input-group-button"> <button type="button" class="button hollow circle plus" id="height_plus_by_post_button" data-quantity="plus" data-field="quantityHeightByPosts" disabled data-id="3"> <i class="fa fa-plus" aria-hidden="true"></i> </button> </div> <input class="input-group-field" type="number" id="height_quantity_by_post" name="quantityHeightByPosts" value="0" min="1" max="9999" maxlength="5" data-id="3"> <div class="input-group-button"> <button type="button" class="button hollow circle" id="height_minus_by_post_button" data-quantity="minus" data-field="quantityHeightByPosts" disabled data-id="3"> <i class="fa fa-minus" aria-hidden="true"></i> </button> </div> </div> </div> </div> </div> <div class="widgetInnerElement margin" id="feed_autoscroll_section">  <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title control-label"> <span id="as">Autoscroll</span> <a class="popover-help" data-toggle="popover" title="Autoscroll <span class='fa fa-times-circle'></span>" data-content="To enable autoscrolling of the feed content. And select Speed of the auto scroll from Speed option."> <span class="glyphicon glyphicon-question-sign"></span> </a>  </label> </div> <div class="push_rgt "> <label class="switch"> <input type="checkbox" checked id="IsAutoScroll"> <span class="slider round"></span> </label> </div> </div>  <div class="pushDivLeftRight clearfix"> <div class="push_left"> </div> <div class="push_rgt bx" > </div> </div> </div> <div class="autoupdate1"> <div class="widgetInnerElement margin "> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title control-label"> Speed <a class="popover-help" data-toggle="popover" title="Speed" data-content="Input the seconds how fast the content in a widget moves. <span class='fa fa-times-circle'></span>" data-original-title="Font size <span class='fa fa-times-circle'></span>"> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt box" > <div class="plus-minus-input"> <div class="input-group-button"> <button type="button" class="button hollow circle plus" data-quantity="plus" data-field="quantityAutoSrcollSpeed" data-id="12"> <i class="fa fa-plus" aria-hidden="true"></i> </button> </div> <input class="input-group-field tv12" id="auto_scroll_speed" type="number" name="quantityAutoSrcollSpeed" min="-9999" max="9999" maxlength="5" value="0" data-id="12"> <div class="input-group-button"> <button type="button" class="button hollow circle" data-quantity="minus" data-field="quantityAutoSrcollSpeed" data-id="12"> <i class="fa fa-minus" aria-hidden="true"></i> </button> </div> </div> </div> </div> </div> </div> <div class="widgetInnerElement " id="feed_open_link_type_secton">  <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title control-label"> Open links <a class="popover-help" data-toggle="popover" title="Open Links <span class='fa fa-times-circle'></span>" data-content="Choose whether a link will open in a new window (target=_blank), or the same window (target=_top) when a user clicks on them."> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt bx drop"> <div class="dropdown drp_opt"> <button class="btn btn-primary dropdown-toggle" id="SelectedLinkTypeId" type="button" data-toggle="dropdown" value="1"> <span class="SelectedLinkType">New window</span> <span class="caret"></span> </button> <ul class="dropdown-menu"> <li class="OpenLinkType" value="1"><a href="javascript:void(0)">New window</a></li> <li class="OpenLinkType" value="2"><a href="javascript:void(0)">Same window</a></li> </ul> </div> </div> </div> <div class="pushDivLeftRight clearfix"> <div class="push_left"></div> <div class="push_rgt bx" > </div> </div> </div> <div class="widgetInnerElement margin">  <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title control-label"> Font Style <a class="popover-help" data-toggle="popover" title="Font Style <span class='fa fa-times-circle'></span>" data-content="Choose from a list of websafe font families for your widget (title + content). Each main font has a set of subfonts to ensure full browser support in case the main font does not exist."> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt bx drop" > <div class="dropdown drp_opt"> <button class="btn btn-primary dropdown-toggle" id="SelectedFontId" type="button" data-toggle="dropdown" value="8"><span class="SelectedFont">Default browser font</span><span class="caret"></span></button><ul class="dropdown-menu"><li class="FontStyle" value="8"><a href="javascript:void(0)">Default browser font</a></li><li class="FontStyle" value="9"><a href="javascript:void(0)">Times New Roman, serif</a></li><li class="FontStyle" value="10"><a href="javascript:void(0)">Arial, Helvetica, sans-serif</a></li><li class="FontStyle" value="11"><a href="javascript:void(0)">Courier New, Courier, mono</a></li><li class="FontStyle" value="12"><a href="javascript:void(0)">'Trebuchet MS', Verdana, Arial</a></li><li class="FontStyle" value="13"><a href="javascript:void(0)">Verdana, Arial, sans-serif</a></li><li class="FontStyle" value="14"><a href="javascript:void(0)">Geneva, Arial, sans-serif</a></li><li class="FontStyle" value="15"><a href="javascript:void(0)">'Open Sans', sans-serif;</a></li></ul> </div> </div> </div> <div class="pushDivLeftRight clearfix"> <div class="push_left"></div> <div class="push_rgt bx"> </div> </div> </div> <div class="widgetInnerElement margin">  <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title control-label"> Text alignment <a class="popover-help" data-toggle="popover" title="Text alignment <span class='fa fa-times-circle'></span>" data-content="Align widget text (item titles + content) to the Left, Center, Right, or Justified."> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt bx align"> <div class="txt_align"> <ul> <li class="text_align_type"><a href="javascript:void(0)" class="active" value="1"><i class="fa fa-align-left"></i></a></li> <li class="text_align_type"><a href="javascript:void(0)" value="2"><i class="fa fa-align-right"></i></a></li> <li class="text_align_type"><a href="javascript:void(0)" value="3"><i class="fa fa-align-center"></i></a></li> <li class="text_align_type"><a href="javascript:void(0)" value="4"><i class="fa fa-align-justify"></i></a></li> </ul> </div> </div> </div> <div class="pushDivLeftRight clearfix"> <div class="push_left"></div> <div class="push_rgt bx" > </div> </div> </div> <div class="widgetInnerElement margin "> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title control-label"> Border <a class="popover-help" data-toggle="popover" title="Border <span class='fa fa-times-circle'></span>" data-content="Choose whether to display a border around the widget. (default border=1px solid grey)."> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt "> <label class="switch "> <input type="checkbox" id="IsWidgetBorder"> <span class="slider round"></span> </label> </div> </div> </div> <div class="widgetInnerElement margin" id="border_color"> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title control-label"> Border color <a class="popover-help" data-toggle="popover" title="Border Color <span class='fa fa-times-circle'></span>" data-content="Choose a Color for the border of your widget."> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt bx clr_bx"> <div id="cp3" class="input-group colorpicker-component hed_color " data-id="10"> <span class="input-group-addon color_box"><i></i></span> <input type="text" id="WidgetBorderColor" value="#dbdbdb" class="form-control color_code cc10" data-id="10" name="WidgetBorderColor" /> </div> </div> </div> </div> <div class="widgetInnerElement margin "> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title control-label"> Corner <a class="popover-help" data-toggle="popover" title="Corner <span class='fa fa-times-circle'></span>" data-content="Choose whether to have a square corner or a radiused corner (default radius=5px)."> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt bx "> <ul class="cor_bord"> <li class="border_corner"> <a href="javascript:void(0)" value="0"> Square </a> </li> <li class="border_corner"> <a href="javascript:void(0)" class="active" value="1"> Rounded </a> </li> </ul> </div> </div> </div> <div class="widgetInnerElement "> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title me control-label"> Custom CSS link <a class="popover-help" data-toggle="popover" title="Custom CSS link <span class='fa fa-times-circle'></span>" data-content="Enter a URL for your custom CSS if you wish to use one."> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt box"> </div> </div> </div> <div class="widgetInnerElement"> <div class="pushDivLeftRight clearfix"> <div class="row"> <div class="col-md-12" style="padding-left:0px"> <div class="col-sm-11 col-xs-11 cus_link"> <input type="text" id="CustomCSSLink" class="form-control" > <a href="javascript:;" id="removelink" style="display:none">Remove CSS</a> </div> <div class=" col-sm-1 col-xs-1 ref_page" style="padding-left:0px; padding-right:0px;"> <a href="javascript:void(0)"> <i class="fa fa-refresh" aria-hidden="true"></i> </a> </div> </div> </div> </div> </div>  <br><br> <div class="widgetInnerElement"> <div class="pushDivLeftRight clearfix" > <div class="push_left"> <label class="lab_title control-label"> Padding <a class="popover-help" data-toggle="popover" title="Padding" data-content="Generate Space around content (inside the border)"> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt box" > <div class="plus-minus-input"> <div class="input-group-button"> <button type="button" class="button hollow circle plus" id="height_plus_in_pix_button" data-quantity="plus" data-field="paddinginpx" data-id="3"> <i class="fa fa-plus" aria-hidden="true"></i> </button> </div> <input class="input-group-field" type="number" id="paddinginpx" name="paddinginpx" value="0" min="-9999" max="9999" maxlength="5" data-id="3"> <div class="input-group-button"> <button type="button" class="button hollow circle" id="padding" data-quantity="minus" data-field="paddinginpx" data-id="3"> <i class="fa fa-minus" aria-hidden="true"></i> </button> </div> </div> </div> </div> <br><br> </div> <div class="widgetInnerElement" id="space_item"> <div class="pushDivLeftRight clearfix"> <div class="push_left" > <label class="lab_title control-label"> Space Between Items <a class="popover-help" data-toggle="popover" title="Space Between Items" data-content="You can adjust distance between your every feed"> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt box" > <div class="plus-minus-input"> <div class="input-group-button"> <button type="button" class="button hollow circle plus" id="height_plus_in_pix_button" data-quantity="plus" data-field="spacebw" data-id="3"> <i class="fa fa-plus" aria-hidden="true"></i> </button> </div> <input class="input-group-field" type="number" id="spacebw" name="spacebw" value="0" min="-9999" max="9999" maxlength="5" data-id="3"> <div class="input-group-button"> <button type="button" class="button hollow circle" id="height_minus_in_pix_button" data-quantity="minus" data-field="spacebw" data-id="3"> <i class="fa fa-minus" aria-hidden="true"></i> </button> </div> </div> </div> </div> <br><br> </div> <div class="widgetInnerElement" id="dvd"> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title control-label"> Divider B/W Items <a class="popover-help" data-toggle="popover" title="Divider B/W Items <span class='fa fa-times-circle'></span>" data-content="Enable/disable a seperation line in between feed content items."> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt "> <label class="switch "> <input type="checkbox" id="IsWidgetDivider" name="IsWidgetDivider"> <span class="slider round"></span> </label> </div> </div> </div> <br><br> <div class="showadvance" id="sa" data-id="ad1">Advanced Settings   <span><i class="fa fa-angle-down" aria-hidden="true"></i></span></div> <div class="adsetting" id="ad1"> <div class="widgetInnerElement "> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title me control-label"> Alternate Image <a class="popover-help" data-toggle="popover" title="" data-content="Enter an image URL you want to display when there is no image in an article." data-original-title="Alternate Image"> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt box"> </div> </div> </div> <div class="widgetInnerElement imageoption" style="margin-bottom:40px"> <div class="pushDivLeftRight clearfix"> <div class="row"> <div class="col-md-12" style="padding-left:0px"> <div class="col-sm-11 col-xs-11 cus_link"> <input type="text" id="dafaultImage" name="dafaultImage" class="normalInputSize form-control" placeholder="http:// or https://" value=""> </div> <div class=" col-sm-1 col-xs-1 ref_page" style="padding-left:0px; padding-right: 0px"> <a href="javascript:;" class="include_exclude" data-id="alimage"><i class="fa fa-arrow-right" aria-hidden="true"></i></a> </div> </div> </div> </div> </div>  <div style="display:none"> <div class="widgetInnerElement imageoption" id="feed_open_link_type_secton">  <div class="pushDivLeftRight clearfix "> <div class="push_left"> <label class="lab_title control-label"> Image scale <a class="popover-help" data-toggle="popover" title="Image scale" data-content="Adjust your image size"> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt bx drop"> <div class="dropdown drp_opt"> <button class="btn btn-primary dropdown-toggle" id="ImageScaleValue" type="button" data-toggle="dropdown" value="0"> <span class="ImageScales">Select</span> <span class="caret"></span> </button> <ul class="dropdown-menu"> <li class="ImageScale" value="0"><a href="javascript:void(0)">Select</a></li> <li class="ImageScale" value="2"><a href="javascript:void(0)">Fill</a></li> <li class="ImageScale" value="3"><a href="javascript:void(0)">Fits the shortest side</a></li> <li class="ImageScale" value="4"><a href="javascript:void(0)">Fits the longest side</a></li> <li class="ImageScale" value="5"><a href="javascript:void(0)">Not stretch</a></li> <li class="ImageScale" value="6"><a href="javascript:void(0)">Original size</a></li> <li class="ImageScale" value="7"><a href="javascript:void(0)">Custom</a></li> </ul> </div> </div> </div> <div class="pushDivLeftRight clearfix"> <div class="push_left"></div> <div class="push_rgt bx" > </div> </div> </div> <div id="imagecustom"> <div class="widgetInnerElement imageoption" > <br><br> <div class="pushDivLeftRight clearfix" > <div class="push_left"> <label class="checkcontainer control-label"> Image width In Pixels </label> <a class="popover-help" data-toggle="popover" title="Image width In Pixels <span class='fa fa-times-circle'></span>" data-content="Enter width in pixels. This will fix the width of your image"> <span class="glyphicon glyphicon-question-sign"></span> </a> </div> <div class="push_rgt box" > <div class="plus-minus-input"> <div class="input-group-button"> <button type="button" class="button hollow circle plus" id="height_plus_in_pix_button" data-quantity="plus" data-field="image_width" data-id="3"> <i class="fa fa-plus" aria-hidden="true"></i> </button> </div> <input class="input-group-field" type="number" id="image_width" name="image_width" value="0" min="-9999" max="9999" maxlength="5" data-id="3"> <div class="input-group-button"> <button type="button" class="button hollow circle" id="height_minus_image" data-quantity="minus" data-field="image_width" data-id="3"> <i class="fa fa-minus" aria-hidden="true"></i> </button> </div> </div> </div> </div> </div> <div class="widgetInnerElement imageoption"> <br><br> <div class="pushDivLeftRight clearfix" > <div class="push_left"> <label class="checkcontainer control-label"> Image height In Pixels </label> <a class="popover-help" data-toggle="popover" title=" Image height In Pixels <span class='fa fa-times-circle'></span>" data-content="Enter Height in pixels. This will fix the Height of your image"> <span class="glyphicon glyphicon-question-sign"></span> </a> </div> <div class="push_rgt box" > <div class="plus-minus-input"> <div class="input-group-button"> <button type="button" class="button hollow circle plus" id="height_plus_in_pix_button" data-quantity="plus" data-field="image_height" data-id="3"> <i class="fa fa-plus" aria-hidden="true"></i> </button> </div> <input class="input-group-field" type="number" id="image_height" name="image_height" value="0" min="-9999" max="9999" maxlength="5" data-id="3"> <div class="input-group-button"> <button type="button" class="button hollow circle" id="height_minus_image" data-quantity="minus" data-field="image_height" data-id="3"> <i class="fa fa-minus" aria-hidden="true"></i> </button> </div> </div> </div> </div> </div> </div> <div class="widgetInnerElement imageoption" id="imagealign"> <br><br>  <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title control-label"> Image align <a class="popover-help" data-toggle="popover" title=" Image align" data-content="Align the image within the widget."> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt bx drop"> <div class="dropdown drp_opt"> <button class="btn btn-primary dropdown-toggle" id="ImageAlignValue" type="button" data-toggle="dropdown" value=""> <span class="ImageAlign">Left</span> <span class="caret"></span> </button> <ul class="dropdown-menu"> <li class="ImageAlignValue" value="2"><a href="javascript:void(0)">Left</a></li> <li class="ImageAlignValue" value="3"><a href="javascript:void(0)">Right</a></li> <li class="ImageAlignValue imagealignoptions" value="4"><a href="javascript:void(0)">Center</a></li> <li class="ImageAlignValue imagealignoptions" value="5"><a href="javascript:void(0)">Top</a></li> <li class="ImageAlignValue imagealignoptions" value="10"><a href="javascript:void(0)">Bottom</a></li> <li class="ImageAlignValue imagealignoptions" value="6"><a href="javascript:void(0)">Top left</a></li> <li class="ImageAlignValue imagealignoptions" value="7"><a href="javascript:void(0)">Top right</a></li> <li class="ImageAlignValue imagealignoptions" value="8"><a href="javascript:void(0)">Bottom left</a></li> <li class="ImageAlignValue imagealignoptions" value="9"><a href="javascript:void(0)">Bottom right</a></li> </ul> </div> </div> </div> <div class="pushDivLeftRight clearfix"> <div class="push_left"></div> <div class="push_rgt bx" > </div> </div> </div> </div> <div class="widgetInnerElement imageoption" id="feed_open_link_type_secton"> <br><br>  <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title control-label"> Choose Thumbnail <a class="popover-help" data-toggle="popover" title="Choose Thumbnail" data-content="Choose a thumbnail source from a dropdown selection of available XML tags in your feed(s)."> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt bx drop"> <div class="dropdown drp_opt"> <button class="btn btn-primary dropdown-toggle" id="choosethumbnailvalue" type="button" data-toggle="dropdown" value="1"> <span class="choosethumbnail">Auto</span> <span class="caret"></span> </button> <ul class="dropdown-menu"> <li class="choosethumbnailvalue" value="2"><a href="javascript:void(0)">Auto</a></li> <li class="choosethumbnailvalue" value="3"><a href="javascript:void(0)">Enclosure</a></li> <li class="choosethumbnailvalue" value="4"><a href="javascript:void(0)">First image</a></li> </ul> </div> </div> </div> <div class="pushDivLeftRight clearfix"> <div class="push_left"></div> <div class="push_rgt bx" > </div> </div> </div> </div> </div> </div>   <div class="url_box"> <div class="url_title"> Feed Title </div> <div class="padding10"> <div class="widgetInnerElement"> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="hed_lab">Custom </label> </div> <div class="push_rgt "> <label class="switch"> <input type="checkbox" name="my-checkbox" id="IsCustomFeedTitle" checked> <span class="slider round"></span> </label> </div> </div> </div> <div class="autoupdate"> <div class="widgetInnerElement "> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title control-label"> Main Title <a class="popover-help" data-toggle="popover" title="Main title <span class='fa fa-times-circle'></span>" data-content="Enter a title here if you wish to use a custom title."> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt bx"> <input type="text" id="title_sentence" name="FeedMainTitle" class="normalInputSize form-control" placeholder="Example..." value=""> </div> </div> </div> <div class="widgetInnerElement margin "> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title control-label"> Main title link <a class="popover-help" data-toggle="popover" title="Main title link <span class='fa fa-times-circle'></span>" data-content="Enter a URL for the main title link (default=the < title > link URL from your feed XML)"> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt bx"> <input type="text" id="title_sentence" name="FeedMainTitleLink" class="normalInputSize form-control " placeholder="Example..." value=""> </div> </div> </div> <div class="widgetInnerElement margin "> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title control-label"> Font-size <a class="popover-help" data-toggle="popover" title="Font size <span class='fa fa-times-circle'></span>" data-content="Choose a font size in px for your main widget title."> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt box" > <div class="plus-minus-input"> <div class="input-group-button"> <button type="button" class="button hollow circle plus" data-quantity="plus" data-field="quantityFontSize" data-id="17"> <i class="fa fa-plus" aria-hidden="true"></i> </button> </div> <input class="input-group-field tv17" id="font_size" type="number" name="quantityFontSize" min="1" max="250" maxlength="4" value="0" data-id="17"> <div class="input-group-button"> <button type="button" class="button hollow circle" data-quantity="minus" data-field="quantityFontSize" data-id="17"> <i class="fa fa-minus" aria-hidden="true"></i> </button> </div> </div> </div> </div> </div> <div class="widgetInnerElement margin "> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title control-label"> Bold <a class="popover-help" data-toggle="popover" title="Bold <span class='fa fa-times-circle'></span>" data-content="Choose regular or bold style for main widget title fonts."> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt "> <label class="switch "> <input type="checkbox" id="IsTitleBold"> <span class="slider round"></span> </label> </div> </div> </div> <div class="widgetInnerElement"> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="hed_lab control-label"> Colors </label> </div> <div class="push_rgt bx" > </div> </div> </div> <div class="widgetInnerElement "> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title control-label"> Background color <a class="popover-help" data-toggle="popover" title="Background color <span class='fa fa-times-circle'></span>" data-content="Choose a background color for the title bar."> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt bx clr_bx"> <div id="cp1" class="input-group colorpicker-component hed_color" data-id="19"> <span class="input-group-addon color_box"><i></i></span> <input type="text" id="FeedBackgroundColor" value="#008299" class="form-control color_code cc19" data-id="19" /> </div> </div> </div> </div> <div class="widgetInnerElement margin "> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title control-label"> Font color <a class="popover-help" data-toggle="popover" title="Font color <span class='fa fa-times-circle'></span>" data-content="Choose a Color for the main title font."> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt bx clr_bx" > <div id="cp2" class="input-group colorpicker-component hed_color " data-id="20"> <span class="input-group-addon color_box"><i></i></span> <input type="text" id="FeedFontColor" value="#008299" class="form-control color_code cc20" data-id="20"/> </div> </div> </div> </div> </div> </div> </div>   <div class="url_box"> <div class="url_title "> Feed Content </div> <div class="padding10"> <div class="widgetInnerElement" id="display_no_of_posts_section"> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title control-label"> Display(no.of post) <a class="popover-help" data-toggle="popover" title="How many posts(events) would you like to dispay? <span class='fa fa-times-circle'></span>" data-content="Enter the number of posts (events) that will be displayed in a widget."> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt box" > <div class="plus-minus-input"> <div class="input-group-button"> <button type="button" class="button hollow circle plus" data-quantity="plus" data-field="quantityDisplayNumberOfPosts" data-id="21" id="no_of_post_plus_button"> <i class="fa fa-plus" aria-hidden="true"></i> </button> </div> <input class="input-group-field tv21" id="display_number_of_posts" type="number" name="quantityDisplayNumberOfPosts" min="1" max="250" maxlength="4" value="0" data-id="21"> <div class="input-group-button"> <button type="button" class="button hollow circle" data-quantity="minus" data-field="quantityDisplayNumberOfPosts" data-id="21" id="no_of_post_minus_button"> <i class="fa fa-minus" aria-hidden="true"></i> </button> </div> </div> </div> </div> </div> <div class="widgetInnerElement margin" id="feed_content_display_link_section"> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title control-label"> Display link to original content <a class="popover-help" data-toggle="popover" title="Display link to original content <span class='fa fa-times-circle'></span>" data-content="Choose whether to include a URL at the bottom of your feed content items to link to the producer of the original content."> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt "> <label class="switch "> <input type="checkbox" id="IsDisplayLinkToOriginalContent"> <span class="slider round"></span> </label> </div> </div> </div> <div class="widgetInnerElement margin " id="widget_read_more_section"> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title control-label"> Display "Read more" <a class="popover-help" data-toggle="popover" title="Display 'Read more' <span class='fa fa-times-circle'></span>" data-content="Add 'Read more' at the end of each content and customize it as you wish."> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt "> <label class="switch "> <input type="checkbox" id="IsContentDisplayReadMore"> <span class="slider round"></span> </label> </div> </div> </div> <div class="widgetInnerElement margin" id="feed_content_background_color_section"> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title control-label"> Background <a class="popover-help" data-toggle="popover" title="Color: content background <span class='fa fa-times-circle'></span>" data-content="Enter a hexadecimal color code, or click on the color icon to choose from the color picker."> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt bx clr_bx"> <div id="cp6" class="input-group colorpicker-component hed_color " data-id="30"> <span class="input-group-addon color_box colorpicker-component"><i></i></span> <input type="text" id="BackgroundColor" value="#008299" class="form-control color_code cc30" data-id="30"/> </div> </div> </div> </div> <div class="widgetInnerElement margin" id="feed_content_is_bold_section"> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title control-label"> Show Author & Date <a class="popover-help" data-toggle="popover" title="Show Author & Date <span class='fa fa-times-circle'></span>" data-content="Choose display author & time or not"> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt "> <label class="switch "> <input type="checkbox" id="show_author"> <span class="slider round"></span> </label> </div> </div> </div> <div id="dateformate"> <div class="widgetInnerElement margin">  <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title control-label"> Date Format <a class="popover-help" data-toggle="popover" title="" data-content="Choose from some standard date formats or specify a specific format " data-original-title="Date Format"> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt bx align"> <div class="txt_align"> <ul> <li class="date_format_type"><a href="javascript:void(0)" class="active" value="2">Month DD, YYYY</a></li> <li class="date_format_type"><a href="javascript:void(0)" value="3">DD-MM-YYYY</a></li> </ul> </div> </div> </div> <div class="pushDivLeftRight clearfix"> <div class="push_left"></div> <div class="push_rgt bx"> </div> </div> </div> </div> <hr>  <div class="widgetInnerElement"> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="hed_lab control-label"> Show Title <a class="popover-help" data-toggle="popover" title="Show Title <span class='fa fa-times-circle'></span>" data-content="Choose want to display title or not"> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt bx" > <label class="switch "> <input type="checkbox" id="show_title"> <span class="slider round"></span> </label> </div> </div> </div> <div id="title-option"> <div class="widgetInnerElement margin" id="feed_content_is_bold_section"> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title control-label"> Bold Title <a class="popover-help" data-toggle="popover" title="Bold Title <span class='fa fa-times-circle'></span>" data-content="Choose regular or bold style for feed title fonts."> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt "> <label class="switch "> <input type="checkbox" id="IsPostTitleBold"> <span class="slider round"></span> </label> </div> </div> </div> <div class="widgetInnerElement" id="feed_content_title_no_of_char_section"> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title control-label"> Max characters title <a class="popover-help" data-toggle="popover" title="Max characters title <span class='fa fa-times-circle'></span>" data-content="Enter the number of characters allowed for feed item titles. (minimum is 3 characters)."> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt box" > <div class="plus-minus-input"> <div class="input-group-button"> <button type="button" class="button hollow circle plus" data-quantity="plus" data-field="quantityTitleCharacter" data-id="11"> <i class="fa fa-plus" aria-hidden="true"></i> </button> </div> <input class="input-group-field tv11" type="number" id="number_of_title_char" name="quantityTitleCharacter" min="3" max="9999" maxlength="5" value="0" data-id="11"> <div class="input-group-button"> <button type="button" class="button hollow circle" data-quantity="minus" data-field="quantityTitleCharacter" data-id="11"> <i class="fa fa-minus" aria-hidden="true"></i> </button> </div> </div> </div> </div> </div> <div class="widgetInnerElement margin"> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title control-label"> Size of Title <a class="popover-help" data-toggle="popover" title="Size of Title <span class='fa fa-times-circle'></span>" data-content="Choose a font size for feed item content titles."> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt box" > <div class="plus-minus-input"> <div class="input-group-button"> <button type="button" class="button hollow circle plus" data-quantity="plus" data-field="quantityItemTitleCharacter" data-id="25"> <i class="fa fa-plus" aria-hidden="true"></i> </button> </div> <input class="input-group-field tv25" id="number_of_item_title_char" type="number" name="quantityItemTitleCharacter" min="1" max="250" maxlength="4" value="0" data-id="25"> <div class="input-group-button"> <button type="button" class="button hollow circle" data-quantity="minus" data-field="quantityItemTitleCharacter" data-id="25"> <i class="fa fa-minus" aria-hidden="true"></i> </button> </div> </div> </div> </div> </div> <div class="widgetInnerElement margin"> <div style="width: 100%; height: 1px;float: left" id="forscroll"></div> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title control-label"> Color: title font <a class="popover-help" data-toggle="popover" title="Color: title font <span class='fa fa-times-circle'></span>" data-content="Enter a hexadecimal color code, or click on the color icon to choose from the color picker."> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt bx clr_bx" id="gp_title_1"> <div id="cp4" class="input-group colorpicker-component hed_color " data-id="28"> <span class="input-group-addon color_box"><i></i></span> <input type="text" id="TitleFontColor" value="#008299" class="form-control color_code cc28" data-id="28"/> </div> </div> <div class="push_rgt bx clr_bx" id="gp_title_2" style="display:none"> <div id="cp4_2" class="input-group colorpicker-component hed_color " data-id="28"> <span class="input-group-addon color_box"><i></i></span> <input type="text" id="TitleFontColor2" value="#fff" class="form-control color_code cc28" data-id="28"/> </div> </div> </div> </div> </div>  <hr>  <div class="widgetInnerElement"> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="hed_lab control-label">  Show Description <a class="popover-help" data-toggle="popover" title="Show Description <span class='fa fa-times-circle'></span>" data-content="Choose want to display description or not"> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt" > <label class="switch "> <input type="checkbox" id="show_description"> <span class="slider round"></span> </label> </div> </div> </div> <div id="description-option"> <div class="widgetInnerElement margin" id="feed_content_is_bold_section"> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title control-label"> Bold Description <a class="popover-help" data-toggle="popover" title="Bold <span class='fa fa-times-circle'></span>" data-content="Choose regular or bold style for feed description fonts."> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt "> <label class="switch "> <input type="checkbox" id="IsContentBold"> <span class="slider round"></span> </label> </div> </div> </div> <div class="widgetInnerElement margin" id="feed_content_no_of_char_section"> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title control-label"> Max characters Description <a class="popover-help" data-toggle="popover" title="Max characters Description <span class='fa fa-times-circle'></span>" data-content="Enter the number of characters allowed for feed item content. (minimum is 3 characters)."> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt box" > <div class="plus-minus-input"> <div class="input-group-button"> <button type="button" class="button hollow circle plus" data-quantity="plus" data-field="quantityContentCharacter" data-id="24"> <i class="fa fa-plus" aria-hidden="true"></i> </button> </div> <input class="input-group-field tv24" id="number_of_content_char" type="number" name="quantityContentCharacter" min="3" max="9999" maxlength="5" value="0" data-id="24"> <div class="input-group-button"> <button type="button" class="button hollow circle" data-quantity="minus" data-field="quantityContentCharacter" data-id="24"> <i class="fa fa-minus" aria-hidden="true"></i> </button> </div> </div> </div> </div> </div> <div class="widgetInnerElement margin" id="feed_content_font_size_section"> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title control-label"> Font size description <a class="popover-help" data-toggle="popover" title="Font size description <span class='fa fa-times-circle'></span>" data-content="Choose a font size for feed item description."> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt box" > <div class="plus-minus-input"> <div class="input-group-button"> <button type="button" class="button hollow circle plus" data-quantity="plus" data-field="quantityContentSize" data-id="27"> <i class="fa fa-plus" aria-hidden="true"></i> </button> </div> <input class="input-group-field tv27" id="number_of_content_size" type="number" name="quantityContentSize" min="1" max="250" maxlength="4" value="0" data-id="27"> <div class="input-group-button"> <button type="button" class="button hollow circle" data-quantity="minus" data-field="quantityContentSize" data-id="27"> <i class="fa fa-minus" aria-hidden="true"></i> </button> </div> </div> </div> </div> </div> <div class="widgetInnerElement margin" id="feed_content_font_color_section"> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title control-label"> Description font color <a class="popover-help" data-toggle="popover" title="Color: description font <span class='fa fa-times-circle'></span>" data-content="Enter a hexadecimal color code, or click on the color icon to choose from the color picker."> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt bx clr_bx" id="gp_des_1"> <div id="cp5" class="input-group colorpicker-component hed_color " data-id="29"> <span class="input-group-addon color_box"><i></i></span> <input type="text" id="ContentFontColor" value="#008299" class="form-control color_code cc29" data-id="29"/> </div> </div> <div class="push_rgt bx clr_bx" id="gp_des_2" style="display:none"> <div id="cp5_2" class="input-group colorpicker-component hed_color " data-id="29"> <span class="input-group-addon color_box"><i></i></span> <input type="text" id="ContentFontColor_2" value="#fff" class="form-control color_code cc29" data-id="29"/> </div> </div> </div> </div> </div> <div class="showadvance" id="bb" data-id="ad2">Advanced Settings   <span><i class="fa fa-angle-down" aria-hidden="true"></i></span></div>  <div class="adsetting" id="ad2"> <div class="widgetInnerElement"> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="hed_lab"> Keyword filters </label> </div> <div class="push_rgt bx"> </div> </div> </div> <div class="widgetInnerElement "> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title me control-label"> Include <a class="popover-help" data-toggle="popover" title="" data-content="Enter keywords to filter your feed content to only include items that contain these keywords. Seperate multiple keywords by a semicolon; Note: a keyword can also be a phrase with spaces between words." data-original-title="Keyword filter Include"> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt box"> </div> </div> </div> <div class="widgetInnerElement imageoption" style="margin-bottom:20px"> <div class="pushDivLeftRight clearfix"> <div class="row"> <div class="col-md-12" style="padding-left:0px"> <div class="col-sm-11 col-xs-11 cus_link"> <input type="text" id="include_keyword" name="include_keyword" class="normalInputSize form-control" placeholder="include keywords" value=""> </div> <div class=" col-sm-1 col-xs-1 ref_page" style="padding-left:0px; padding-right: 0px"> <a href="javascript:;" class="include_exclude" data-id="include"><i class="fa fa-arrow-right" aria-hidden="true"></i></a> </div> </div> </div> </div> </div> <div class="widgetInnerElement "> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title me control-label"> Exclude <a class="popover-help" data-toggle="popover" title="" data-content="Enter keywords to filter your feed content to exclude items that contain these keywords. Seperate multiple keywords by a semicolon; Note: a keyword can also be a phrase with spaces between words." data-original-title="Keyword filter Exclude"> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt box"> </div> </div> </div> <div class="widgetInnerElement imageoption" style="margin-bottom:40px"> <div class="pushDivLeftRight clearfix"> <div class="row"> <div class="col-md-12" style="padding-left:0px"> <div class="col-sm-11 col-xs-11 cus_link"> <input type="text" id="exclude_keywords" name="exclude_keywords" class="normalInputSize form-control" placeholder="exclude keywords" value=""> </div> <div class=" col-sm-1 col-xs-1 ref_page" style="padding-left:0px; padding-right: 0px"> <a href="javascript:;" class="include_exclude" data-id="exclude"><i class="fa fa-arrow-right" aria-hidden="true"></i></a> </div> </div> </div> </div> </div> <div style="display: none"> <div class="widgetInnerElement"> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="hed_lab"> Analytics </label> </div> <div class="push_rgt bx"> </div> </div> </div> <div class="widgetInnerElement"> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title"> Campaign Source <a class="popover-help" data-toggle="popover" title="" data-content="" data-original-title="Campaign Source"> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt bx" style="width: 50%"> <input type="text" id="camp_source" name="camp_source" class="normalInputSize form-control" placeholder="Campaign Source" value=""> </div> </div> </div> <div class="widgetInnerElement margin "> <div class="pushDivLeftRight clearfix"> <div class="push_left"> <label class="lab_title"> Campaign Content <a class="popover-help" data-toggle="popover" title="" data-content="Campaign Content" data-original-title=""> <span class="glyphicon glyphicon-question-sign"></span> </a> </label> </div> <div class="push_rgt bx" style="width: 50%"> <input type="text" id="camp_content" name="camp_content" class="normalInputSize form-control" placeholder="Campaign Content" value=""> </div> </div> </div> </div> </div> </div> </div>  </div>  <div class="col-lg-6 col-md-6 col-sm-12 rgt_box" style="padding-right:0px; padding-left: 5px"> <div id="scrollToFixed" data-left=''> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> <div class="rss_txt_box sc_text"> <div class="col-md-10 col-sm-10 col-xs-10" style="padding-left:10px; padding-right: 0px"> <input type="text" id="WidgetName" placeholder="Enter Widget Name" value="" data-id="1" class="form-control" > <a href=""></a> </div> <div class="col-md-2 col-sm-2 col-xs-2" style="padding-left:0px"> <div class="rss_tool_tip"> <a class="popover-help" data-toggle="popover" data-placement="bottom" title="Widget name" data-content="Enter a unique name for your widget. <span class='fa fa-times-circle'></span>" data-original-title="Autoscroll <span class='fa fa-times-circle'></span>"> <span class="glyphicon glyphicon-question-sign"></span> </a> </div> </div> <div class="err_msg">*This field is required!</div> </div> </div> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">  <div class="rss_feed_btn sc_btn">  <a href="javascript:;" class=" pull-right reset common_button btn" id="reset-widget">Reset</a> <a href="https://www.feedspot.com/?_src=widgets&prd_continue=widgets/create/" class="common_button golden btn upgrade_get_code pull-right" style="margin-right:10px"><span class="hidden-sm hidden-xs hidden-md">Create Account and</span> Get Code</a> <script>window.User_Status = 1;</script> <span id="saveWidgetNotify" class="pull-right hide">Saving...</span> </div> </div>    </div> <div class="hameid_loader_overlay_iframe"></div> <iframe class="widget_preview_iframe" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen scrolling="no" height="400px" width="100%" style="display:none"> </iframe> <div id="error_url"></div> </div> </div> </div>  <div class="information-modal" style="z-index:9999"></div> <div class="stop-here"></div> </section> <style type="text/css"> .see_e{border: 2px solid #41BAAE; color: #41BAAE !important; background: #fff !important; font-size: 14px;} .wid_ctr{margin-bottom: 10px;} .cl_wid{margin-right:10px;} .controls a{text-decoration:none !important} /* .img_{height: 350px;width:300px} */ .title_w{font-size: 25px;margin-bottom:30px;margin-top:30px;} .item-title{ font-size: 20px;} .title_faq{ margin-bottom: 40px} .widget_faq{ background: #f8f8f8; float: left; padding: 25px; } .widget_faq h4{font-size: 18px;line-height: 25px;} .widget_faq p{font-size: 15px; line-height: 22px;} .widget_faq li{list-style: disc;font-size: 14px;} .widget_faq .row{padding-bottom:30px;} .client_w { display: block; height: 60px; max-width: 100%; margin-right:22px; top: 50%; transform: translateY(-50%) } .carousel-image { display: block; height: 350px; /* set min-width, allow images to determine cell width */ max-width: 100%; margin-right: 15px; /* vertically center */ top: 50%; transform: translateY(-50%) } .carousel.is-fullscreen .img_ { height: auto; max-height: 100%; } </style> <div class="container dei"> <div class="row"> <div class="row"> <div class="col-md-12 text-center"> <h2 class="title title_w">Widgets Layouts and Templates</h2> </div> </div> <div class="main-carousel-2 carousel"> <img data-src="//cdn.feedspot.com/widgets/Assets/images/examples/techcrunch-list.png" class="img-responsive carousel-image lazy_image"> <img data-src="//cdn.feedspot.com/widgets/Assets/images/examples/Capture6.PNG" class="img-responsive carousel-image lazy_image"> <img data-src="//cdn.feedspot.com/widgets/Assets/images/examples/youtube.png" class="img-responsive carousel-image lazy_image"> <img data-src="//cdn.feedspot.com/widgets/Assets/images/examples/Capture7.PNG" class="img-responsive carousel-image lazy_image"> <img data-src="//cdn.feedspot.com/widgets/Assets/images/examples/espn-list.png" class="img-responsive carousel-image lazy_image"> <img data-src="//cdn.feedspot.com/widgets/Assets/images/examples/Capture14.PNG" class="img-responsive carousel-image lazy_image"> <img data-src="//cdn.feedspot.com/widgets/Assets/images/examples/Capture9.PNG" class="img-responsive carousel-image lazy_image"> <img data-src="//cdn.feedspot.com/widgets/Assets/images/examples/movies.png" class="img-responsive carousel-image lazy_image"> <img data-src="//cdn.feedspot.com/widgets/Assets/images/examples/light.png" class="img-responsive carousel-image lazy_image"> <img data-src="//cdn.feedspot.com/widgets/Assets/images/examples/Capture8.PNG" class="img-responsive carousel-image lazy_image"> </div> </div> <div class="row"> <div class="row"> <div class="col-md-12 text-center"> <h2 class="title title_w">Our Customers</h2> </div> </div> <div class="main-carousel-3 carousel"> <img data-src="//cdn.feedspot.com//widgets/Assets/images/customers/13.png" class="img-responsive client_w lazy_image"> <img data-src="//cdn.feedspot.com/widgets/Assets/images/customers/8.png" class="img-responsive client_w lazy_image"> <img data-src="//cdn.feedspot.com/widgets/Assets/images/customers/16.png" class="img-responsive client_w lazy_image"> <img data-src="//cdn.feedspot.com/widgets/Assets/images/customers/12.png" class="img-responsive client_w lazy_image"> <img data-src="//cdn.feedspot.com/widgets/Assets/images/customers/1.png" class="img-responsive client_w lazy_image"> <img data-src="//cdn.feedspot.com/widgets/Assets/images/customers/19.png" class="img-responsive client_w lazy_image"> <img data-src="//cdn.feedspot.com/widgets/Assets/images/customers/18.png" class="img-responsive client_w lazy_image"> <img data-src="//cdn.feedspot.com/widgets/Assets/images/customers/biz.png" class="img-responsive client_w lazy_image"> <img data-src="//cdn.feedspot.com/widgets/Assets/images/customers/21.png" class="img-responsive client_w lazy_image"> <img data-src="//cdn.feedspot.com/widgets/Assets/images/customers/7.png" class="img-responsive client_w lazy_image"> </div> </div> </div> <script type="text/javascript"> var flickity_slider; let images = [...document.querySelectorAll('.lazy_image')] const interactSettings = { root: document.querySelector('.dei'), rootMargin: '0px 0px 200px 0px' } function onIntersection(imageEntites) { imageEntites.forEach(image => { if (image.isIntersecting) { observer.unobserve(image.target) image.target.src = image.target.dataset.src image.target.onload = () => image.target.classList.add('loaded') } }) } let observer = new IntersectionObserver(onIntersection, interactSettings) images.forEach(image => observer.observe(image)) $(document).ready(function() { // flickity_slider = $('.main-carousel-2, .main-carousel-3').flickity({ // groupCells: true, // pageDots: false, // contain: true, // prevNextButtons:true, // percentPosition: false, // wrapAround:true // }); }); var load = setTimeout(function() { //flickity_slider.resize(); flickity_slider = $('.main-carousel-2, .main-carousel-3').flickity({ groupCells: true, pageDots: false, contain: true, prevNextButtons:true, percentPosition: false, wrapAround:true }); }, 1000); // $( window ).load(function() { // flickity_slider.resize(); // }); </script> <div class="col-md-12" style="height: 50px"></div> <div class="url_box"> <div class="col-md-12 col-sm-12 col-xs-12" id="folders"> <div class="row"> <h3 class="col-md-12" id="lib_title">Browse Widgets By Categories</h3> <br><br> <div id="folderlib"> </div> </div> </div> </div> <div class="col-md-12" style="height: 40px"></div> </main> <div class = "rss_emb_code"> <div class = "rss_emb_hed"> <h4>Your widget code</h4> </div> <div class = "rss_footer">  <textarea class = "codePart" rows = "4" style = "width:100%"></textarea> <div class = "rss_emb_btn"> <ul> <li> <button type = "button" class = "copy_btn">Copy Code</button> </li> <li> <button type = "button" class = "done_btn">Done</button> </li> </ul> </div> <div class = "rss_ifra_ver"> <a href = "javascript:void(0)"> Get Iframe Version <i class = "fa fa-angle-down" aria-hidden = "true"></i> </a> </div> <div class = "rss_frame_code">  <textarea class = "iframecodePart" rows = "4" style = "width:100%"></textarea>  <div class = "rss_emb_btn" > <ul> <li> <button type = "button" id = "copy_btn_iframe" class = "copy_btn">Copy iFrame code</button> </li> <li> <button type = "button" class = "done_btn">Done</button> </li> </ul> </div> </div> <a href = "javascript:void(0)" class = "cls_btn"><i class = "fa fa-times" aria-hidden = "true"></i></a> </div> </div>  <div id="Payment_Message" class="modal fade" role="dialog" style="margin-top:38px"> <div class="modal-dialog">  <div class="modal-content"> <div class="modal-header paid_user_header"> <h4 class="modal-title">Premium Feature <a href="javascript:;" class="pull-right" data-dismiss="modal">×</a></h4> </div> <div class="modal-body"> <p>To Save and Get Code you need to be Subscribed to Marketers plan. <a href="https://www.feedspot.com/fs/marketers?_src=widgets">Click here</a> to upgrade.</p> </div> <div class="modal-footer"> <button type="button" class="btn-primary" data-dismiss="modal">Close</button> </div> </div> </div> </div>  <div id="Reset_Confirmation" class="modal fade" role="dialog" style="margin-top:38px; z-index:99999"> <div class="modal-dialog">  <div class="modal-content"> <div class="modal-header paid_user_header"> <h4 class="modal-title">Reset Confirmation <a href="javascript:;" class="pull-right" data-dismiss="modal">×</a></h4> </div> <div class="modal-body"> <p>are you sure you want to reset current widget</p> </div> <div class="modal-footer"> <button type="button" class="pop-btn btn-primary" id="reset_yes">Yes</button> <button type="button" class="pop-btn popbtn-default" data-dismiss="modal">No</button> </div> </div> </div> </div> <div id="paymentModal" class="modal fade" role="dialog" style="margin-top:38px" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog">  <div class="modal-content"> <div class="modal-header paid_user_header"> <h4 class="modal-title trial_title">Embed RSS Widget <a href="javascript:;" class="pull-right" data-dismiss="modal">×</a></h4> </div> <div class="modal-body trial_body"> <p><i class="fa fa-check"></i> Get access to widgets on over 1000+ topics</p> <p><i class="fa fa-check"></i> Custom CSS and Keyword Filtering</p> <p><i class="fa fa-check"></i> Use your Widget on unlimited websites</p> <p><i class="fa fa-check"></i> Automatic Updates</p> </div> <div class="modal-footer trial_footer">  <a type="button" class="pop-btn btn-success start_trial" href="https://www.feedspot.com/fs/marketers?_src=widgets_popup">Start Your Free 7-Day Trial</a> </div> </div> </div> </div> <script type="text/javascript" src="//www.feedspot.com/widgets/Assets/js/top_template_js.js?x=2025-02-17"></script> <script> window.widgetData = ''; </script> <script> createJsViaCode = false; $.ajax({ type: 'POST', url: '/widgets/ctw.php', data: {user_id: '19mojgv1n60039fgled5jmpmee', feed_url: 'http://rss.feedspot.com/folder/516540/rss', mgr: 6, viewTemplateId: ''}, success: function (data) { window.widgetData = data; callAfterAjaxCall(); } }); </script> <script type="text/javascript"> if (window.widgetData == '') { window.widgetData = ''; } window.BaseUrl = 'https://www.feedspot.com/widgets/'; window.WidgetUrl = 'https://widgets/'; window.dataScript = ''; window.dataHost = 'www.feedspot.com/'; $('#groupvalue').val('1'); </script> <script type="text/javascript" src="//cdn.feedspot.com/widgets/Assets/js/bootstrap.js"></script> <script type="text/javascript" src="//www.feedspot.com/widgets/Assets/js/bootstrap-colorpicker.js"></script> <script type="text/javascript" src="//www.feedspot.com/widgets/Assets/js/jscolor.js"></script> <script type="text/javascript" src="//www.feedspot.com/widgets/Assets/js/copyme.js"></script> <script> $("[data-toggle=popover]").popover({ html: true, content: function () { return $('#popover-content').html(); } }); </script> <script> function callAfterAjaxCall() { var tag = document.createElement('script'); tag.src = 'https://www.feedspot.com/widgets/Assets/js/siteApp/widget.js?x=2025-02-17'; tag.type = 'text/javascript'; tag.async = 'true'; var hookTag = document.getElementsByTagName('script')[0]; hookTag.parentNode.insertBefore(tag, hookTag); } if (createJsViaCode == true) { callAfterAjaxCall(); } </script> </div> </div> <script type="text/javascript" src="//www.feedspot.com/widgets/Assets/js/custom.js?x=2025-02-17"></script> <script src="//www.feedspot.com/widgets/Assets/js/main.js"></script>  <script> $.ajax({ type: 'POST', url: '/widgets/ctw.php', data: {mgr: 7}, success: function (data) { $('#folderlib').html(data); } }); </script> <script data-cfasync="false" type='text/javascript'> function triggerolark() { var olk = setTimeout(function () { /*<![CDATA[*/window.olark || (function (c) { var f = window, d = document, l = f.location.protocol == "https:" ? "https:" : "http:", z = c.name, r = "load"; var nt = function () { f[z] = function () { (a.s = a.s || []).push(arguments) }; var a = f[z]._ = { }, q = c.methods.length; while (q--) { (function (n) { f[z][n] = function () { f[z]("call", n, arguments) } })(c.methods[q]) } a.l = c.loader; a.i = nt; a.p = { 0: +new Date}; a.P = function (u) { a.p[u] = new Date - a.p[0] }; function s() { a.P(r); f[z](r) } f.addEventListener ? f.addEventListener(r, s, false) : f.attachEvent("on" + r, s); var ld = function () { function p(hd) { hd = "head"; return["<", hd, "></", hd, "><", i, ' onl' + 'oad="var d=', g, ";d.getElementsByTagName('head')[0].", j, "(d.", h, "('script')).", k, "='", l, "//", a.l, "'", '"', "></", i, ">"].join("") } var i = "body", m = d[i]; if (!m) { return setTimeout(ld, 100) } a.P(1); var j = "appendChild", h = "createElement", k = "src", n = d[h]("div"), v = n[j](d[h](z)), b = d[h]("iframe"), g = "document", e = "domain", o; n.style.display = "none"; m.insertBefore(n, m.firstChild).id = z; b.frameBorder = "0"; b.id = z + "-loader"; if (/MSIE[ ]+6/.test(navigator.userAgent)) { b.src = "javascript:false" } b.allowTransparency = "true"; v[j](b); try { b.contentWindow[g].open() } catch (w) { c[e] = d[e]; o = "javascript:var d=" + g + ".open();d.domain='" + d.domain + "';"; b[k] = o + "void(0);" } try { var t = b.contentWindow[g]; t.write(p()); t.close() } catch (x) { b[k] = o + 'd.write("' + p().replace(/"/g, String.fromCharCode(92) + '"') + '");d.close();' } a.P(2) }; ld() }; nt() })({ loader: "static.olark.com/jsclient/loader0.js", name: "olark", methods: ["configure", "extend", "declare", "identify"]}); /* custom configuration goes here (www.olark.com/documentation) */ olark.identify('1438-138-10-7259');/*]]>*/ },1000); } triggerolark(); function hasWebP() { var rv = $.Deferred(), img = new Image(); img.onload = function () { rv.resolve(); }; img.onerror = function () { rv.reject(); }; img.src = "https://www.feedspot.com/widgets/Assets/images/template_images/1.webp"; return rv.promise(); } var hasWebp = ".png"; console.log(hasWebp); hasWebP().then(function () { hasWebp = ".webp"; $('.temp_lazyload').each(function () { var imagename = $(this).attr('data-image'); imagename = '<img src="https://www.feedspot.com/widgets/Assets/images/template_images/' + imagename + hasWebp + '">'; $(this).append(imagename); }); }, function () { hasWebp = ".png"; $('.temp_lazyload').each(function () { var imagename = $(this).attr('data-image'); imagename = '<img src="https://www.feedspot.com/widgets/Assets/images/template_images/' + imagename + hasWebp + '">'; $(this).append(imagename); }); }); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-RFC7MZ90X3"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-RFC7MZ90X3'); </script> <script type="text/javascript"> function sendGAEvents(eventCategory, eventLabel, eventAction, url="", form_id="") { try { window.gtag("event", eventCategory, { category: eventCategory, label: eventLabel, action: eventAction, event_callback : function() { callbackAction(url, form_id); } }); } catch (err) { console.log("sendGAEvents", err, eventCategory, eventLabel, eventAction); callbackAction(url, form_id); } } function callbackAction(url, form_id) { if(url != "") { window.location.href = url; } else if(form_id != "") { dgi_(form_id).submit(); } } function sendPageView(page_name) { try { gtag('event', 'page_view', { page_title: page_name == "" ? document.title : page_name, page_location: window.location.href }); } catch(err) { console.log("sendPageView", err, page_name, window.location.href); } } </script> </body> <style type="text/css"> .we_are_hiring{ background: rgba(47, 123, 237, 1); color: #ffff; padding: 4px; font-size: 10px; border-radius: 3px; } .tab_center{margin-left:10%;} .footer_fs{background: #FAFAFA; border-top: 1px solid #e7e7e7; padding: 1rem; margin-top: 50px; width: 100%; padding-left:17%; float: left; } .fs_footer_padding{padding-left:6% !important;} .footer_fs td{height: 30px;} .footer_fs a{ color: #757575 !important; font-family: 'Montserrat', sans-serif; text-decoration: none !important; font-size:12px; } </style> <div class="footer_fs"> <table cellspacing="0" cellpadding="0" width="100%" class="tab_center"> <tr> <td align="left" valign="top" width="130"> <table cellspacing="6" cellpadding="6"> <tr><td><b>COMPANY</b></td></tr> <tr><td><a target="_blank" href="https://www.feedspot.com/fs/about">About Us</a></td></tr> <tr><td><a target="_blank" href="https://www.feedspot.com/fs/our-data">Our Data</a></td></tr> <tr><td><a target="_blank" href="https://www.feedspot.com/fs/career">Careers <span class="we_are_hiring ">We're hiring!</span></a></td></tr> <tr><td><a target="_blank" href="https://www.feedspot.com/fs/testimonials">Customers</a></td></tr> <tr><td><a target="_blank" href="https://www.feedspot.com/fs/privacy">Privacy</a></td></tr> <tr><td><a target="_blank" href="https://www.feedspot.com/fs/terms">Terms</a></td></tr> </table> </td> <td align="left" valign="top" width="130"> <table cellspacing="6" cellpadding="6"> <tr><td><b>PRODUCTS</b></td></tr> <tr><td><a target="_blank" href="https://www.feedspot.com/reader?_src=footer">Content Reader</a></td></tr> <tr><td><a target="_blank" href="https://www.feedspot.com/brandmonitoring/?_src=footer">Brand Monitoring</a></td></tr> <tr><td><a target="_blank" href="https://mcd.feedspot.com/media-contact-database?_src=footer">Media Contact Database</a></td></tr> <tr><td><a target="_blank" href="https://www.feedspot.com/publisher?_src=footer">For Publishers</a></td></tr> <tr><td><a target="_blank" href="https://www.feedspot.com/fs/marketers?_src=footer">Combined Newsletters</a></td></tr> <tr><td><a target="_blank" href="https://www.feedspot.com/widgets/create/?_src=footer">Embeddable Widgets</a></td></tr> <tr><td><a target="_blank" href="https://www.feedspot.com/rsscombiner/?_src=footer">RSS Combiner</a></td></tr> <tr><td><a target="_blank" href="https://www.feedspot.com/scheduler?_src=footer">Scheduler - Social Media Marketing</a></td></tr> </table> </td> <td align="left" valign="top" width="130"> <table cellspacing="6" cellpadding="6"> <tr><td><b>RESOURCES</b></td></tr> <tr><td><a target="_blank" href="https://blog.feedspot.com/?_src=footer">Blog</a></td></tr> <tr><td><a target="_blank" href="https://www.feedspot.com/fs/video_tutorials?_src=footer">Video Tutorials</a></td></tr> <tr><td><a target="_blank" href="https://feedspot.tumblr.com/">Product Development Blog</a></td></tr> <tr><td><a target="_blank" href="https://feedspot.uservoice.com/knowledgebase">Knowledge Base</a></td></tr> </table> </td> <td align="left" valign="top" width="130"> <table cellspacing="6" cellpadding="6"> <tr><td><b>SOCIAL</b></td></tr> <tr><td><a target="_blank" href="https://www.twitter.com/_feedspot"><i class="fa fa-twitter fa-fw"></i> Twitter</a></td></tr> <tr><td><a target="_blank" href="https://www.facebook.com/Feedspot"><i class="fa fa-facebook fa-fw"></i> Facebook</a></td></tr> <tr><td><a target="_blank" href="https://www.instagram.com/feedspotdotcom/"><i class="fa fa-instagram fa-fw"></i> Instagram</a></td></tr> <tr><td><a target="_blank" href="https://www.pinterest.com/feedspot/"><i class="fa fa-pinterest-p fa-fw"></i> Pinterest</a></td></tr> </table> </td> </tr> </table> </footer> <script type="text/javascript"> $("#hidesidemenu").click(function() { $('.footer_fs').addClass("fs_footer_padding"); }); $("#cd-hamburger-menu").click(function() { $('.footer_fs').removeClass("fs_footer_padding"); }); </script> </html>

CINXE.COM

RSS Widget for your Website | Feedspot