yes, code/html are entering into the Enter Static HTML area of the widget.
I've done this many times, always worked.
<html> tag does not use this.
Sorry, bad english.
this code
HTML Code:
<link href='http://fonts.googleapis.com/css?family=Bree+Serif' rel='stylesheet' type='text/css'>
<link href="slider/2/ninja-slider.css" rel="stylesheet" type="text/css" />
<script src="slider/2/ninja-slider.js" type="text/javascript"></script>
<style>
body {font: normal 0.9em Arial;margin:0;}
a {color:#1155CC;}
ul li {padding: 10px 0;}
header {display:block;padding:60px 0 20px;text-align:center;position:absolute;top:8%;left:8%;z-index:4;}
header a {
font-family: sans-serif;
font-size: 24px;
line-height: 24px;
padding: 8px 13px 7px;
color: #fff;
text-decoration:none;
transition: color 0.7s;
}
header a.active {
font-weight:bold;
width: 24px;
height: 24px;
padding: 4px;
text-align: center;
display:inline-block;
border-radius: 50%;
background: #C00;
color: #fff;
}
</style>
<!--start-->
<div id="ninja-slider">
<div class="slider-inner">
<ul>
<li>
<a class="ns-img" href="slider/img/1.jpg"></a>
<div class="caption">RESPONSIVE</div>
</li>
<li>
<a class="ns-img" href="slider/img/2.jpg"></a>
<div class="caption">TOUCH?ENABLED</div>
</li>
<li>
<a class="ns-img" href="slider/img/3.jpg"></a>
<div class="caption">VIDEO?AUDIO</div>
</li>
<li>
<a class="ns-img" href="slider/img/4.jpg"></a>
<div class="caption">NON?JQUERY</div>
</li>
<li>
<a class="ns-img" href="slider/img/5.jpg"></a>
<div class="caption">MOBILE?FRIENDLY</div>
</li>
</ul>
<div class="navsWrapper">
<div id="ninja-slider-prev"></div>
<div id="ninja-slider-next"></div>
</div>
</div>
</div>
<!--end-->