Tombol Download Button di LinkMagz Blogger

 

1. Login ke Blogger > Entri Baru (buat tulisan)
2. Selesaikan artikel sampai habis
3. Masuk ke tulis Mode HTML (bukan Compose ya)
4. Copas kode Script di bawah ini
5. Setting URL yang diperlukan dan/atau ditambahkan
6. Ketuk tombol Preview (Jika Perlu), atau langsung Publikasikan artikel
7. Selesai!

TARUH KODE INI DI ATAS SKIN (EDIT-HTML)

.buttonDownload{border-radius:3px;display:inline-block;text-decoration:none!important;position:relative;padding:10px 25px;color:#fff!important;font-weight:700;font-size:.9em;text-align:center;text-indent:15px;-webkit-transition:all .4s;transition:all .4s}
.buttonDownload:hover{opacity:.85}
.buttonDownload:after,.buttonDownload:before{content:" ";display:block;position:absolute;left:15px;top:52%}.buttonDownload:before{width:10px;height:2px;border-style:solid;border-width:0 2px 2px}
.buttonDownload:after{width:0;height:0;margin-left:3px;margin-top:-7px;border:solid transparent;border-width:4px 4px 0;border-top-color:inherit;-webkit-animation:downloadArrow 2s linear infinite;animation:downloadArrow 2s linear infinite;-webkit-animation-play-state:paused;animation-play-state:paused}
.buttonDownload:hover:after{-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes downloadArrow{0%{margin-top:-7px;opacity:1}0.001%{margin-top:-15px;opacity:0}50%{opacity:1}to{margin-top:0;opacity:0}}@keyframes downloadArrow{0%{margin-top:-7px;opacity:1}0.001%{margin-top:-15px;opacity:0}50%{opacity:1}to{margin-top:0;opacity:0}

TARUH KODE INI DIHALAMAN ANDA

<a class="buttonDownload" href="#">Download</a>

SUMBER:https://linkmagzblog.blogspot.com/2020/03/cara-membuat-tombol-demo-download-button.html