Kali ini saya akan membagikan Cara Memasang Tombol Slide To Download Ala riziqdesign.
Contoh Demo
- Masuk ke akun blogger kalian
- Pilih Tema> Edit Tema
- Cari Kode ></b:skin>
- Copas Kode Dibawah ini Tepat diatas Kode ></b:skin>
#wrap { margin: 20px auto; textalign: center; } #wrap br { display: none; } .btnslide, .btnslide2 { position: relative; display: inlineblock; height: 50px; width: 200px; lineheight: 50px; padding: 0; borderradius: 50px; background: #fdfdfd; border: 2px solid #0099cc; margin: 10px; transition: .5s; } .btnslide2 { border: 2px solid #efa666; } .btnslide:hover { backgroundcolor: #0099cc; } .btnslide2:hover { backgroundcolor: #efa666; } .btnslide:hover span.circle, .btnslide2:hover span.circle2 { left: 100%; marginleft: 45px; backgroundcolor: #fdfdfd; color: #0099cc; } .btnslide2:hover span.circle2 { color: #efa666; } .btnslide:hover span.title, .btnslide2:hover span.title2 { left: 40px; opacity: 0; } .btnslide:hover span.titlehover, .btnslide2:hover span.titlehover2 { opacity: 1; left: 40px; } .btnslide span.circle, .btnslide2 span.circle2 { display: block; backgroundcolor: #0099cc; color: #fff; position: absolute; float: left; margin: 5px; lineheight: 42px; height: 40px; width: 40px; top: 0; left: 0; transition: .5s; borderradius: 50%; } .btnslide2 span.circle2 { backgroundcolor: #efa666; } .btnslide span.title, .btnslide span.titlehover, .btnslide2 span.title2, .btnslide2 span.titlehover2 { position: absolute; left: 90px; textalign: center; margin: 0 auto; fontsize: 16px; fontweight: bold; color: #30abd5; transition: .5s; } .btnslide2 span.title2, .btnslide2 span.titlehover2 { color: #efa666; left: 80px; } .btnslide span.titlehover, .btnslide2 span.titlehover2 { left: 80px; opacity: 0; } .btnslide span.titlehover, .btnslide2 span.titlehover2 { color: #fff; } Masukan Kode dibawah ini di Halaman Post blog kalian, Taruh di Tab <html>
<div id="wrap"> <a href="masukkan link tujuan di sini" class="btnslide" target="_blank"> <span class="circle"><i class="fa farocket"></i></span> <span class="title">Demo</span> <span class="titlehover">Click here</span> </a> <a href="masukkan link tujuan di sini" class="btnslide2" target="_blank"> <span class="circle2"><i class="fa fadownload"></i></span> <span class="title2">Download</span> <span class="titlehover2">Click here</span> </a> 
