いつもありがとうございます。

サイドバナー設置のタグについてお伺いいたします。

現在、レフトバナーをタテ600PX ライトバナー　タテ１２５ｐｘ×２　で設置出来るように
しています。（以前はフローティングバナーの設置方法をお教え頂きありがとうございます）

レフト/ライトバナー共にをタテ1,000ＰＸ程度エンドロールにバナーで表示させる方法をお教え頂けませんでしょうか。
ファイル画像のようなイメージ

現在のタグ
---------------------------------------------------------
<!--// サイドバナー設定 //-->
table {
position:static;
}
#tate_left a, #tate_right a {
display: block;
margin-bottom: 16px;
}
#tate_left, #tate_right {
position: fixed;
margin: 0;
padding: 0;
}
#tate_left {
left: 0px;
width: 100px;
height: 100vh;
display: block;
}
#tate_right {
right: 13px;
width: 78px;
display: block;
}
/***********************
左縦帯バナー設定
************************/
.tateobi1 {
top: 60px;
z-index: auto;
visibility: visible;
}
/***********************
右縦帯バナー設定
************************/
.tateobi2 {
top: 70px;
z-index: auto;
visibility: visible;
}
.tateobi2 .banner01 { }
.tateobi2 .banner02 { }
@media screen and (max-width: 1200px) {
#tate_left, #tate_right { visibility: hidden; }
}
　 // サイドバナー設定　end //

<!-- ◇◇◇サイドバナー　消さないでください ここから -->
<ul>
<!-- 左縦帯バナー
<li class="tateobi1" id="tate_left"> <a href="#"><img src="http://image.rakuten.co.jp/SHOP-URL/cabinet/03317856/imgrc0068750720.jpg" width="100" height="600" alt="bannerが入ります" /></a></li> --> 　

<!-- 右縦帯バナー 　
<li class="tateobi2" id="tate_right"> <a href="http://coupon.rakuten.co.jp/getCoupon?getkey=VElWRi1SUldPLTFSMkQtWDNaVQ--&rt=" target="_blank"><img src="http://image.rakuten.co.jp/SHOP-URL/cabinet/03317856/imgrc0068750726.jpg" width="105" height="266" alt="bannerが入ります" /></a>
<a href="http://coupon.rakuten.co.jp/getCoupon?getkey=VUZVUC1LWlBYLUJRU0otU1lIVQ--&rt=" target="_blank"><img src="http://image.rakuten.co.jp/SHOP-URL/cabinet/03317856/imgrc0068750740.jpg" width="105" height="266" alt="bannerが入ります" /></a> </li> -->

</ul>
<!-- ◇◇◇サイドバナー　ここまで -->

何卒宜しくお願い申し上げます。