Kotak Download 1001ebook MODIF PAKAI

Kode di single.php atau post-single.php:

<h4 style="margin:0 8px 6px 0px; padding-left:20px;">Links to Download Preview or Read Online</h4>
<div id='support_author'>If you can afford, then please support the Author(s) by <span style='color: red;'>Buying</span> the <a href=''>book</a>. Thank You.</div>
<div class='postfooter-box' style=''>
<div class='buyebook-box' style=''>
<div class='be-ads'>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- JadwalAcaraNatural -->
<ins class="adsbygoogle"
     style="display:inline-block;width:250px;height:250px"
     data-ad-client="ca-pub-1162866178338695"
     data-ad-slot="2232100312"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class='be-button'>

</div>
</div>
<div class='download-box' style=''>
<div class='dl-ads'>
<div class='dl-ads1'>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Ads-Buku-Indonesia -->
<ins class="adsbygoogle"
     style="display:inline-block;width:250px;height:150px"
     data-ad-client="ca-pub-1162866178338695"
     data-ad-slot="4500467510"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class='dl-ads2' style='margin-top: 5px'>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- ads-link-buku-indonesia -->
<ins class="adsbygoogle"
     style="display:inline-block;width:180px;height:90px"
     data-ad-client="ca-pub-1162866178338695"
     data-ad-slot="5977200719"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
<div class='dl-button'>

</div>
</div>
</div>

<a class="buy" href="http://adf.ly/665625/http://books.google.co.id/books?id=<?php the_field('cover'); ?>&lpg=PR1&hl=id&pg=PR1&output=embed" rel="nofollow" target="_blank">BACA BUKU ONLINE</a>


<?php
	$my_download = get_post_meta( get_the_ID(), 'download', true);
if( ! empty( $my_download ) ) {
    		echo '<a class="download" href="'.$my_download.'" target="_blank">UNDUH PREVIEW BUKU</a>';
    		}
?>


==============================================================================
Kode di style.css:


h4 {
    display: block;
width: 580px;
float: center;
    background: #67BFFC;
padding: 5px 5px 5px 5px;
moz-border-radius: 80px;
webkit-border-radius: 80px;
border-radius: 30px;
    font-weight: bold;
}
div {
    display: block;
}

.postfooter-box {
    margin-bottom: 10px;
}
.postfooter-box {
    height: 331px;
    padding: 8px 13px;
    width: 570px;
}

.buyebook-box {
    float: left;
    height: 322px;
    width: 277px;
    margin-right: 1px;
}
.be-ads {
    background-color: #F4F6F8;
    border-top: 1px solid silver;
    border-right: 1px solid silver;
    border-left: 1px solid silver;
    height: 250px;
    padding: 15px;
    position: relative;
    width: 250px;
    z-index: 2;
}
.be-button {
    background-color: #C9CFD6;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3) inset, 0 1px 0 white;
    height: 50px;
    margin: 0;
    width: 282px;
}
.download-box {
    float: right;
    height: 322px;
    width: 277px;
    margin-right: 1px;
}
.dl-ads {
    background-color: #F4F6F8;
    border-top: 1px solid silver;
    border-right: 1px solid silver;
    border-left: 1px solid silver;
    height: 250px;
    padding: 15px;
    position: relative;
    width: 250px;
    z-index: 2;
}
.dl-button {
    background-color: #C9CFD6;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3) inset, 0 1px 0 white;
    height: 50px;
    margin: 0;
    width: 282px;
}

.buy {
    position: relative;
    float: left;
    height: 16px;
    width: 252px;
    bottom: 59px;
    left: 27px;
    background: #acdc54 url(http://2.bp.blogspot.com/-S4AKqSDPUEs/ToSYCWJy4qI/AAAAAAAAABI/conBgqSajOY/s1600/fade.png) repeat-x top left;
    color: #fff;
    text-shadow: 1px 1px 1px #cbeb8a;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    border: 1px solid #7bac2f;
    padding: 7px 0;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
}
.download {
    position: relative;
    float: left;
    height: 16px;
    width: 252px;
    bottom: 59px;
    left: 65px;
    background: #acdc54 url(http://2.bp.blogspot.com/-S4AKqSDPUEs/ToSYCWJy4qI/AAAAAAAAABI/conBgqSajOY/s1600/fade.png) repeat-x top left;
    color: #fff;
    text-shadow: 1px 1px 1px #cbeb8a;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    border: 1px solid #7bac2f;
    padding: 7px 0;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
}