Banner Ad Script in Header
HTML
<div id="header" class="left-header" itemscope="" itemtype="http://schema.org/WPHeader">
<div class="container">
<div class="clearfix"></div>
<div class="headad">
<script type="text/javascript">
amzn_assoc_ad_type = "banner";
amzn_assoc_marketplace = "amazon";
amzn_assoc_region = "US";
amzn_assoc_placement = "assoc_banner_placement_default";
amzn_assoc_campaigns = "motorcycleatv";
amzn_assoc_banner_type = "category";
amzn_assoc_isresponsive = "true";
amzn_assoc_banner_id = "1GTBWXZ6AWK39XVHDN82";
amzn_assoc_tracking_id = "trabooabc-20";
amzn_assoc_linkid = "368616acee2723172a2c3fcdc6599436";
</script>
<script src="//z-na.amazon-adsystem.com/widgets/q?ServiceVersion=20070822&Operation=GetScript&ID=OneJS&WS=1"></script>
</div>
<div id="titles" class="tranz2">
<a class="logo" href="#">
<img class="tranz" src="https://s1.postimg.org/5em02srosf/portal-logo2.jpg" alt="site logo">
</a>
</div>
<!-- end #titles -->
<div class="clearfix"></div>
</div>
<!-- end .container -->
</div>
CSS
.headad {
float: right;
position: absolute;
top: 50%;
right: 0;
margin: -65px 0 0 0;
}
#header {
background-color: #f7f7f7;
border-color: #eeeeee;
padding: 0 0;
overflow: visible;
margin: 0 0 0 0;
position: relative;
display: block;
width: 100%;
z-index: 100;
}
#header .container {
overflow: visible;
}
.container,
.container_alt {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 0;
overflow: hidden;
position: relative;
}
.clearfix {
display: block;
}
.clearfix:after {
content: "\00A0";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#titles {
margin-top: 30px;
margin-bottom: 30px;
width: 355px;
overflow: hidden;
float: left;
display: block;
padding: 0 0 0 0;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 3;
}
.tranz2 {
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
transition: all .2s ease;
}