Membuat tombol Download dan Demo blog

1. Sebelum ]]></b:skin>

 /* CSS Button Style Download Demo */
.button{float:left;list-style:none;text-align:center;width:100%;padding-bottom: 30px !important;clear:both}
.button ul{margin:0;padding:0}
.button li{display:inline;margin:5px;padding:0;list-style:none}
.button li a.demo,.button li a.download{padding: 10px 70px 10px 16px;color: #212529 !important;text-align: center;font-weight: 500;border-radius: 15px;background: #c3002e; place-content: center flex-start;position: relative; margin: 0 20px;transition: all .5s ease-in-out;flex-direction: row;justify-content: space-between;backdrop-filter: saturate(180%) blur(20px);transition-delay: 0s;background-color: rgb(255 255 255); -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.12);}
.button li a.download{transition: all .5s ease-in-out;flex-direction: row;justify-content: space-between;backdrop-filter: saturate(180%) blur(20px);transition-delay: 0s;background-color: rgb(255 255 255);-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.12);}
.button li a.demo:hover,.button li a.download:hover{background:#c3002e; color:fff;}
.button li a.demo:active,.button li a.download:active{cursor:pointer}
.button li a.demo:after,.button li a.download:after{    content: '\f135';background: #c3002e;position: absolute;right: 0;top: 0;font-weight: normal;display: inline-block;margin: 0 0 0 10px;color: #fff;padding: 11px;font-family: fontawesome;border-bottom-right-radius: 15px;border-top-right-radius: 15px;}
.button li a.download:after{content:'\f019'}

2. Dalam Postingan " Tampilkan HTML "

<div style="text-align: center;">
  <ul class="button">
    <li><a class="demo" href="https://www.blogbot.site/" target="_blank">Demo</a></li>
    <li><a class="download" href="https://drive.google.com/file/d/1oE7K32lOC7kZnEsOqA920SLiXO9vprSN/view?usp=sharing" target="_blank">Download</a></li>
  </ul>
</div>
<div class="clear"></div>