EwtNet Fancy Latest News Widget for Websites

While our developers bury their head in new plugin and theme development, we got something for you: A simple fancy widget to showcase latest news updates from EwtNet.com on your website.

Green Theme

Blue Theme

Pink Theme

This code is for the pink theme. Copy the code below to anywhere you want it to render.

<br /><br /> <style><br /> /<em>Widget Styles Begin</em>/<br /><br /> .nt_widget_wrap{width:300px;word-wrap:break-word}.nt_widget_wrap ::-moz-selection{background:#000;color:#fff;text-shadow:none}.nt_widget_wrap ::selection{background:#000;color:#fff;text-shadow:none}.nt_widget_wrap ::-webkit-scrollbar{width:12px}.nt_widget_wrap ::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px}.nt_widget_wrap ::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);background:#FE0090}.nt_widget_cap{background:#FE0090;margin-bottom:1px;min-height:32px;padding:5px 10px;-moz-border-radius:6px 6px 0 0;-o-border-radius:6px 6px 0 0;-ms-border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0}.nt_widget_cap h3{text-shadow:0 1px 1px #075973;text-transform:none;color:#fff;font-weight:400;margin:0;font-size:26px;font-family:”Damion”,cursive}.nt_widget_body{position:relative;background:#F3F3F3;padding:5px;height:300px;overflow-y:scroll;scrollbar-base-color:rgba(0,0,0,0.5);scrollbar-base-color:#FE0090;scrollbar-3dlight-color:rgba(0,0,0,0.5);scrollbar-highlight-color:rgba(0,0,0,0.5);scrollbar-track-color:#EBEBEB;scrollbar-arrow-color:#fff;scrollbar-shadow-color:rgba(0,0,0,0.5);scrollbar-dark-shadow-color:rgba(0,0,0,0.5)}.nt_widget_body ol,.nt_widget_body ul{list-style:none!important;padding:0 10px;margin:0}.rss-item{padding:5px 0}.rss-item a{font-size:16px;padding:0;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;text-decoration:none;color:#000}.rss-item a:hover{color:#FE0090}.nt_widget_credit{background:-webkit-linear-gradient(#FFF,#EEE);background:-o-linear-gradient(#FFF,#EEE);background:-moz-linear-gradient(#FFF,#EEE);background:linear-gradient(#FFF,#EEE);padding:10px;-webkit-border-radius:0 0 6px 6px;-o-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;-ms-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;font-size:10px;overflow:hidden}.nt_widget_credit a{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;text-decoration:none;color:#c5c5c5}.nt_widget_credit a:hover{color:#777}<br /><br /> /<em>Widget Styles End</em>/<br /><br /> </style><br /> <p><!–Widget Begins–><br /><br /> <link href=’http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300|Roboto:400,500,300italic,300|Damion’ rel=’stylesheet’ type=’text/css’/></p><br /> <div class=”nt_widget_wrap”><br /> <div class=”nt_widget_cap”><br /> <div class=”nt_widget_cap_body”><br /> <h3 class=”nt_ic_bookmark”><br /> Recent Headlines</h3><br /> </div><br /> </div><br /> <div class=”nt_widget_body”><br /> <script language=”JavaScript” src=”http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.ewtnet.com%2Ffeeds%2Fposts%2Fdefault&num=10&utf=y” charset=”UTF-8″ type=”text/javascript”></script><br /> </div><br /> <div class=”nt_widget_credit”><br /> Powered by: <a href=”https://ewtnet.com/” rel=”nofollow”>EWT GS</a><span style=”float:right;”><a rel=”nofollow” href=”https://ewtnet.com/p/blog-page_3.html”>Place this widget on your website</a></span></div><br /> </div><br /> <p><!–Widget Ends–>

Customization

The color used in this part is the pink theme.

Resize widget width

.nt_widget_wrap{width:300px;word-wrap:break-word}

Change base color

Create your own theme by modifying this color codes. Use the color code generator to generate color codes if you are unsure of which color to use.

.nt_widget_cap{background:#FE0090;}

.rss-item a:hover{color:#FE0090}

.nt_widget_wrap ::-webkit-scrollbar-thumb{background:#FE0090}

Increase or decrease number of posts in the widget box

<script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.ewtnet.com%2Ffeeds%2Fposts%2Fdefault&num=10&utf=y"  charset="UTF-8" type="text/javascript"></script>